Changeset 8306 for trunk/themes/default/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/default/theme.css (modified) (20 diffs)

trunk/themes/default/theme.css

@@ -123 +123 @@
 
 /* actions */
-UL.categoryActions {
+.categoryActions {
         margin: 0 2px;
         width: auto;
@@ -133 +133 @@
 }
 
-UL.categoryActions LI {
+.categoryActions LI {
         display: inline;
 }
@@ -216 +216 @@
 
 /* Category thumbnails on main page, CSS code inspired from MOD subcatify */
-UL.thumbnailCategories {
+.thumbnailCategories {
         margin: 0;
         padding: 0;
@@ -224 +224 @@
 }
 
-UL.thumbnailCategories LI {
+.thumbnailCategories LI {
         margin:0;
         padding:0;
@@ -272 +272 @@
 
 /* Thumbnails */
-UL.thumbnails SPAN.thumbLegend {
+.thumbnails SPAN.thumbLegend {
         font-size: 90%;
         overflow: hidden;/* oversized legend is clipped */
@@ -278 +278 @@
 
 /* Thumbnail "elastic" layout */
-UL.thumbnails {
+.thumbnails {
         margin: 0;
         padding: 0;
@@ -284 +284 @@
         text-align: center;     /* to center the whole collection in .content */
 }
-UL.thumbnails LI { display: inline }
-
-UL.thumbnails SPAN.wrap1 {
+.thumbnails LI { display: inline }
+
+.thumbnails .wrap1 {
         margin: 0 5px 5px 5px;
         display: table-cell; display: inline-table;
@@ -293 +293 @@
         text-align: center;             /* to center the thumbnail and legend in Geko/Opera */
 }
-UL.thumbnails SPAN.wrap2 {
+.thumbnails .wrap2 {
         margin: 0;                      /* important reset the margins */
         display: table-cell;/* block prevents vertical-align here */
@@ -301 +301 @@
         -webkit-border-radius: 4px; /* Safari webkit project */
 }
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails LABEL {
+.thumbnails .wrap2 A,
+.thumbnails LABEL {
         display: block;
         border-bottom: 0;
 }
-UL.thumbnails IMG {
+.thumbnails IMG {
         margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
 }
@@ -508 +508 @@
 }
 
-FORM.filter UL {
+.filter UL {
   margin: 0;
 }
-FORM.filter UL,
-FORM.filter LABEL {
+.filter UL,
+.filter LABEL {
         display: block;
         float: left;
@@ -519 +519 @@
 }
 
-FORM.filter LI {
+.filter LI {
         list-style: none;
         margin-bottom: 0.5em;
 }
 
-FORM.filter LI LABEL {
+.filter LI LABEL {
         display: inline;
         float: none;
 }
 
-FORM.filter UL.tagSelection LABEL {
+.filter .tagSelection LABEL {
         display: inline;
         float: none;
@@ -536 +536 @@
 
 /* cannot use FIELDSET>LABEL because of IE<=6 */
-FORM.filter LABEL INPUT,
-FORM.filter LABEL SELECT,
-FORM.filter LABEL SPAN,
-FORM.filter LABEL TEXTAREA {
+.filter LABEL INPUT,
+.filter LABEL SELECT,
+.filter LABEL SPAN,
+.filter LABEL TEXTAREA {
   display: block;
   margin: 0.5em 0;
 }
-FORM.filter FIELDSET * LABEL INPUT,
-FORM.filter FIELDSET * LABEL SELECT,
-FORM.filter FIELDSET * LABEL TEXTAREA,
-FORM.filter LABEL SPAN INPUT,
-FORM.filter LABEL SPAN SELECT,
-FORM.filter LABEL SPAN TEXTAREA {
+.filter FIELDSET * LABEL INPUT,
+.filter FIELDSET * LABEL SELECT,
+.filter FIELDSET * LABEL TEXTAREA,
+.filter LABEL SPAN INPUT,
+.filter LABEL SPAN SELECT,
+.filter LABEL SPAN TEXTAREA {
         display: inline;
         vertical-align: top;
@@ -554 +554 @@
 }
 
-FORM.filter UL.tagSelection LI LABEL INPUT {
+.filter .tagSelection LI LABEL INPUT {
         margin-right:0;
 }
 
 
-FORM.filter INPUT[type="submit"] {
+.filter INPUT[type="submit"] {
         margin-top: 1em;
 }
 
-FORM.properties UL {
+.properties UL {
         list-style-type: none;
         margin: 0;
@@ -569 +569 @@
 }
 
-FORM.properties LI {
+.properties LI {
         margin-bottom: 0.5em;
         padding: 0;
@@ -576 +576 @@
 }
 
-FORM.properties SPAN.property {
+.properties SPAN.property {
         font-weight: bold;
         float: left;
@@ -586 +586 @@
 
 /* button tools */
-UL.actions {
+.actions {
         text-indent: 0;
         list-style: none;
 }
-UL.actions LI {
+.actions LI {
         display: inline;
 }
-UL.actions A, UL.actions IMG {
+.actions A, .actions IMG {
         border: none;
 }
 
-UL.tagSelection {
+.tagSelection {
         width: 99%;
         margin: 1em 0;
@@ -603 +603 @@
 }
 
-UL.tagSelection LI {
+.tagSelection LI {
         display:inline-block;
         width:150px!important;
@@ -675 +675 @@
 #theHeader {text-align: center;}
 
-#comments UL.thumbnailCategories LI { width:99%; }
+#comments .thumbnailCategories LI { width:99%; }
 
 /* jQuery datepicker */
@@ -683 +683 @@
 
 /* Set some sizes according to your maximum thumbnail width and height */
-UL.thumbnails SPAN,
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails LABEL,
+.thumbnails SPAN,
+.thumbnails .wrap2 A,
+.thumbnails LABEL,
 .thumbnailCategory DIV.illustration {
   width: 140px;      /* max thumbnail width + 2px */
 }
-UL.thumbnails SPAN.wrap2,
+.thumbnails .wrap2,
 .content .thumbnailCategory .description {
   height: 140px;    /* max thumbnail height + 2px */
@@ -696 +696 @@
 
 /* Category thumbnails on main page */
-UL.thumbnailCategories LI {
+.thumbnailCategories LI {
   width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
 }
 
 /* Set defaults for thumbnails legend */
-UL.thumbnails SPAN.thumbLegend {
+.thumbnails SPAN.thumbLegend {
   display: block;  /* display: none; if you don't want legend */
   height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/