Changeset 8306 for trunk/themes/Sylvia/theme.css

Timestamp:

Dec 26, 2010, 7:21:26 AM (13 years ago)

Author:

rvelices

Message:

simplify inefficient CSS rules according to pagespeed

File:

• trunk/themes/Sylvia/theme.css (modified) (6 diffs)

trunk/themes/Sylvia/theme.css

@@ -6 +6 @@
 }
 #comments .thumbnailCategories hr {display:none;}
-#comments form.filter input[type="submit"] { margin-top:1.8em; }
+#comments .filter input[type="submit"] { margin-top:1.8em; }
 /*  Sylvia Theme is close to the Roma Admin theme */
 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 
@@ -191 +191 @@
         margin:0; 
 }
-.content ul.thumbnailCategories li {
+.content .thumbnailCategories li {
         background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; 
         width:49%; 
@@ -232 +232 @@
         display: block; 
 }
-.content ul.thumbnailCategories li:hover { 
+.content .thumbnailCategories li:hover { 
         background-color:#111; 
 } 
@@ -293 +293 @@
         color:#999; 
 }
-UL.thumbnails SPAN.wrap2 {
+.thumbnails .wrap2 {
         border: 1px solid #666; /* thumbnails border color and style */
         border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 
 }
-UL.thumbnails SPAN.wrap2:hover { 
+.thumbnails .wrap2:hover { 
         color:#666;
         background-color:#111; 
         border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */ 
 }
-#comments ul.actions li, #comments ul.actions li:hover { 
+#comments .actions li, #comments .actions li:hover { 
         background:transparent none;
         margin-right: 22px;
@@ -402 +402 @@
   color: #666;
 }
-#theCommentsPage .content ul.thumbnailCategories li,
+#theCommentsPage .content .thumbnailCategories li,
 #theCommentsPage .content .thumbnailCategory ,
 #theCommentsPage .content .thumbnailCategory .description,
@@ -419 +419 @@
         background-color: #111; 
 }
-#theCommentsPage .content ul.thumbnailCategories li:hover { 
+#theCommentsPage .content .thumbnailCategories li:hover { 
         background-color: transparent; 
 }