Changeset 7869 for trunk/admin


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/admin/themes
Files:
6 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 */
Note: See TracChangeset for help on using the changeset viewer.