189 lines
5.2 KiB
CSS
189 lines
5.2 KiB
CSS
|
|
/**
|
|
* Base styles ========================================================
|
|
*/
|
|
div#admin-toolbar,
|
|
div#admin-toolbar * {
|
|
font:normal 11px/15px "Lucida Grande",Tahoma,Verdana,sans-serif;
|
|
color:#ccc;
|
|
}
|
|
|
|
div#admin-toolbar a {
|
|
text-decoration:none;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
}
|
|
|
|
/**
|
|
* Toolbar background =================================================
|
|
*/
|
|
div#admin-toolbar div.admin-blocks { background:url(../images/black.png) 0px 35px repeat-x; }
|
|
div#admin-toolbar.vertical div.admin-blocks { background-color:#000; }
|
|
|
|
/**
|
|
* Toggle =============================================================
|
|
*/
|
|
div#admin-toolbar span.admin-toggle { background:url(../images/sprite.png) 0px 0px no-repeat; }
|
|
|
|
/* Positions */
|
|
div#admin-toolbar.nw span.admin-toggle { background-position:0px 0px; }
|
|
div#admin-toolbar.ne span.admin-toggle { background-position:-35px 0px; }
|
|
div#admin-toolbar.se span.admin-toggle { background-position:-70px 0px; }
|
|
div#admin-toolbar.sw span.admin-toggle { background-position:-105px 0px; }
|
|
|
|
/* Expanded */
|
|
body.admin-expanded div#admin-toolbar span.admin-toggle { background-position:0px -35px; }
|
|
|
|
/**
|
|
* Tabs ===============================================================
|
|
*/
|
|
div#admin-toolbar div.admin-tabs { background:#222 url(../images/bleeds.png) 0px 100% repeat-x; }
|
|
|
|
div#admin-toolbar div.admin-tab {
|
|
-moz-border-radius:5px;
|
|
-moz-box-shadow: #333 0px 1px 0px;
|
|
-webkit-border-radius:5px;
|
|
-webkit-box-shadow: #333 0px 1px 0px;
|
|
text-shadow: #222 0px 1px 0px;
|
|
|
|
background:url(../images/bleeds.png) 0px 0px repeat-x;
|
|
cursor:pointer;
|
|
border-color:#111;
|
|
}
|
|
|
|
div#admin-toolbar div.admin-tab,
|
|
div#admin-toolbar div.admin-tab a { color:#999; }
|
|
|
|
div#admin-toolbar div.admin-tab-active {
|
|
-moz-border-radius:5px 5px 0px 0px;
|
|
-moz-box-shadow: none;
|
|
|
|
-webkit-border-radius:0px;
|
|
-webkit-border-top-left-radius:5px;
|
|
-webkit-border-top-right-radius:5px;
|
|
-webkit-box-shadow: none;
|
|
|
|
background:#000;
|
|
border-color:#555 #333;
|
|
}
|
|
|
|
div#admin-toolbar div.admin-tab:hover,
|
|
div#admin-toolbar div.admin-tab-active,
|
|
div#admin-toolbar div.admin-tab-active a { color:#fff; }
|
|
|
|
/**
|
|
* Drupal elements ====================================================
|
|
*/
|
|
|
|
/* Lists */
|
|
#admin-toolbar div.item-list li { border-color:#222; }
|
|
|
|
/* Links */
|
|
#admin-toolbar ul.links { background:#111; }
|
|
|
|
#admin-toolbar ul.links li a {
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
background:#333;
|
|
}
|
|
|
|
#admin-toolbar ul.links li a:hover {
|
|
background:#eee;
|
|
color:#333;
|
|
}
|
|
|
|
/**
|
|
* Form elements ======================================================
|
|
*/
|
|
#admin-toolbar input.form-autocomplete,
|
|
#admin-toolbar input.form-text,
|
|
#admin-toolbar textarea.form-textarea,
|
|
#admin-toolbar select.form-select {
|
|
border-color:#000;
|
|
background:#000;
|
|
color:#999;
|
|
}
|
|
|
|
#admin-toolbar input.form-autocomplete:hover,
|
|
#admin-toolbar input.form-text:hover,
|
|
#admin-toolbar textarea.form-textarea:hover,
|
|
#admin-toolbar select.form-select:hover,
|
|
#admin-toolbar div.form-item:hover input.form-autocomplete,
|
|
#admin-toolbar div.form-item:hover input.form-text,
|
|
#admin-toolbar div.form-item:hover textarea.form-textarea,
|
|
#admin-toolbar div.form-item:hover select.form-select,
|
|
#admin-toolbar input.form-autocomplete:focus,
|
|
#admin-toolbar input.form-text:focus,
|
|
#admin-toolbar textarea.form-textarea:focus,
|
|
#admin-toolbar select.form-select:focus {
|
|
color:#fff;
|
|
border-color:#333;
|
|
}
|
|
|
|
#admin-toolbar input.form-submit {
|
|
color:#999;
|
|
border-color:#555 #444 #333;
|
|
background:#222 url(../images/bleeds.png) 0px 100% repeat-x;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
}
|
|
|
|
#admin-toolbar input.form-submit:hover {
|
|
border-color:#aaa #888 #666;
|
|
background:#444 url(../images/bleeds.png) 0px 0px repeat-x;
|
|
color:#fff;
|
|
}
|
|
|
|
#admin-toolbar input.form-submit:active {
|
|
border-color:#333;
|
|
background:#111;
|
|
color:#fff;
|
|
}
|
|
|
|
#admin-toolbar.vertical div.admin-panes div.admin-pane,
|
|
#admin-toolbar div.admin-panes div.admin-pane-active,
|
|
#admin-toolbar div.fieldset,
|
|
#admin-toolbar div.form-item {
|
|
background:#111;
|
|
border-color:#222;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
}
|
|
|
|
#admin-toolbar div.form-item { padding:4px; }
|
|
|
|
#admin-toolbar div.form-item div.description,
|
|
#admin-toolbar div.form-item label { color:#999; }
|
|
|
|
/**
|
|
* Admin panes ========================================================
|
|
*/
|
|
#admin-toolbar div.admin-panes div.admin-pane:hover,
|
|
#admin-toolbar div.admin-panes div.admin-pane-active,
|
|
#admin-toolbar.vertical div.admin-panes div.admin-pane-active {
|
|
background:#222;
|
|
border-color:#333;
|
|
}
|
|
|
|
#admin-toolbar div.admin-panes h2.admin-pane-title a { color:#666; }
|
|
#admin-toolbar div.admin-panes h2.admin-pane-title a:hover,
|
|
#admin-toolbar div.admin-panes h2.admin-pane-title a.admin-pane-active { color:#fff; }
|
|
|
|
#admin-toolbar div.admin-pane div.item-list li { border-color:#333; }
|
|
|
|
/* Horizontal */
|
|
#admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a {
|
|
-moz-border-radius:3px 0px 0px 3px;
|
|
-webkit-border-top-left-radius:3px;
|
|
-webkit-border-bottom-left-radius:3px;
|
|
}
|
|
|
|
#admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a.admin-pane-active {
|
|
background:#222;
|
|
border-color:#333;
|
|
}
|
|
|
|
body.toolbar #admin-toolbar.vertical {
|
|
margin-top: 65px;
|
|
}
|