Group shadows with CSS group

diff --git a/data/booh/themes/gradient/root/booh.css b/data/booh/themes/gradient/root/booh.css
index ac4f724..4a30d82 100644 (file)
--- a/data/booh/themes/gradient/root/booh.css
+++ b/data/booh/themes/gradient/root/booh.css
@@ -90,39 +90,17 @@ td {
         color: #eeeeee;
 }
 
-.thumbnail_image img {
+.image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video img {
      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 }
 
-.thumbnail_image img:hover {
+.image img:hover, .thumbnail_video img:hover, .thumbnail_image img:hover {
      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
 }
-.image,.thumbnail_video > img {
-     -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
-    -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
-            box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
-}
-.image,.thumbnail_video > img:hover {
-     -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
-    -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
-            box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
-}
-
-.fullscreen_image,.fullscreen_video img {
-     -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
-    -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
-            box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
-}
-.ffullscreen_video img {
-        background-color: #fff;
-        border: 1px solid #a9a9a9;
-        margin: -10px 10px 10px -10px;
-        padding: 9px;
-}
 
 .disabled {
         font-style: italic;
@@ -166,8 +144,12 @@ table.index tr td.caption {
 }
 
 table.imgnav tr td.sizes {
-       text-align: center;
+    text-align: center;
 }
+table.imgnav tr td.sizes a {
+    text-decoration:underline;
+}
+
 
 table.image {
        width: 100%