Changeset 8306


Ignore:
Timestamp:
12/26/10 07:21:26 (8 years ago)
Author:
rvelices
Message:

simplify inefficient CSS rules according to pagespeed

Location:
trunk/themes
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/Sylvia/theme.css

    r8269 r8306  
    66} 
    77#comments .thumbnailCategories hr {display:none;} 
    8 #comments form.filter input[type="submit"] { margin-top:1.8em; } 
     8#comments .filter input[type="submit"] { margin-top:1.8em; } 
    99/*  Sylvia Theme is close to the Roma Admin theme */ 
    1010BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {  
     
    191191        margin:0;  
    192192} 
    193 .content ul.thumbnailCategories li { 
     193.content .thumbnailCategories li { 
    194194        background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;  
    195195        width:49%;  
     
    232232        display: block;  
    233233} 
    234 .content ul.thumbnailCategories li:hover {  
     234.content .thumbnailCategories li:hover {  
    235235        background-color:#111;  
    236236}  
     
    293293        color:#999;  
    294294} 
    295 UL.thumbnails SPAN.wrap2 { 
     295.thumbnails .wrap2 { 
    296296        border: 1px solid #666; /* thumbnails border color and style */ 
    297297        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */  
    298298} 
    299 UL.thumbnails SPAN.wrap2:hover {  
     299.thumbnails .wrap2:hover {  
    300300        color:#666; 
    301301        background-color:#111;  
    302302        border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */  
    303303} 
    304 #comments ul.actions li, #comments ul.actions li:hover {  
     304#comments .actions li, #comments .actions li:hover {  
    305305        background:transparent none; 
    306306        margin-right: 22px; 
     
    402402  color: #666; 
    403403} 
    404 #theCommentsPage .content ul.thumbnailCategories li, 
     404#theCommentsPage .content .thumbnailCategories li, 
    405405#theCommentsPage .content .thumbnailCategory , 
    406406#theCommentsPage .content .thumbnailCategory .description, 
     
    419419        background-color: #111;  
    420420} 
    421 #theCommentsPage .content ul.thumbnailCategories li:hover {  
     421#theCommentsPage .content .thumbnailCategories li:hover {  
    422422        background-color: transparent;  
    423423} 
  • trunk/themes/clear/theme.css

    r8269 r8306  
    2828} 
    2929 
     30/*I think this rule is never used*/ 
    3031.content UL.thumbnail IMG { 
    3132    border: 1px solid #a0a0a0; 
     
    3738} 
    3839 
    39 UL.thumbnails SPAN.wrap2 { 
     40.thumbnails .wrap2 { 
    4041  border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    4142} 
    4243 
    43 UL.thumbnails SPAN.wrap2:hover, 
    44 .content UL.thumbnailCategories .thumbnailCategory:hover, 
    45 .content UL.thumbnailCategories .thumbnailCategory:hover A { 
     44.thumbnails .wrap2:hover, 
     45.content .thumbnailCategories .thumbnailCategory:hover, 
     46.content .thumbnailCategories .thumbnailCategory:hover A { 
    4647  background-color: #faebd7; 
    4748  border-color: yellow;         /* thumbnails border color when mouse cursor is over it */ 
  • trunk/themes/dark/theme.css

    r8269 r8306  
    5252} 
    5353 
    54 UL.thumbnails SPAN.wrap2 { 
     54.thumbnails .wrap2 { 
    5555        border: 1px solid #aaaaaa;      /* thumbnails border color and style */ 
    5656} 
    5757 
    58 UL.thumbnails SPAN.wrap2:hover, 
    59 .content UL.thumbnailCategories .thumbnailCategory:hover, 
    60 .content UL.thumbnailCategories .thumbnailCategory:hover A { 
     58.thumbnails .wrap2:hover, 
     59.content .thumbnailCategories .thumbnailCategory:hover, 
     60.content .thumbnailCategories .thumbnailCategory:hover A { 
    6161        background-color: #faebd7; 
    6262        border-color: yellow;   /* thumbnails border color when mouse cursor is over it */ 
  • trunk/themes/default/fix-ie5-ie6.css

    r8269 r8306  
    1010 
    1111/* fix IE with another layout for thumbnails */ 
    12 UL.thumbnails SPAN.wrap2 { 
     12.thumbnails .wrap2 { 
    1313  display: block; 
    1414  position: relative; 
    1515  text-align: left; 
    1616} 
    17 UL.thumbnails SPAN.wrap2 A, 
    18 UL.thumbnails SPAN.wrap2 SPAN { 
     17.thumbnails .wrap2 A, 
     18.thumbnails .wrap2 SPAN { 
    1919  overflow: visible; 
    2020  position: absolute; 
     
    2323} 
    2424 
    25 UL.thumbnails IMG.thumbnail { 
     25.thumbnails IMG.thumbnail { 
    2626  position: relative; 
    2727  top: -50%; 
     
    4040 
    4141/* fix category thumbnails on main page */ 
    42 .content UL.thumbnailCategories { 
     42.content .thumbnailCategories { 
    4343  width: 99%;   /* buggy IE box model */ 
    4444} 
  • trunk/themes/default/fix-ie7.css

    r7869 r8306  
    11/* fix IE with another layout for thumbnails */ 
    22 
    3 UL.thumbnails SPAN.wrap2 { 
     3.thumbnails .wrap2 { 
    44  display: block; 
    55  position: relative; 
    66  text-align: left; 
    77} 
    8 UL.thumbnails SPAN.wrap2 A, 
    9 UL.thumbnails SPAN.wrap2 SPAN { 
     8.thumbnails .wrap2 A, 
     9.thumbnails .wrap2 SPAN { 
    1010  overflow: visible; 
    1111  position: absolute; 
     
    1414} 
    1515 
    16 UL.thumbnails IMG.thumbnail { 
     16.thumbnails IMG.thumbnail { 
    1717  position: relative; 
    1818  top: -50%;    
  • trunk/themes/default/print.css

    r7987 r8306  
    11@media print { 
    2 #menubar, .content .navigationBar, UL.categoryActions, .content .calendarViews, .calendarBar, 
     2#menubar, .content .navigationBar, .categoryActions, .content .calendarViews, .calendarBar, 
    33#imageToolBar, .navThumb, #addComment { 
    44        display: none; 
  • trunk/themes/default/theme.css

    r8299 r8306  
    123123 
    124124/* actions */ 
    125 UL.categoryActions { 
     125.categoryActions { 
    126126        margin: 0 2px; 
    127127        width: auto; 
     
    133133} 
    134134 
    135 UL.categoryActions LI { 
     135.categoryActions LI { 
    136136        display: inline; 
    137137} 
     
    216216 
    217217/* Category thumbnails on main page, CSS code inspired from MOD subcatify */ 
    218 UL.thumbnailCategories { 
     218.thumbnailCategories { 
    219219        margin: 0; 
    220220        padding: 0; 
     
    224224} 
    225225 
    226 UL.thumbnailCategories LI { 
     226.thumbnailCategories LI { 
    227227        margin:0; 
    228228        padding:0; 
     
    272272 
    273273/* Thumbnails */ 
    274 UL.thumbnails SPAN.thumbLegend { 
     274.thumbnails SPAN.thumbLegend { 
    275275        font-size: 90%; 
    276276        overflow: hidden;/* oversized legend is clipped */ 
     
    278278 
    279279/* Thumbnail "elastic" layout */ 
    280 UL.thumbnails { 
     280.thumbnails { 
    281281        margin: 0; 
    282282        padding: 0; 
     
    284284        text-align: center;     /* to center the whole collection in .content */ 
    285285} 
    286 UL.thumbnails LI { display: inline } 
    287  
    288 UL.thumbnails SPAN.wrap1 { 
     286.thumbnails LI { display: inline } 
     287 
     288.thumbnails .wrap1 { 
    289289        margin: 0 5px 5px 5px; 
    290290        display: table-cell; display: inline-table; 
     
    293293        text-align: center;             /* to center the thumbnail and legend in Geko/Opera */ 
    294294} 
    295 UL.thumbnails SPAN.wrap2 { 
     295.thumbnails .wrap2 { 
    296296        margin: 0;                      /* important reset the margins */ 
    297297        display: table-cell;/* block prevents vertical-align here */ 
     
    301301        -webkit-border-radius: 4px; /* Safari webkit project */ 
    302302} 
    303 UL.thumbnails SPAN.wrap2 A, 
    304 UL.thumbnails LABEL { 
     303.thumbnails .wrap2 A, 
     304.thumbnails LABEL { 
    305305        display: block; 
    306306        border-bottom: 0; 
    307307} 
    308 UL.thumbnails IMG { 
     308.thumbnails IMG { 
    309309        margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/ 
    310310} 
     
    508508} 
    509509 
    510 FORM.filter UL { 
     510.filter UL { 
    511511  margin: 0; 
    512512} 
    513 FORM.filter UL, 
    514 FORM.filter LABEL { 
     513.filter UL, 
     514.filter LABEL { 
    515515        display: block; 
    516516        float: left; 
     
    519519} 
    520520 
    521 FORM.filter LI { 
     521.filter LI { 
    522522        list-style: none; 
    523523        margin-bottom: 0.5em; 
    524524} 
    525525 
    526 FORM.filter LI LABEL { 
     526.filter LI LABEL { 
    527527        display: inline; 
    528528        float: none; 
    529529} 
    530530 
    531 FORM.filter UL.tagSelection LABEL { 
     531.filter .tagSelection LABEL { 
    532532        display: inline; 
    533533        float: none; 
     
    536536 
    537537/* cannot use FIELDSET>LABEL because of IE<=6 */ 
    538 FORM.filter LABEL INPUT, 
    539 FORM.filter LABEL SELECT, 
    540 FORM.filter LABEL SPAN, 
    541 FORM.filter LABEL TEXTAREA { 
     538.filter LABEL INPUT, 
     539.filter LABEL SELECT, 
     540.filter LABEL SPAN, 
     541.filter LABEL TEXTAREA { 
    542542  display: block; 
    543543  margin: 0.5em 0; 
    544544} 
    545 FORM.filter FIELDSET * LABEL INPUT, 
    546 FORM.filter FIELDSET * LABEL SELECT, 
    547 FORM.filter FIELDSET * LABEL TEXTAREA, 
    548 FORM.filter LABEL SPAN INPUT, 
    549 FORM.filter LABEL SPAN SELECT, 
    550 FORM.filter LABEL SPAN TEXTAREA { 
     545.filter FIELDSET * LABEL INPUT, 
     546.filter FIELDSET * LABEL SELECT, 
     547.filter FIELDSET * LABEL TEXTAREA, 
     548.filter LABEL SPAN INPUT, 
     549.filter LABEL SPAN SELECT, 
     550.filter LABEL SPAN TEXTAREA { 
    551551        display: inline; 
    552552        vertical-align: top; 
     
    554554} 
    555555 
    556 FORM.filter UL.tagSelection LI LABEL INPUT { 
     556.filter .tagSelection LI LABEL INPUT { 
    557557        margin-right:0; 
    558558} 
    559559 
    560560 
    561 FORM.filter INPUT[type="submit"] { 
     561.filter INPUT[type="submit"] { 
    562562        margin-top: 1em; 
    563563} 
    564564 
    565 FORM.properties UL { 
     565.properties UL { 
    566566        list-style-type: none; 
    567567        margin: 0; 
     
    569569} 
    570570 
    571 FORM.properties LI { 
     571.properties LI { 
    572572        margin-bottom: 0.5em; 
    573573        padding: 0; 
     
    576576} 
    577577 
    578 FORM.properties SPAN.property { 
     578.properties SPAN.property { 
    579579        font-weight: bold; 
    580580        float: left; 
     
    586586 
    587587/* button tools */ 
    588 UL.actions { 
     588.actions { 
    589589        text-indent: 0; 
    590590        list-style: none; 
    591591} 
    592 UL.actions LI { 
     592.actions LI { 
    593593        display: inline; 
    594594} 
    595 UL.actions A, UL.actions IMG { 
     595.actions A, .actions IMG { 
    596596        border: none; 
    597597} 
    598598 
    599 UL.tagSelection { 
     599.tagSelection { 
    600600        width: 99%; 
    601601        margin: 1em 0; 
     
    603603} 
    604604 
    605 UL.tagSelection LI { 
     605.tagSelection LI { 
    606606        display:inline-block; 
    607607        width:150px!important; 
     
    675675#theHeader {text-align: center;} 
    676676 
    677 #comments UL.thumbnailCategories LI { width:99%; } 
     677#comments .thumbnailCategories LI { width:99%; } 
    678678 
    679679/* jQuery datepicker */ 
     
    683683 
    684684/* Set some sizes according to your maximum thumbnail width and height */ 
    685 UL.thumbnails SPAN, 
    686 UL.thumbnails SPAN.wrap2 A, 
    687 UL.thumbnails LABEL, 
     685.thumbnails SPAN, 
     686.thumbnails .wrap2 A, 
     687.thumbnails LABEL, 
    688688.thumbnailCategory DIV.illustration { 
    689689  width: 140px;      /* max thumbnail width + 2px */ 
    690690} 
    691 UL.thumbnails SPAN.wrap2, 
     691.thumbnails .wrap2, 
    692692.content .thumbnailCategory .description { 
    693693  height: 140px;    /* max thumbnail height + 2px */ 
     
    696696 
    697697/* Category thumbnails on main page */ 
    698 UL.thumbnailCategories LI { 
     698.thumbnailCategories LI { 
    699699  width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/ 
    700700} 
    701701 
    702702/* Set defaults for thumbnails legend */ 
    703 UL.thumbnails SPAN.thumbLegend { 
     703.thumbnails SPAN.thumbLegend { 
    704704  display: block;  /* display: none; if you don't want legend */ 
    705705  height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/ 
Note: See TracChangeset for help on using the changeset viewer.