drop-shadow not working in chromium/collage landscape/recentphotos block

phaserbeam

Attached is my side wide CSS code to add shadows to most of my content.

The only problem is the cromium/chrome-browser which seem to ignore my shadows for collage-landscapoe / multiple photo content blocks. You can find sample galleries here(RecentPhotos content block) and here/gallery).

In Chromium you do not see shadows on the recent photos content block. In opera, firefox and even in konqueror you can see the shadows for galleries and photos content block.

I played with some code. Code that works in chromium but only for galleries/not for RecentPhotos and works in opera+firefox for both:

.sm-gallery-roworganic .sm-tile {
  box-shadow:5px 5px 4px #222;
}
.sm-page-widget-images .sm-tile-content {
  box-shadow:5px 5px 4px #222;
}

This works in opera+firefox for multiple photos and galleries, but not for chromium:

.sm-tiles-row-organic .sm-tile-content {
  box-shadow: 5px 5px 4px #222;
}

The funny thing is that with .sm-page-widget-images .sm-tile-content the shadow appears in chromium for a second but then disappears. .sm-page-widget-images .sm-tile displays a shadow but include the .sm-tile-info.

Any ideas how to get shadows for the recent photos/multiple photos content block in chromium when collage landscape is used? :scratch

Here is my complete css code, maybe someone will find some bits and pieces helpful:

/* drop-shadow for drop-down menu */
.sm-page-layout .yui3-menu-vertical {
  box-shadow:5px 5px 4px #333;
}


/* gallery style vertical */
/* http://phaserbeam.smugmug.com/browse */
/* Folders */
.sm-tiles-vertical .sm-tile-content {
  box-shadow:6px 6px 6px #222;
  margin: 0 6px 0 6px;
}
.sm-tiles-vertical .sm-tile-info,
.sm-tiles-vertical .sm-tile-caption{
  padding-left:5px;
}
/* Move the header to the right... */
.sm-page-layout-row h2 {padding-left:10px;}


/* gallery style smugmug */
/* http://phaserbeam.smugmug.com/WilhelmaZoo/Wilhelma2013-Animals */
/* Preview photo */
.sm-gallery-smugmug .sm-gallery-image .sm-tile-content {
  box-shadow:8px 8px 4px #222;
}
/* Thumbs */
.sm-gallery-smugmug .sm-tiles-grid .sm-tile-content {
  box-shadow: 5px 5px 4px #222;
}
/* Spacing between thumbs */
.sm-gallery-smugmug .sm-gallery-tiles .sm-tile {
  margin: 4px;
}


/* gallery style column organic */
/* http://phaserbeam.smugmug.com/WilhelmaAnimals */
/* MultiplePhotos content block */
.sm-tiles-column-organic .sm-tile-content {
  box-shadow: 5px 5px 4px #222;
}


/* Default row-organic drop shadow */
/* Version 1) Works not in chromium for RecentPhotos content block */
/* http://phaserbeam.smugmug.com/FedCon/FedConGuests/AnthonyMontgomery */
/* Gallery */
.sm-gallery-roworganic .sm-tile {
  box-shadow:5px 5px 4px #222;
}
/* http://phaserbeam.smugmug.com/Activity */
/* MultiplePhotos content block */
.sm-page-widget-images .sm-tile-content {
  box-shadow:5px 5px 4px #222;
}

/* Default row-organic drop shadow */
/* Version 2) Does not work in chromium */
/* http://phaserbeam.smugmug.com/Activity */
/* MultiplePhotos content block */
/* http://phaserbeam.smugmug.com/FedCon/FedConGuests/AnthonyMontgomery */
/* Gallery */
/*.sm-tiles-row-organic .sm-tile-content {
  box-shadow: 5px 5px 4px #222;
}*/
/* if info is under the photo, move it to the right... */
.sm-tiles-row-organic .sm-tile-info,
.sm-tiles-row-organic .sm-tile-caption{
  padding-left:5px;
}
/* Bug in row-organic? Right edge is clipped off... */
.sm-tiles-row-organic {margin-right:-10px;}
.sm-tiles-row-organic .sm-tiles-list {overflow:visible;}


/* reduce space between rows on grid-layout */
/* http://phaserbeam.smugmug.com/FedConGuests */
/* MultiplePhotos content block */
.sm-tiles-grid .sm-tiles-list .sm-tile-info {
  padding-bottom:0px;
}


/* Grid layout */
/* http://phaserbeam.smugmug.com/Activity */
/* MultipleGalleries content block */
.sm-page-widget-galleries .sm-tiles-grid .sm-tile-content {
  box-shadow: 5px 5px 4px #222;
}




/* Better page counter in SM gallery view */
.sm-gallery-tiles-pagination-total {
  padding-left:2em;
}

/* Better right-click message */
.sm-user-ui .sm-right-click-message:after {
content: 'All images are copyrighted. All rights reserved. Unauthorized use prohibited.'
}
.sm-user-ui .sm-right-click-message .sm-tooltip-content {
  display: none;
}
.sm-user-ui .sm-right-click-message {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: -4px 5px 10px #000;
  color: #000;
}

/* Better background color for contact page */
.sm-nui .yui3-widget-mask, .sm-nui .yui3-overlay-mask {
 background-color: #888;
}
.yui3-widget-mask, .yui3-overlay-mask {
 -ms-filter: "alpha(opacity=60)";
 filter: alpha(opacity=60);
 opacity: .60;
}

/* Black background for lightbox */
.sm-user-ui .sm-lightbox-panel, 
.sm-user-ui .sm-lightbox-tools, 
.sm-user-ui .sm-lightbox-expand,
.sm-user-ui .sm-lightbox .sm-lightbox-nav {
  background-color: rgba(20, 20, 20, 0.600)!important;
}
.sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
  font-size: 36px;
}
.sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
  background-color: rgba(50, 50, 50, 0.100)!important;
  color: #fff!important;
}
.sm-user-ui .sm-lightbox-tools .sm-lightbox-close:hover {
  color: #fff!important;
  opacity: 1.0;
}
.sm-user-ui .sm-tile-content>.sm-tile-info {
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
}
.sm-user-ui .sm-lightbox .sm-button-skin-default .sm-fonticon {
  color: rgba(128, 128, 128, 0.8)!important;
}
.sm-user-ui .sm-lightbox .sm-button-skin-default:hover .sm-fonticon {
  color: rgba(220, 220, 220, 0.8)!important;
}
.sm-lightbox-caption,
.sm-lightbox-title {
  color: #aaa!important;
}
.sm-lightbox-basic {
  background-color: #000;
}