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

Timestamp:

Dec 23, 2010, 11:03:35 PM (13 years ago)

Author:

rvelices

Message:

• more efficient css rules (according to pagespeed)

File:

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

trunk/themes/Sylvia/theme.css

@@ -1 @@
-.content div.thumbnailCategory div.illustration { 
+.content .thumbnailCategory div.illustration { 
         width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 
 }
-#comments div.thumbnailCategory div.illustration { 
+#comments .thumbnailCategory div.illustration { 
         width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 
 }
@@ -197 +197 @@
         padding:0; 
 }
-.content div.thumbnailCategory { 
+.content .thumbnailCategory { 
         background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; 
         padding: 0 0 2px; 
@@ -212 +212 @@
         padding:20px 0 0 8px; 
 }
-.content .thumbnailCategory div.description { 
+.content .thumbnailCategory .description { 
         background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
         margin: 0; 
@@ -218 +218 @@
         overflow-x: hidden !important; 
 }
-.content .thumbnailCategory div.description .text { 
+.content .thumbnailCategory .description .text { 
         display:block; 
         margin:10px 2px 0 0;
@@ -225 +225 @@
         padding:0 0 5px; 
 }
-.content div.thumbnailCategory div.description p.dates { 
+.content .thumbnailCategory .description p.dates { 
         margin: 0 15px 0 15px; 
         text-align: right; 
 }
-.content .thumbnailCategory div.description H3 { 
+.content .thumbnailCategory .description H3 { 
         display: block; 
 }
@@ -304 +304 @@
 #comments ul.actions li, #comments ul.actions li:hover { 
         background:transparent none;
-        padding: 0 22px; 
+        margin-right: 22px;
         clear:both; 
         list-style-type:none; 
@@ -403 +403 @@
 }
 #theCommentsPage .content ul.thumbnailCategories li,
-#theCommentsPage .content div.thumbnailCategory ,
-#theCommentsPage .content div.thumbnailCategory div.description,
+#theCommentsPage .content .thumbnailCategory ,
+#theCommentsPage .content .thumbnailCategory .description,
 #theCommentsPage .content .thumbnailCategory div.illustration { 
         background-image: none;
 }
-#theCommentsPage .content div.thumbnailCategory {
+#theCommentsPage .content .thumbnailCategory {
         padding: 15px 2px 6px 12px; 
         border: 1px solid #666; 
@@ -422 +422 @@
         background-color: transparent; 
 }
-#theCommentsPage div#comments {
+#theCommentsPage #comments {
         padding: 0 0 5px 10px;
 }
@@ -429 +429 @@
 }
 
-#the_page .content div.thumbnailCategory div.description {
+#the_page .content .thumbnailCategory .description {
   height:158px;
 }