Ignore:
Timestamp:
Mar 17, 2010, 6:20:09 PM (14 years ago)
Author:
plg
Message:

make the clear admin theme slightly clearer

make the links less flashy in clear admin theme

File:
1 edited

Legend:

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

    r5161 r5163  
    88INPUT[type="submit"], INPUT[type="reset"]  { color:#666; border: 1px solid #777; background-color: #bbb; padding: 1px 15px; }
    99input.rateButton, legend, h3 { color: #777; }
    10 #theAdminPage h2 { color: #ccc; }
     10h2 { color: #777; }
    1111.content .infos { color: #0a0; border:0; background: transparent url(icon/infos.png) no-repeat 5px 5px;
    1212padding:5px 70px 0pt 30px; min-height: 54px; text-align:left; background-color:#c2f5c2;}
     
    2222text-align:right; top:30px; width:550px;  }
    2323html, body { min-height: 100%; }
    24 body { margin: 0; padding: 0; background:#eeeeee }
     24body { margin: 0; padding: 0; background:#f9f9f9 }
    2525/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
    2626/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
     
    3333.throw, .row1 { background-color:#eee; }
    3434.throw em { font-style: normal; color: #0cc9c; }
    35 #content { background: #ddd; min-height: 467px;}
     35#content { background: #f1f1f1; min-height: 467px;}
    3636.content { padding:0 5px 5px; margin: 0 10px 0 252px; z-index:99; }
    3737.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
     
    3939.content h3 ~ h3{ margin-top: 40px; }
    4040.content h4 { color: #aaa; font-size:14px; text-align:center; padding:3px; margin-top: 0; margin-bottom: 10px;}
    41 /*.content h2:before, .content h2:after, */
    42 .content h2 {
    43 letter-spacing:2px; margin-right:30px; text-align:left; color: #999;
    44 text-transform:none; font-weight:bold; padding-left:20px; width:54%; }
    45 .content h2:lang(en) { text-transform:capitalize; }
    4641
    4742.content dl, dd { margin:5px; }
     
    9388
    9489*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
    95 a { color:#04f; border-width: 0; }
    96 a:hover, a:active { color: #0aa; border-bottom: 0 none; cursor: pointer; }
     90a { color:#005E89; border-width: 0; }
     91a:hover, a:active { color: #d54e21; border-bottom: 1px dotted #d54e21; cursor: pointer; }
    9792.content .navigationBar {color:#999;}
    9893ul.actions, .content form#waiting  {text-align:center;}
    99 h2 { font-size:28px; letter-spacing:-1px;padding:0; text-align:left;}
    10094.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
    10195border:0; color:#ccc; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute;
     
    107101/* tabsheets are often used in admin  pages => No specific css files */
    108102.tabsheet {
    109 background-color:#eee; border:0px none; border-bottom:1px solid #777; display:table;
     103background-color:#f9f9f9; border:0px none; border-bottom:1px solid #aaa; display:table;
    110104font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
    111105list-style-image:none; padding: 0; position:relative; text-decoration:none;
    112106top:-2px; white-space:nowrap; margin: 0 0 0 -5px; padding-left:10px;
    113107width:100%; }
    114 .tabsheet li { background:#ddd; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #777; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
     108.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
    115109.tabsheet a {
    116 color:#777; display:block; font-size:11px; border:0;
     110display:block; font-size:11px; border:0;
    117111font-weight:bold; overflow:hidden; padding:6px;
    118112text-align:right; text-decoration:none; margin: 0; }
    119113.tabsheet a:first-letter { text-transform:capitalize; }
    120114.tabsheet li.selected_tab  {
    121   border-bottom:1px solid #ddd;
     115  border-bottom:1px solid #f1f1f1;
    122116}
    123117.tabsheet li:hover, .tabsheet li.selected_tab  {
    124118margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
    125119 }
    126 .tabsheet a:hover, .tabsheet li.selected_tab  a { color: #333; }
    127 .tabsheet a span { background-color:#ddd; display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
     120/* .tabsheet a:hover */
     121.tabsheet li.selected_tab  a { color: #555; }
     122.tabsheet a span { display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
    128123
    129124.sort { clear: none; }
     
    146141#menubar li { margin: 0; padding-left:10px; }
    147142#menubar li A { display:block; }
     143#menubar li A:hover { border:none; }
    148144#menubar li:hover {background-color:#dbe8f3;}
    149145#menubar ul { color: #ccc; margin:0; line-height: 25px;
     
    151147
    152148#adminHome       {background-color:#ddd;}
    153 #adminHome:hover {background-color:#c8c8c8;}
     149#adminHome:hover {background-color:#d0d0d0;}
    154150
    155151/* jQuery tooltips */
     
    206202* html .bigtext { margin-right: 300px; }
    207203
    208 .themeBox {background-color:#eee;}
     204.themeBox {background-color:#ddd;}
    209205.themeBox IMG {border:1px solid white;}
    210206.themeName {color:black;}
     207#themesContent H3 {border-bottom:1px solid #aaa;}
     208.themeDefault {background-color:#dbe8f3;}
Note: See TracChangeset for help on using the changeset viewer.