Changeset 8269 for trunk/themes


Ignore:
Timestamp:
Dec 23, 2010, 11:03:35 PM (13 years ago)
Author:
rvelices
Message:
  • more efficient css rules (according to pagespeed)
Location:
trunk/themes
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/themes/Sylvia/theme-ie.css

    r3282 r8269  
    1 #content .thumbnailCategory div.description .text {
     1#content .thumbnailCategory .description .text {
    22        scrollbar-face-color:#222;
    33        scrollbar-shadow-color:#444;

  • trunk/themes/Sylvia/theme.css

    r8161 r8269  
    1 .content div.thumbnailCategory div.illustration {
     1.content .thumbnailCategory div.illustration {
    22        width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
    33}
    4 #comments div.thumbnailCategory div.illustration {
     4#comments .thumbnailCategory div.illustration {
    55        width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
    66}
    … …  
    197197        padding:0;
    198198}
    199 .content div.thumbnailCategory {
     199.content .thumbnailCategory {
    200200        background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
    201201        padding: 0 0 2px;
    … …  
    212212        padding:20px 0 0 8px;
    213213}
    214 .content .thumbnailCategory div.description {
     214.content .thumbnailCategory .description {
    215215        background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
    216216        margin: 0;
    … …  
    218218        overflow-x: hidden !important;
    219219}
    220 .content .thumbnailCategory div.description .text {
     220.content .thumbnailCategory .description .text {
    221221        display:block;
    222222        margin:10px 2px 0 0;
    … …  
    225225        padding:0 0 5px;
    226226}
    227 .content div.thumbnailCategory div.description p.dates {
     227.content .thumbnailCategory .description p.dates {
    228228        margin: 0 15px 0 15px;
    229229        text-align: right;
    230230}
    231 .content .thumbnailCategory div.description H3 {
     231.content .thumbnailCategory .description H3 {
    232232        display: block;
    233233}
    … …  
    304304#comments ul.actions li, #comments ul.actions li:hover {
    305305        background:transparent none;
    306         padding: 0 22px;
     306        margin-right: 22px;
    307307        clear:both;
    308308        list-style-type:none;
    … …  
    403403}
    404404#theCommentsPage .content ul.thumbnailCategories li,
    405 #theCommentsPage .content div.thumbnailCategory ,
    406 #theCommentsPage .content div.thumbnailCategory div.description,
     405#theCommentsPage .content .thumbnailCategory ,
     406#theCommentsPage .content .thumbnailCategory .description,
    407407#theCommentsPage .content .thumbnailCategory div.illustration {
    408408        background-image: none;
    409409}
    410 #theCommentsPage .content div.thumbnailCategory {
     410#theCommentsPage .content .thumbnailCategory {
    411411        padding: 15px 2px 6px 12px;
    412412        border: 1px solid #666;
    … …  
    422422        background-color: transparent;
    423423}
    424 #theCommentsPage div#comments {
     424#theCommentsPage #comments {
    425425        padding: 0 0 5px 10px;
    426426}
    … …  
    429429}
    430430
    431 #the_page .content div.thumbnailCategory div.description {
     431#the_page .content .thumbnailCategory .description {
    432432  height:158px;
    433433}

  • trunk/themes/clear/theme.css

    r8161 r8269  
    3333
    3434FIELDSET, INPUT, SELECT, TEXTAREA,
    35 .content DIV.thumbnailCategory {
     35.content .thumbnailCategory {
    3636  border: 1px solid gray;
    3737}
    … …  
    4242
    4343UL.thumbnails SPAN.wrap2:hover,
    44 .content UL.thumbnailCategories DIV.thumbnailCategory:hover,
    45 .content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
     44.content UL.thumbnailCategories .thumbnailCategory:hover,
     45.content UL.thumbnailCategories .thumbnailCategory:hover A {
    4646  background-color: #faebd7;
    4747  border-color: yellow;         /* thumbnails border color when mouse cursor is over it */

  • trunk/themes/dark/theme.css

    r8161 r8269  
    4848
    4949FIELDSET, INPUT, SELECT, TEXTAREA,
    50 .content DIV.thumbnailCategory {
     50.content .thumbnailCategory {
    5151        border: 1px solid gray;
    5252}
    … …  
    5757
    5858UL.thumbnails SPAN.wrap2:hover,
    59 .content UL.thumbnailCategories DIV.thumbnailCategory:hover,
    60 .content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
     59.content UL.thumbnailCategories .thumbnailCategory:hover,
     60.content UL.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

    r8264 r8269  
    4646
    4747/* fix quickconnect layout */
    48 FORM#quickconnect FIELDSET {
     48#quickconnect FIELDSET {
    4949  width: 99%;   /* correct an ugly 1 or 2 px misalignement with IE */
    5050}

  • trunk/themes/default/fix-khtml.css

    r5123 r8269  
    11/* Issue in Safari/Konqueror only                                                 */
    22/* If H2 has a 0 margin-top categoryActions doesn't float right but overwrites H2 */
    3 .content>DIV.titrePage>H2 {
     3.content>.titrePage>H2 {
    44    margin: 1px 0 0 0;  /* add an arbitrary margin-top */
    55}
    66
    7 .content>div.titrePage {
     7.content>.titrePage {
    88    position: relative;
    99    top: -1px;          /* move the container up by the same amount */

  • trunk/themes/default/theme.css

    r8247 r8269  
    6565
    6666/* quickconnect form */
    67 FORM#quickconnect {
     67#quickconnect {
    6868        margin: 5px;
    6969        padding: 0;
    7070}
    7171
    72 FORM#quickconnect FIELDSET {
     72#quickconnect FIELDSET {
    7373        margin: 0;
    7474        padding: 0; /*IE6 requires padding 0*/
    7575}
    7676
    77 FORM#quickconnect FIELDSET DIV {
     77#quickconnect FIELDSET DIV {
    7878        margin: 8px 5px;
    7979        padding: 0;
    … …  
    118118}
    119119
    120 .content DIV.titrePage {
     120.content .titrePage {
    121121        padding: 0 0 3px;
    122122}
    … …  
    216216
    217217/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
    218 .content UL.thumbnailCategories {
     218UL.thumbnailCategories {
    219219        margin: 0;
    220220        padding: 0;
    … …  
    224224}
    225225
    226 .content UL.thumbnailCategories LI {
     226UL.thumbnailCategories LI {
    227227        margin:0;
    228228        padding:0;
    … …  
    230230}
    231231
    232 .content DIV.thumbnailCategory {
     232.thumbnailCategory {
    233233        display:block;
    234234        padding: 2px 0 0 2px;
    … …  
    236236}
    237237
    238 .content DIV.thumbnailCategory DIV.description {
     238.thumbnailCategory .description {
    239239        font-size: 90%;
    240240        overflow: auto;
    … …  
    242242}
    243243
    244 .content DIV.thumbnailCategory DIV.description H3 {
     244.thumbnailCategory .description H3 {
    245245        text-align: left;
    246246        background: transparent;
    … …  
    250250}
    251251
    252 .content DIV.thumbnailCategory DIV.description P {
    253         margin: 0;
    254 }
    255 
    256 .content DIV.thumbnailCategory DIV.illustration {
     252.thumbnailCategory .description P {
     253        margin: 0;
     254}
     255
     256.thumbnailCategory DIV.illustration {
    257257        text-align: left;
    258258        margin: 2px 0 0 2px;
    … …  
    262262
    263263/* User comments */
    264 DIV#comments {
     264#comments {
    265265        padding-left: 5px;
    266266        padding-right: 5px;
    267267}
    268268
    269 DIV#comments DIV.description {
     269#comments .description {
    270270        font-size: 100%;
    271271}
    … …  
    385385}
    386386
    387 .thumbnailCategories LI { list-style: none; }
    388 
    389387.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
    390388        padding:0;
    … …  
    677675#theHeader {text-align: center;}
    678676
    679 .content #comments UL.thumbnailCategories LI { width:99%; }
     677#comments UL.thumbnailCategories LI { width:99%; }
    680678
    681679/* jQuery datepicker */
    … …  
    688686UL.thumbnails SPAN.wrap2 A,
    689687UL.thumbnails LABEL,
    690 .content DIV.thumbnailCategory DIV.illustration {
     688.thumbnailCategory DIV.illustration {
    691689  width: 140px;      /* max thumbnail width + 2px */
    692690}
    693691UL.thumbnails SPAN.wrap2,
    694 .content DIV.thumbnailCategory DIV.description {
     692.content .thumbnailCategory .description {
    695693  height: 140px;    /* max thumbnail height + 2px */
    696694}
    … …  
    698696
    699697/* Category thumbnails on main page */
    700 .content UL.thumbnailCategories LI {
     698UL.thumbnailCategories LI {
    701699  width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
    702700}
Note: See TracChangeset for help on using the changeset viewer.