Changeset 7869


Ignore:
Timestamp:
Nov 24, 2010, 9:42:56 PM (13 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.