You are here

admin.toolbar.css in Admin 6.2

Same filename and directory in other branches
  1. 7.2 includes/admin.toolbar.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;
  }

File

includes/admin.toolbar.css
View source
  1. /**
  2. * Base styles ========================================================
  3. */
  4. div#admin-toolbar,
  5. div#admin-toolbar * {
  6. font:normal 11px/15px "Lucida Grande",Tahoma,Verdana,sans-serif;
  7. color:#ccc;
  8. }
  9. div#admin-toolbar a {
  10. text-decoration:none;
  11. color:#fff;
  12. font-weight:normal;
  13. }
  14. /**
  15. * Toolbar background =================================================
  16. */
  17. div#admin-toolbar div.admin-blocks { background:url(../images/black.png) 0px 35px repeat-x; }
  18. div#admin-toolbar.vertical div.admin-blocks { background-color:#000; }
  19. /**
  20. * Toggle =============================================================
  21. */
  22. div#admin-toolbar span.admin-toggle { background:url(../images/sprite.png) 0px 0px no-repeat; }
  23. /* Positions */
  24. div#admin-toolbar.nw span.admin-toggle { background-position:0px 0px; }
  25. div#admin-toolbar.ne span.admin-toggle { background-position:-35px 0px; }
  26. div#admin-toolbar.se span.admin-toggle { background-position:-70px 0px; }
  27. div#admin-toolbar.sw span.admin-toggle { background-position:-105px 0px; }
  28. /* Expanded */
  29. body.admin-expanded div#admin-toolbar span.admin-toggle { background-position:0px -35px; }
  30. /**
  31. * Tabs ===============================================================
  32. */
  33. div#admin-toolbar div.admin-tabs { background:#222 url(../images/bleeds.png) 0px 100% repeat-x; }
  34. div#admin-toolbar div.admin-tab {
  35. -moz-border-radius:5px;
  36. -moz-box-shadow: #333 0px 1px 0px;
  37. -webkit-border-radius:5px;
  38. -webkit-box-shadow: #333 0px 1px 0px;
  39. text-shadow: #222 0px 1px 0px;
  40. background:url(../images/bleeds.png) 0px 0px repeat-x;
  41. cursor:pointer;
  42. border-color:#111;
  43. }
  44. div#admin-toolbar div.admin-tab,
  45. div#admin-toolbar div.admin-tab a { color:#999; }
  46. div#admin-toolbar div.admin-tab-active {
  47. -moz-border-radius:5px 5px 0px 0px;
  48. -moz-box-shadow: none;
  49. -webkit-border-radius:0px;
  50. -webkit-border-top-left-radius:5px;
  51. -webkit-border-top-right-radius:5px;
  52. -webkit-box-shadow: none;
  53. background:#000;
  54. border-color:#555 #333;
  55. }
  56. div#admin-toolbar div.admin-tab:hover,
  57. div#admin-toolbar div.admin-tab-active,
  58. div#admin-toolbar div.admin-tab-active a { color:#fff; }
  59. /**
  60. * Drupal elements ====================================================
  61. */
  62. /* Lists */
  63. #admin-toolbar div.item-list li { border-color:#222; }
  64. /* Links */
  65. #admin-toolbar ul.links { background:#111; }
  66. #admin-toolbar ul.links li a {
  67. -moz-border-radius:3px;
  68. -webkit-border-radius:3px;
  69. background:#333;
  70. }
  71. #admin-toolbar ul.links li a:hover {
  72. background:#eee;
  73. color:#333;
  74. }
  75. /**
  76. * Form elements ======================================================
  77. */
  78. #admin-toolbar input.form-autocomplete,
  79. #admin-toolbar input.form-text,
  80. #admin-toolbar textarea.form-textarea,
  81. #admin-toolbar select.form-select {
  82. border-color:#000;
  83. background:#000;
  84. color:#999;
  85. }
  86. #admin-toolbar input.form-autocomplete:hover,
  87. #admin-toolbar input.form-text:hover,
  88. #admin-toolbar textarea.form-textarea:hover,
  89. #admin-toolbar select.form-select:hover,
  90. #admin-toolbar div.form-item:hover input.form-autocomplete,
  91. #admin-toolbar div.form-item:hover input.form-text,
  92. #admin-toolbar div.form-item:hover textarea.form-textarea,
  93. #admin-toolbar div.form-item:hover select.form-select,
  94. #admin-toolbar input.form-autocomplete:focus,
  95. #admin-toolbar input.form-text:focus,
  96. #admin-toolbar textarea.form-textarea:focus,
  97. #admin-toolbar select.form-select:focus {
  98. color:#fff;
  99. border-color:#333;
  100. }
  101. #admin-toolbar input.form-submit {
  102. color:#999;
  103. border-color:#555 #444 #333;
  104. background:#222 url(../images/bleeds.png) 0px 100% repeat-x;
  105. -moz-border-radius:3px;
  106. -webkit-border-radius:3px;
  107. }
  108. #admin-toolbar input.form-submit:hover {
  109. border-color:#aaa #888 #666;
  110. background:#444 url(../images/bleeds.png) 0px 0px repeat-x;
  111. color:#fff;
  112. }
  113. #admin-toolbar input.form-submit:active {
  114. border-color:#333;
  115. background:#111;
  116. color:#fff;
  117. }
  118. #admin-toolbar.vertical div.admin-panes div.admin-pane,
  119. #admin-toolbar div.admin-panes div.admin-pane-active,
  120. #admin-toolbar div.fieldset,
  121. #admin-toolbar div.form-item {
  122. background:#111;
  123. border-color:#222;
  124. -moz-border-radius:3px;
  125. -webkit-border-radius:3px;
  126. }
  127. #admin-toolbar div.form-item { padding:4px; }
  128. #admin-toolbar div.form-item div.description,
  129. #admin-toolbar div.form-item label { color:#999; }
  130. /**
  131. * Admin panes ========================================================
  132. */
  133. #admin-toolbar div.admin-panes div.admin-pane:hover,
  134. #admin-toolbar div.admin-panes div.admin-pane-active,
  135. #admin-toolbar.vertical div.admin-panes div.admin-pane-active {
  136. background:#222;
  137. border-color:#333;
  138. }
  139. #admin-toolbar div.admin-panes h2.admin-pane-title a { color:#666; }
  140. #admin-toolbar div.admin-panes h2.admin-pane-title a:hover,
  141. #admin-toolbar div.admin-panes h2.admin-pane-title a.admin-pane-active { color:#fff; }
  142. #admin-toolbar div.admin-pane div.item-list li { border-color:#333; }
  143. /* Horizontal */
  144. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a {
  145. -moz-border-radius:3px 0px 0px 3px;
  146. -webkit-border-top-left-radius:3px;
  147. -webkit-border-bottom-left-radius:3px;
  148. }
  149. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a.admin-pane-active {
  150. background:#222;
  151. border-color:#333;
  152. }