admin.toolbar.base.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472
  1. /**
  2. * Admin toolbar CSS resets ===========================================
  3. */
  4. /* Text */
  5. #admin-toolbar,
  6. #admin-toolbar h1,
  7. #admin-toolbar h2,
  8. #admin-toolbar h3,
  9. #admin-toolbar h4,
  10. #admin-toolbar h5,
  11. #admin-toolbar h6,
  12. #admin-toolbar p,
  13. #admin-toolbar blockquote,
  14. #admin-toolbar pre,
  15. #admin-toolbar a,
  16. #admin-toolbar abbr,
  17. #admin-toolbar acronym,
  18. #admin-toolbar address,
  19. #admin-toolbar big,
  20. #admin-toolbar cite,
  21. #admin-toolbar code,
  22. #admin-toolbar del,
  23. #admin-toolbar dfn,
  24. #admin-toolbar em,
  25. #admin-toolbar font,
  26. #admin-toolbar img,
  27. #admin-toolbar ins,
  28. #admin-toolbar kbd,
  29. #admin-toolbar q,
  30. #admin-toolbar s,
  31. #admin-toolbar samp,
  32. #admin-toolbar small,
  33. #admin-toolbar strike,
  34. #admin-toolbar strong,
  35. #admin-toolbar sub,
  36. #admin-toolbar sup,
  37. #admin-toolbar tt,
  38. #admin-toolbar var,
  39. #admin-toolbar b,
  40. #admin-toolbar u,
  41. #admin-toolbar i,
  42. #admin-toolbar center,
  43. /* Common classes */
  44. #admin-toolbar .buttons,
  45. /* Lists */
  46. #admin-toolbar dl,
  47. #admin-toolbar dt,
  48. #admin-toolbar dd,
  49. #admin-toolbar ol,
  50. #admin-toolbar ul,
  51. #admin-toolbar li,
  52. /* Forms */
  53. #admin-toolbar fieldset,
  54. #admin-toolbar form,
  55. #admin-toolbar input,
  56. #admin-toolbar select,
  57. #admin-toolbar textarea,
  58. #admin-toolbar label,
  59. #admin-toolbar legend,
  60. /* Tables */
  61. #admin-toolbar table,
  62. #admin-toolbar caption,
  63. #admin-toolbar tbody,
  64. #admin-toolbar tfoot,
  65. #admin-toolbar thead,
  66. #admin-toolbar tr,
  67. #admin-toolbar th,
  68. #admin-toolbar td,
  69. /* Drupal: system.css */
  70. #admin-toolbar tr.even,
  71. #admin-toolbar tr.odd,
  72. #admin-toolbar tr.drag,
  73. #admin-toolbar tbody,
  74. #admin-toolbar tbody th,
  75. #admin-toolbar thead th,
  76. #admin-toolbar .breadcrumb,
  77. #admin-toolbar .error,
  78. #admin-toolbar div.error,
  79. #admin-toolbar tr.error,
  80. #admin-toolbar .warning,
  81. #admin-toolbar div.warning,
  82. #admin-toolbar tr.warning,
  83. #admin-toolbar .ok,
  84. #admin-toolbar div.ok,
  85. #admin-toolbar tr.ok,
  86. #admin-toolbar .item-list,
  87. #admin-toolbar .item-list .icon,
  88. #admin-toolbar .item-list .title,
  89. #admin-toolbar .item-list ul,
  90. #admin-toolbar .item-list ul li,
  91. #admin-toolbar ol.task-list li.active,
  92. #admin-toolbar .form-item,
  93. #admin-toolbar tr.odd .form-item,
  94. #admin-toolbar tr.even .form-item,
  95. #admin-toolbar tr.merge-down,
  96. #admin-toolbar tr.merge-up,
  97. #admin-toolbar .form-item .description,
  98. #admin-toolbar .form-item label,
  99. #admin-toolbar .form-item label.option,
  100. #admin-toolbar .form-checkboxes,
  101. #admin-toolbar .form-radios,
  102. #admin-toolbar .form-checkboxes .form-item,
  103. #admin-toolbar .form-radios .form-item,
  104. #admin-toolbar .marker,
  105. #admin-toolbar .form-required,
  106. #admin-toolbar .more-link,
  107. #admin-toolbar .more-help-link,
  108. #admin-toolbar .item-list .pager,
  109. #admin-toolbar .item-list .pager li,
  110. #admin-toolbar .pager-current,
  111. #admin-toolbar .tips,
  112. #admin-toolbar html.js fieldset.collapsible legend a,
  113. #admin-toolbar html.js fieldset.collapsed legend a,
  114. #admin-toolbar .resizable-textarea {
  115. margin:0px;
  116. padding:0px;
  117. border:0px;
  118. outline:0px;
  119. font-size:100%;
  120. vertical-align:baseline;
  121. background:transparent;
  122. line-height:inherit;
  123. position:static;
  124. -moz-box-shadow:none;
  125. -webkit-box-shadow:none;
  126. -moz-border-radius:none;
  127. -webkit-border-radius:none;
  128. }
  129. /**
  130. * Base styles ========================================================
  131. */
  132. div#admin-toolbar {
  133. z-index:100;
  134. position:fixed;
  135. }
  136. html.overlay-open div#admin-toolbar { z-index:600; }
  137. /**
  138. * Toggling ===========================================================
  139. */
  140. div#admin-toolbar div.admin-blocks {
  141. overflow:hidden;
  142. display:none;
  143. }
  144. body.admin-expanded div#admin-toolbar div.admin-blocks { display:block; }
  145. div#admin-toolbar.ne,
  146. div#admin-toolbar.nw { top:0px; }
  147. div#admin-toolbar.se,
  148. div#admin-toolbar.sw { bottom:0px; }
  149. div#admin-toolbar.nw,
  150. div#admin-toolbar.sw,
  151. div#admin-toolbar.nw span.admin-toggle,
  152. div#admin-toolbar.sw span.admin-toggle { left:0px; }
  153. div#admin-toolbar.ne,
  154. div#admin-toolbar.se,
  155. div#admin-toolbar.ne span.admin-toggle,
  156. div#admin-toolbar.se span.admin-toggle { right:0px; }
  157. /**
  158. * Vertical =========================================================
  159. */
  160. div#admin-toolbar.vertical {
  161. position:fixed;
  162. bottom:0px;
  163. top:0px;
  164. }
  165. div#admin-toolbar.vertical div.admin-blocks { width:0px; }
  166. body.admin-expanded div#admin-toolbar.vertical div.admin-blocks { width:260px; }
  167. div#admin-toolbar.vertical div.admin-block { width:240px; }
  168. div#admin-toolbar.vertical div.admin-tabs { width:215px; }
  169. body div#admin-toolbar.vertical div.admin-blocks { position:absolute; top:0px; bottom:0px; }
  170. body.admin-expanded div#admin-toolbar.vertical.ne div.admin-blocks,
  171. body.admin-expanded div#admin-toolbar.vertical.se div.admin-blocks { right:0px; }
  172. body.admin-expanded div#admin-toolbar.vertical.nw div.admin-blocks,
  173. body.admin-expanded div#admin-toolbar.vertical.sw div.admin-blocks { left:0px; }
  174. body.admin-expanded.admin-vertical.admin-ne,
  175. body.admin-expanded.admin-vertical.admin-se { margin-right:260px; }
  176. body.admin-expanded.admin-vertical.admin-nw,
  177. body.admin-expanded.admin-vertical.admin-sw { margin-left:260px; }
  178. /**
  179. * Horizontal =======================================================
  180. */
  181. div#admin-toolbar.horizontal { left:0px; right:0px; }
  182. body.admin-expanded div#admin-toolbar.horizontal div.admin-blocks { height:260px; }
  183. body.admin-expanded.admin-horizontal.admin-ne,
  184. body.admin-expanded.admin-horizontal.admin-nw { margin-top:260px; }
  185. body.admin-expanded.admin-horizontal.admin-sw,
  186. body.admin-expanded.admin-horizontal.admin-se { margin-bottom:260px; }
  187. /**
  188. * Toggler ============================================================
  189. */
  190. div#admin-toolbar span.admin-toggle {
  191. display:block;
  192. width:35px;
  193. height:35px;
  194. cursor:pointer;
  195. overflow:hidden;
  196. text-indent:-999px;
  197. position:absolute;
  198. top:0px;
  199. z-index:1000;
  200. }
  201. div#admin-toolbar.se span.admin-toggle,
  202. div#admin-toolbar.sw span.admin-toggle {
  203. position:fixed;
  204. bottom:0px;
  205. top:auto;
  206. }
  207. body.admin-expanded div#admin-toolbar span.admin-toggle {
  208. position:absolute;
  209. top:0px;
  210. }
  211. /**
  212. * Admin tabs =========================================================
  213. */
  214. div#admin-toolbar.horizontal div.admin-tabs {
  215. height:30px;
  216. padding:5px 10px 0px;
  217. overflow:hidden;
  218. }
  219. div#admin-toolbar.vertical div.admin-tabs {
  220. position:relative;
  221. padding:5px 10px 25px;
  222. }
  223. div#admin-toolbar.ne div.admin-tabs,
  224. div#admin-toolbar.se div.admin-tabs { padding-right:35px !important; }
  225. div#admin-toolbar.nw div.admin-tabs,
  226. div#admin-toolbar.sw div.admin-tabs { padding-left:35px !important; }
  227. div#admin-toolbar div.admin-tab,
  228. div#admin-toolbar div.admin-tab span,
  229. div#admin-toolbar div.admin-tab a {
  230. list-style:none;
  231. background:transparent;
  232. padding:0px;
  233. margin:0px;
  234. }
  235. div#admin-toolbar div.admin-tab {
  236. cursor:pointer;
  237. padding:4px 19px;
  238. height:15px;
  239. border-width:1px;
  240. border-style:solid;
  241. }
  242. div#admin-toolbar.vertical div.admin-tab {
  243. overflow:hidden;
  244. white-space:nowrap;
  245. margin-bottom:5px;
  246. padding-left:9px;
  247. padding-right:9px;
  248. width:195px;
  249. }
  250. div#admin-toolbar.horizontal div.admin-tab {
  251. float:left;
  252. margin-right:5px;
  253. }
  254. div#admin-toolbar div.admin-tab-active {
  255. border-width:1px 1px 0px;
  256. padding-bottom:10px;
  257. }
  258. div#admin-toolbar.vertical div.admin-tab-active {
  259. padding-bottom:5px;
  260. position:absolute;
  261. bottom:0px;
  262. margin:0px;
  263. }
  264. /**
  265. * Admin blocks =======================================================
  266. */
  267. div#admin-toolbar div.admin-block {
  268. position:relative;
  269. padding:10px;
  270. display:none;
  271. }
  272. div#admin-toolbar div.block-content {
  273. overflow-x:hidden;
  274. overflow-y:auto;
  275. position:absolute;
  276. top:10px;
  277. left:10px;
  278. right:10px;
  279. bottom:10px;
  280. }
  281. div#admin-toolbar div.admin-active { display:block; }
  282. /**
  283. * Horizontal =======================================================
  284. */
  285. div#admin-toolbar.horizontal div.block-content { height:200px; }
  286. /**
  287. * Vertical =========================================================
  288. */
  289. div#admin-toolbar.vertical div.admin-block { position:absolute; bottom:0px; left:0px; right:0px; }
  290. div#admin-toolbar.vertical div.admin-blocks-1 div.admin-block { top:30px; }
  291. div#admin-toolbar.vertical div.admin-blocks-2 div.admin-block { top:60px; }
  292. div#admin-toolbar.vertical div.admin-blocks-3 div.admin-block { top:90px; }
  293. div#admin-toolbar.vertical div.admin-blocks-4 div.admin-block { top:120px; }
  294. div#admin-toolbar.vertical div.admin-blocks-5 div.admin-block { top:150px; }
  295. div#admin-toolbar.vertical div.admin-blocks-6 div.admin-block { top:180px; }
  296. div#admin-toolbar.vertical div.admin-blocks-7 div.admin-block { top:210px; }
  297. div#admin-toolbar.vertical div.admin-blocks-8 div.admin-block { top:240px; }
  298. div#admin-toolbar.vertical div.admin-blocks-9 div.admin-block { top:270px; }
  299. div#admin-toolbar.vertical div.admin-blocks-10 div.admin-block { top:300px; }
  300. /**
  301. * Lists ==============================================================
  302. */
  303. #admin-toolbar div.item-list li {
  304. padding:5px 0px 4px;
  305. border-style:solid;
  306. border-width:0px 0px 1px;
  307. }
  308. /**
  309. * Reasonable inline links
  310. */
  311. #admin-toolbar ul.links {
  312. -moz-border-radius:5px;
  313. -webkit-border-radius:5px;
  314. padding:5px;
  315. }
  316. #admin-toolbar ul.links li a { padding:2px 10px; }
  317. /**
  318. * Form elements ======================================================
  319. */
  320. #admin-toolbar input.form-autocomplete,
  321. #admin-toolbar input.form-text,
  322. #admin-toolbar textarea.form-textarea,
  323. #admin-toolbar select.form-select {
  324. padding:2px;
  325. border-width:2px;
  326. border-style:solid;
  327. width:90%;
  328. }
  329. #admin-toolbar input.form-submit {
  330. cursor:pointer;
  331. padding:2px 5px;
  332. text-align:center;
  333. font-weight:normal;
  334. border-width:1px;
  335. border-style:solid;
  336. }
  337. #admin-toolbar.vertical div.admin-panes div.admin-pane,
  338. #admin-toolbar div.admin-panes div.admin-pane-active,
  339. #admin-toolbar div.fieldset,
  340. #admin-toolbar div.form-item {
  341. position:relative;
  342. margin:0px 0px 5px;
  343. border-width:1px;
  344. border-style:solid;
  345. }
  346. #admin-toolbar div.form-item { padding:4px; }
  347. #admin-toolbar div.form-item label {
  348. margin:0px;
  349. padding:0px;
  350. font-weight:bold;
  351. font-size:10px;
  352. text-transform:uppercase;
  353. }
  354. #admin-toolbar div.form-item label.option {
  355. text-transform:none;
  356. font-size:11px;
  357. }
  358. #admin-toolbar div.form-item label.option input { vertical-align:middle; }
  359. #admin-toolbar.vertical div.form-item div.description { font-size:10px; }
  360. /**
  361. * Admin panes ========================================================
  362. */
  363. #admin-toolbar div.admin-panes h2.admin-pane-title a {
  364. display:block;
  365. padding:4px;
  366. }
  367. #admin-toolbar div.admin-panes div.admin-pane-content {
  368. padding:4px;
  369. display:none;
  370. }
  371. #admin-toolbar div.admin-panes div.admin-pane-active div.admin-pane-content { display:block; }
  372. #admin-toolbar div.admin-pane div.form-item {
  373. border:0px;
  374. -moz-border-radius:0px;
  375. -webkit-border-radius:0px;
  376. padding:5px 0px;
  377. margin:0px;
  378. background:transparent;
  379. }
  380. /**
  381. * Horizontal layout.
  382. */
  383. #admin-toolbar.horizontal div.admin-panes {
  384. position:relative;
  385. padding-left:200px;
  386. }
  387. #admin-toolbar.horizontal div.admin-panes div.admin-pane {
  388. -moz-border-radius:0px;
  389. -webkit-border-radius:0px;
  390. }
  391. #admin-toolbar.horizontal div.admin-panes div.admin-pane-content { padding:4px 9px; }
  392. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs {
  393. z-index:500;
  394. position:absolute;
  395. left:0px;
  396. width:200px;
  397. }
  398. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a { padding:5px; }
  399. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a.admin-pane-active {
  400. padding:4px;
  401. border-width:1px 0px 1px 1px;
  402. border-style:solid;
  403. margin-right:-1px;
  404. }
  405. body.toolbar.admin-nw #admin-toolbar,
  406. body.toolbar.admin-ne #admin-toolbar {
  407. margin-top: 65px;
  408. }