Changeset 8306


Ignore:
Timestamp:
Dec 26, 2010, 7:21:26 AM (13 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.