Changeset 8269


Ignore:
Timestamp:
12/23/10 23:03:35 (9 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.