Changeset 7869


Ignore:
Timestamp:
11/24/10 21:42:56 (9 years ago)
Author:
rvelices
Message:

css rules simplification

  • merged rules
  • remove overly qualified inefficient selectors

etc...

Location:
trunk
Files:
14 edited

Legend:

Unmodified
Added
Removed
  • trunk/admin/themes/clear/theme.css

    r7822 r7869  
    101101SPAN.pwgScreen { font-style:italic; border-bottom:1px dotted #666} 
    102102 
    103 .content ul.thumbnails span.wrap2:hover { background-color:#eee; border:1px solid #0cc9c; color:#999; } 
    104 .content ul.thumbnails span.wrap2 { border:1px solid #999; padding: 4px; } 
    105 .content ul.thumbnails span.wrap2 { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } 
    106 .content ul.thumbnails span.wrap1 { margin:0 12px 5px; } 
     103UL.thumbnails span.wrap2:hover { background-color:#eee; border:1px solid #0cc9c; color:#999; } 
     104UL.thumbnails span.wrap2 { border:1px solid #999; padding: 4px; } 
     105UL.thumbnails span.wrap2 { -moz-border-radius:4px; } 
     106UL.thumbnails span.wrap1 { margin:0 12px 5px; } 
    107107 
    108108/* borders */ 
    109109fieldset { border: 2px solid #ddd; } 
    110110TEXTAREA { cursor:text; font-size: 13px; } 
    111 .content UL.thumbnails SPAN.wrap2 { 
     111UL.thumbnails SPAN.wrap2 { 
    112112  border: 1px solid #555555;  /* thumbnails border color and style */ 
    113113  border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 
  • trunk/admin/themes/default/content.css

    r6363 r7869  
    2424 
    2525  /* not used but should be */ 
    26 body#thePopuphelpPage .content { margin: 1em; } 
     26#thePopuphelpPage .content { margin: 1em; } 
  • trunk/admin/themes/default/default-layout.css

    r7733 r7869  
    772772  min-width: 60em;  /* ~ 3* #menubar width */ 
    773773} 
    774 BODY#thePopuphelpPage { 
     774#thePopuphelpPage { 
    775775  min-width: 0; 
    776776} 
     
    780780 
    781781/* Set some sizes according to your maximum thumbnail width and height */ 
    782 .content UL.thumbnails SPAN, 
    783 .content UL.thumbnails SPAN.wrap2 A, 
    784 .content UL.thumbnails LABEL, 
     782UL.thumbnails SPAN, 
     783UL.thumbnails SPAN.wrap2 A, 
     784UL.thumbnails LABEL, 
    785785.content DIV.thumbnailCategory DIV.illustration { 
    786786  width: 140px;      /* max thumbnail width + 2px */ 
    787787} 
    788 .content UL.thumbnails SPAN.wrap2, 
     788UL.thumbnails SPAN.wrap2, 
    789789.content DIV.thumbnailCategory DIV.description { 
    790790  height: 140px;    /* max thumbnail height + 2px */ 
     
    798798 
    799799/* Set defaults for thumbnails legend */ 
    800 .content UL.thumbnails SPAN.thumbLegend { 
     800UL.thumbnails SPAN.thumbLegend { 
    801801  display: block;  /* display: none; if you don't want legend */ 
    802802  height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/ 
  • trunk/admin/themes/default/fix-ie5-ie6.css

    r6363 r7869  
    1616 
    1717/* fix IE with another layout for thumbnails */ 
    18 .content UL.thumbnails SPAN.wrap2 { 
     18UL.thumbnails SPAN.wrap2 { 
    1919  display: block; 
    2020  position: relative; 
     
    2222} 
    2323 
    24 .content UL.thumbnails IMG.thumbnail { 
     24UL.thumbnails IMG.thumbnail { 
    2525  position: relative; 
    2626  top: -50%;  /* Is this following hacking technic required ? */ 
     
    2929  /**/ 
    3030} 
    31 .content UL.thumbnails INPUT { 
     31UL.thumbnails INPUT { 
    3232  position: absolute; 
    3333  left: 2px; 
  • trunk/admin/themes/default/thumbnails.css

    r6363 r7869  
    1 .content UL.thumbnails { 
     1UL.thumbnails { 
    22  margin: 0; padding: 0; list-style: none; 
    33  text-align: center;   /* to center the whole collection in .content */ 
    44  float: left; 
    55} 
    6 .content UL.thumbnails LI { display: inline } 
    7 .content ul.thumbnails li.rank-of-image {  
     6UL.thumbnails LI { display: inline } 
     7UL.thumbnails li.rank-of-image {  
    88  float: left; 
    99  background-color: #111; 
     
    1717  margin: 10px; 
    1818} 
    19 .content ul.thumbnails li.rank-of-image img { 
     19UL.thumbnails li.rank-of-image img { 
    2020  margin: 0 20px; 
    2121  padding: 4px 2px; 
     
    3030  position:absolute; 
    3131} 
    32 .content ul.thumbnails li.rank-of-image input { 
     32UL.thumbnails li.rank-of-image input { 
    3333  height: 12px;  
    3434  width: 50px; 
     
    3636  top: 4px;   
    3737} 
    38 .content UL.thumbnails SPAN.wrap1 { 
     38UL.thumbnails SPAN.wrap1 { 
    3939  margin: 0 5px 5px 5px; 
    4040  display: table-cell; display: inline-table; 
     
    4343  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */ 
    4444} 
    45 .content UL.thumbnails SPAN.wrap2 { 
     45UL.thumbnails SPAN.wrap2 { 
    4646  margin: 0;                    /* important reset the margins */ 
    4747  display: table-cell;          /* block prevents vertical-align here */ 
    4848  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */ 
    4949} 
    50 .content UL.thumbnails LABEL { display: block; border-bottom: none; } 
    51 .content UL.thumbnails IMG { 
     50UL.thumbnails LABEL { display: block; border-bottom: none; } 
     51UL.thumbnails IMG { 
    5252  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/ 
    5353} 
    54 .content UL.thumbnails LABEL { position: relative; } 
    55 .content UL.thumbnails INPUT { 
     54UL.thumbnails LABEL { position: relative; } 
     55UL.thumbnails INPUT { 
    5656  position: relative;   /* <= Opera can handle relative here */ 
    5757  top: -20px; 
    5858} 
    59 :root .content UL.thumbnails INPUT { /* hide from Opera */ 
     59:root UL.thumbnails INPUT { /* hide from Opera */ 
    6060  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */ 
    6161  left: 2px; top: 2px; 
  • trunk/admin/themes/roma/theme.css

    r7822 r7869  
    7777SPAN.pwgScreen { font-style:italic; border-bottom:1px dotted #666} 
    7878 
    79 .content ul.thumbnails span.wrap2:hover { background-color:#111; border:1px solid #FF3363; color:#666; } 
    80 .content ul.thumbnails span.wrap2 { border:1px solid #666; padding: 4px; } 
    81 .content ul.thumbnails span.wrap2 { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } 
    82 .content ul.thumbnails span.wrap1 { margin:0 12px 5px; } 
     79UL.thumbnails span.wrap2:hover { background-color:#111; border:1px solid #FF3363; color:#666; } 
     80UL.thumbnails span.wrap2 { border:1px solid #666; padding: 4px; } 
     81UL.thumbnails span.wrap2 { -moz-border-radius:4px; } 
     82UL.thumbnails span.wrap1 { margin:0 12px 5px; } 
    8383/* .throw, */ td h3 { 
    8484 background-image: url(images/fillet.png); background-repeat: repeat-x; } 
     
    8888input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; } 
    8989TEXTAREA { cursor:text; font-size: 13px; } 
    90 .content UL.thumbnails SPAN.wrap2 { 
     90UL.thumbnails SPAN.wrap2 { 
    9191  border: 1px solid #aaaaaa;  /* thumbnails border color and style */ 
    9292  border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 
  • trunk/themes/Sylvia/theme.css

    r7843 r7869  
    88#comments form.filter input[type="submit"] { margin-top:1.8em; } 
    99/*  Sylvia Theme is close to the Roma Admin theme */ 
    10 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {  
     10BODY, H1, H3, DT, .rateButtonSelected, H2, #menubar DT {  
    1111        color:#666;  
    1212} 
     
    176176} 
    177177 
    178 .content {  
     178#theCategoryPage .content {  
    179179        border: 1px solid #000;  
    180180        border-top: 0;  
    181         margin:21px 7px 0 290px;  
     181        margin:21px 7px 0 290px !important;  
    182182        padding-top:7px;  
    183183} 
     
    293293        color:#999;  
    294294} 
    295 .content UL.thumbnails SPAN.wrap2 { 
     295UL.thumbnails SPAN.wrap2 { 
    296296        border: 1px solid #666; /* thumbnails border color and style */ 
    297297        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */  
    298298} 
    299 .content UL.thumbnails SPAN.wrap2:hover {  
     299UL.thumbnails SPAN.wrap2:hover {  
    300300        color:#666; 
    301301        background-color:#111;  
     
    316316        border:1px solid #666; 
    317317} 
    318 A, INPUT.rateButton {  
     318A, .rateButton {  
    319319        color:#f70;  
    320320        border-width: 0;  
  • trunk/themes/clear/theme.css

    r7843 r7869  
    22/* text color */ 
    33BODY, H1, H2, H3, DT, 
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
     4.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    55        color:#696969;  /* dimgray */ 
    66} 
     
    3737} 
    3838 
    39 .content UL.thumbnails SPAN.wrap2 { 
     39UL.thumbnails SPAN.wrap2 { 
    4040  border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    4141} 
    4242 
    43 .content UL.thumbnails SPAN.wrap2:hover, 
     43UL.thumbnails SPAN.wrap2:hover, 
    4444.content UL.thumbnailCategories DIV.thumbnailCategory:hover, 
    4545.content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
     
    5050 
    5151/* links */ 
    52 A, INPUT.rateButton { 
     52A, .rateButton { 
    5353    color: #005e89; 
    5454    background: transparent; 
    5555} 
    5656 
    57 A:hover, INPUT.rateButton:hover { 
     57A:hover, .rateButton:hover { 
    5858    color: #858460; 
    5959} 
  • trunk/themes/dark/theme.css

    r6531 r7869  
    22/* text color */ 
    33BODY, H1, H3, 
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
     4.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    55        color:#d0d0d0; 
    66} 
     
    5252} 
    5353 
    54 .content UL.thumbnails SPAN.wrap2 { 
     54UL.thumbnails SPAN.wrap2 { 
    5555        border: 1px solid #aaaaaa;      /* thumbnails border color and style */ 
    5656} 
    5757 
    58 .content UL.thumbnails SPAN.wrap2:hover, 
     58UL.thumbnails SPAN.wrap2:hover, 
    5959.content UL.thumbnailCategories DIV.thumbnailCategory:hover, 
    6060.content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
     
    6666 
    6767/* links */ 
    68 A, INPUT.rateButton { 
     68A, .rateButton { 
    6969        color: #fff; 
    70         border: none; 
     70        border: 0; 
    7171} 
    7272 
  • trunk/themes/default/fix-ie5-ie6.css

    r7843 r7869  
    1010 
    1111/* fix IE with another layout for thumbnails */ 
    12 .content UL.thumbnails SPAN.wrap2 { 
     12UL.thumbnails SPAN.wrap2 { 
    1313  display: block; 
    1414  position: relative; 
    1515  text-align: left; 
    1616} 
    17 .content UL.thumbnails SPAN.wrap2 A, 
    18 .content UL.thumbnails SPAN.wrap2 SPAN { 
     17UL.thumbnails SPAN.wrap2 A, 
     18UL.thumbnails SPAN.wrap2 SPAN { 
    1919  overflow: visible; 
    2020  position: absolute; 
     
    2323} 
    2424 
    25 .content UL.thumbnails IMG.thumbnail { 
     25UL.thumbnails IMG.thumbnail { 
    2626  position: relative; 
    2727  top: -50%; 
  • trunk/themes/default/fix-ie7.css

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

    r7852 r7869  
    1010} 
    1111 
    12 BODY#theCategoryPage .content { 
     12#theCategoryPage .content { 
    1313        margin: 0 !important;  
    1414} 
  • trunk/themes/default/theme.css

    r7843 r7869  
    9696} 
    9797 
    98 BODY#theCategoryPage .content 
     98#theCategoryPage .content 
    9999{ 
    100100        margin-left: 20em;  /* = #menubar width + 2em */ 
     
    136136} 
    137137 
    138  UL.categoryActions A IMG, UL.categoryActions A { 
     138UL.categoryActions A IMG, UL.categoryActions A { 
    139139        border: 0; 
    140140        margin-bottom: -5px; 
     
    189189} 
    190190 
    191 DIV.calImg { 
     191.calImg { 
    192192        overflow: hidden; 
    193193        vertical-align: bottom; 
     
    196196} 
    197197 
    198 .calImg img { 
     198.calImg IMG { 
    199199        position: relative; 
    200200        border: 0; 
     
    276276 
    277277/* Thumbnails */ 
    278 .content UL.thumbnails SPAN.thumbLegend { 
     278UL.thumbnails SPAN.thumbLegend { 
    279279        font-size: 90%; 
    280280        overflow: hidden;/* oversized legend is clipped */ 
     
    282282 
    283283/* Thumbnail "elastic" layout */ 
    284 .content UL.thumbnails { 
     284UL.thumbnails { 
    285285        margin: 0; 
    286286        padding: 0; 
     
    288288        text-align: center;     /* to center the whole collection in .content */ 
    289289} 
    290 .content UL.thumbnails LI { display: inline } 
    291  
    292 .content UL.thumbnails SPAN.wrap1 { 
     290UL.thumbnails LI { display: inline } 
     291 
     292UL.thumbnails SPAN.wrap1 { 
    293293        margin: 0 5px 5px 5px; 
    294294        display: table-cell; display: inline-table; 
     
    297297        text-align: center;             /* to center the thumbnail and legend in Geko/Opera */ 
    298298} 
    299 .content UL.thumbnails SPAN.wrap2 { 
     299UL.thumbnails SPAN.wrap2 { 
    300300        margin: 0;                      /* important reset the margins */ 
    301301        display: table-cell;/* block prevents vertical-align here */ 
     
    305305        -webkit-border-radius: 4px; /* Safari webkit project */ 
    306306} 
    307 .content UL.thumbnails SPAN.wrap2 A, 
    308 .content UL.thumbnails LABEL { 
     307UL.thumbnails SPAN.wrap2 A, 
     308UL.thumbnails LABEL { 
    309309        display: block; 
    310310        border-bottom: 0; 
    311311} 
    312 .content UL.thumbnails IMG { 
     312UL.thumbnails IMG { 
    313313        margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/ 
    314314} 
     
    427427        font-size: 0.8em; 
    428428        font-family: Arial,Helvetica,sans-serif; 
     429        min-width: 60em;  /* ~ 3* #menubar width; width of the page before getting a scrollbar; IE6 doesn't get that*/ 
     430} 
     431 
     432#thePopuphelpPage { 
     433        min-width: 0; /*reset the min width*/ 
    429434} 
    430435 
     
    616621 
    617622UL.tagSelection LI { 
    618         display:inline-block; 
    619         width:150px!important; 
    620         overflow:hidden; 
     623        display:inline-block; 
     624        width:150px!important; 
     625        overflow:hidden; 
    621626        white-space: nowrap; 
    622627} 
     
    643648 
    644649/* Popup help page */ 
    645 BODY#thePopuphelpPage #copyright { 
     650#thePopuphelpPage #copyright { 
    646651        display: none; 
    647652} 
    648653 
    649 #theNotificationPage p { padding: 0.5em; } 
    650 BODY#thePopuphelpPage .content P { 
     654#thePopuphelpPage P { 
    651655        text-align: justify; 
    652656        padding: 0.5em; 
    653657} 
    654658 
    655 BODY#thePopuphelpPage .content OL LI, 
    656 BODY#thePopuphelpPage .content UL LI 
    657 { 
     659#thePopuphelpPage LI { 
    658660        margin-bottom: 0.5em; 
     661} 
     662 
     663#theNotificationPage P { 
     664        padding: 0.5em; 
    659665} 
    660666 
     
    691697#theHeader {text-align: center;} 
    692698 
    693 #theNotificationPage DL, 
    694 #thePopuphelpPage DL { margin: 0 25px 25px; } 
     699#theNotificationPage DL, #thePopuphelpPage DL { 
     700        margin: 0 25px 25px;  
     701} 
     702 
    695703.content #comments UL.thumbnailCategories LI { width:99%; } 
     704 
    696705/* jQuery datepicker */ 
    697706IMG.ui-datepicker-trigger { 
     
    699708} 
    700709 
    701 /* Set minimum width of the page before getting a scrollbar */ 
    702 /* IE5 and IE6 don't get that */ 
    703 BODY { 
    704   min-width: 60em;  /* ~ 3* #menubar width */ 
    705 } 
    706 BODY#thePopuphelpPage { 
    707   min-width: 0; 
    708 } 
    709  
    710710/* Set some sizes according to your maximum thumbnail width and height */ 
    711 .content UL.thumbnails SPAN, 
    712 .content UL.thumbnails SPAN.wrap2 A, 
    713 .content UL.thumbnails LABEL, 
     711UL.thumbnails SPAN, 
     712UL.thumbnails SPAN.wrap2 A, 
     713UL.thumbnails LABEL, 
    714714.content DIV.thumbnailCategory DIV.illustration { 
    715715  width: 140px;      /* max thumbnail width + 2px */ 
    716716} 
    717 .content UL.thumbnails SPAN.wrap2, 
     717UL.thumbnails SPAN.wrap2, 
    718718.content DIV.thumbnailCategory DIV.description { 
    719719  height: 140px;    /* max thumbnail height + 2px */ 
     
    727727 
    728728/* Set defaults for thumbnails legend */ 
    729 .content UL.thumbnails SPAN.thumbLegend { 
     729UL.thumbnails SPAN.thumbLegend { 
    730730  display: block;  /* display: none; if you don't want legend */ 
    731731  height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/ 
     
    773773 
    774774/* rate buttons displayed like links */ 
    775 INPUT.rateButton, INPUT.rateButtonSelected, INPUT.rateButtonStarFull, INPUT.rateButtonStarEmpty { 
     775.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty { 
    776776        color:inherit; 
    777777        background-color:transparent !important;        /* Konqueror doesn't accept transparent here */ 
  • trunk/tools/local-layout.css

    r3282 r7869  
    55} 
    66 
    7 .content UL.thumbnails SPAN.wrap2 { 
     7UL.thumbnails SPAN.wrap2 { 
    88  height: 200px; /* max thumbnail height + 2px */ 
    99} 
Note: See TracChangeset for help on using the changeset viewer.