admin.toolbar.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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. }
  153. body.toolbar #admin-toolbar.vertical {
  154. margin-top: 65px;
  155. }