adminimal_admin_toolbar.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440
  1. /* Import the Open Sans webfont from Google CDN */
  2. @font-face {
  3. font-family: 'Open Sans';
  4. font-style: normal;
  5. font-weight: 300;
  6. src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  7. }
  8. @font-face {
  9. font-family: 'Open Sans';
  10. font-style: normal;
  11. font-weight: 400;
  12. src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
  13. }
  14. @font-face {
  15. font-family: 'Open Sans';
  16. font-style: normal;
  17. font-weight: 600;
  18. src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  19. }
  20. .adminimal-admin-toolbar .toolbar {
  21. font-family: "Open Sans";
  22. }
  23. .adminimal-admin-toolbar .toolbar a {
  24. transition: all, 0.2s;
  25. }
  26. .adminimal-admin-toolbar .toolbar .toolbar-bar {
  27. box-shadow: none;
  28. background-color: #2d2d2d;
  29. }
  30. .adminimal-admin-toolbar .toolbar .toolbar-menu {
  31. background: #333;
  32. }
  33. .adminimal-admin-toolbar .toolbar-tray .toolbar-menu a {
  34. background: transparent;
  35. color: #ccc;
  36. }
  37. .adminimal-admin-toolbar .toolbar-tray .toolbar-menu li {
  38. background: #333;
  39. }
  40. .adminimal-admin-toolbar .toolbar-tray ul li.menu-item {
  41. border: none;
  42. }
  43. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  44. border: none;
  45. }
  46. .adminimal-admin-toolbar .toolbar-oriented .user-toolbar-tab {
  47. float: right;
  48. }
  49. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical {
  50. border: none;
  51. box-shadow: none;
  52. }
  53. .adminimal-admin-toolbar .toolbar-tray a {
  54. background: #2d2d2d;
  55. color: #bbb;
  56. }
  57. .adminimal-admin-toolbar .toolbar-tray-horizontal a:hover,
  58. .adminimal-admin-toolbar .toolbar-tray-horizontal a:active,
  59. .adminimal-admin-toolbar .toolbar-tray-horizontal a:focus {
  60. background: #0084d7;
  61. color: #fff;
  62. text-decoration: none;
  63. }
  64. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > a,
  65. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > .toolbar-box > a {
  66. background: #0084d7;
  67. color: #fff !important;
  68. }
  69. .adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
  70. font-weight: 600;
  71. }
  72. .adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-item {
  73. color: #bebebe;
  74. }
  75. .adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover {
  76. background-image: none;
  77. background-color: #2d2d2d;
  78. color: #fff;
  79. text-decoration: none;
  80. }
  81. .adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active,
  82. .adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  83. background-image: none;
  84. background-color: #333;
  85. text-decoration: none;
  86. }
  87. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
  88. [dir="rtl"] .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
  89. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  90. border-left: none; /* LTR */
  91. border-right: none;
  92. }
  93. .adminimal-admin-toolbar .toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
  94. .adminimal-admin-toolbar .toolbar .toolbar-tray a.is-active {
  95. color: inherit;
  96. text-decoration: none;
  97. font-weight: bold;
  98. }
  99. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .menu-item + .menu-item {
  100. border: 0 none;
  101. }
  102. .adminimal-admin-toolbar .toolbar .toolbar-tray {
  103. background-color: #333;
  104. box-shadow: -2px 2px 12px rgba(0,0,0,0.85);
  105. }
  106. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal {
  107. border-bottom: 1px solid #333;
  108. box-shadow: none;
  109. }
  110. .adminimal-admin-toolbar .toolbar .toolbar-toggle-orientation {
  111. background-color: #333;
  112. }
  113. .toolbar .toolbar-icon:before {
  114. transition: .25s;
  115. }
  116. .adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:focus {
  117. background-color: transparent;
  118. }
  119. .adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:before {
  120. background-image: url(../images/acacac/chevron-outline-disc-down.svg);
  121. transition: .25s;
  122. }
  123. .adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle.open:before {
  124. background-image: url(../images/ffcfcf/chevron-outline-disc-close.svg) !important;
  125. transform: rotate(180deg);
  126. }
  127. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  128. background-image: url(../images/acacac/chevron-outline-disc-down.svg);
  129. background-size: 100%;
  130. }
  131. .adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:hover:before,
  132. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before,
  133. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle:before {
  134. background-image: url(../images/ffffff/chevron-outline-disc-down.svg);
  135. }
  136. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before,
  137. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle.open:before {
  138. background-image: url(../images/ffffff/chevron-outline-disc-close.svg);
  139. background-size: 100%;
  140. }
  141. .adminimal-admin-toolbar .level-1 .toolbar-handle.open,
  142. .adminimal-admin-toolbar .toolbar-tray-vertical .level-2 {
  143. background: #3b3b3b !important;
  144. }
  145. .adminimal-admin-toolbar .level-2 .toolbar-handle.open,
  146. .adminimal-admin-toolbar .toolbar-tray-vertical .level-3 {
  147. background: #434343 !important;
  148. }
  149. .adminimal-admin-toolbar .level-3 .toolbar-handle.open,
  150. .adminimal-admin-toolbar .toolbar-tray-vertical .level-4 {
  151. background: #4c4c4c !important;
  152. }
  153. .adminimal-admin-toolbar .level-4 .toolbar-handle.open,
  154. .adminimal-admin-toolbar .toolbar-tray-vertical .level-5 {
  155. background: #545454 !important;
  156. }
  157. /* For WCAG, we are lightening the text on this tier. */
  158. .adminimal-admin-toolbar .toolbar .level-3 a,
  159. .adminimal-admin-toolbar .toolbar .level-4 a {
  160. color: #d5d5d5 !important;
  161. }
  162. .adminimal-admin-toolbar .toolbar-handle.open {
  163. border-top-left-radius: 10px;
  164. }
  165. .toolbar .toolbar-tray-vertical .level-3 ul {
  166. margin-left: 0 !important;
  167. }
  168. .adminimal-admin-toolbar .toolbar-tray-vertical .level-3 a {
  169. padding-left: 2.75em !important;
  170. }
  171. .adminimal-admin-toolbar .toolbar-tray-horizontal a:focus,
  172. .adminimal-admin-toolbar .toolbar-box a:focus {
  173. background: #333;
  174. text-decoration: none;
  175. }
  176. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a {
  177. color: #bbb;
  178. }
  179. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:hover,
  180. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:focus {
  181. color: #fff;
  182. background: #0084d7;
  183. text-decoration: none;
  184. }
  185. .adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
  186. border: none;
  187. }
  188. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
  189. border: none;
  190. }
  191. .adminimal-admin-toolbar .toolbar .menu-item:hover {
  192. background-color: #333;
  193. }
  194. .adminimal-admin-toolbar .toolbar .menu-item:focus {
  195. background: #abeae4;
  196. }
  197. .adminimal-admin-toolbar .toolbar .menu-item--expanded {
  198. background-color: #333;
  199. }
  200. .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded,
  201. [dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  202. background-image: none;
  203. position: relative;
  204. }
  205. .adminimal-admin-toolbar .toolbar-tray-horizontal .toolbar-menu ul .toolbar-icon {
  206. padding: 1em 12px;
  207. }
  208. .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
  209. margin: -39px 0 0 200px;
  210. }
  211. [dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
  212. margin: -39px 200px 0 0;
  213. }
  214. .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
  215. color: #8eacc0;
  216. content: url(../images/0084d7/chevron-right.svg);
  217. font-size: 16px;
  218. pointer-events: none;
  219. position: absolute;
  220. right: 5px;
  221. top: 50%;
  222. transform: translateY(-8px);
  223. transition: all .2s;
  224. }
  225. [dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
  226. right: auto;
  227. left: 5px;
  228. top: 30%;
  229. -moz-transform: scaleX(-1);
  230. -o-transform: scaleX(-1);
  231. -webkit-transform: scaleX(-1);
  232. transform: scaleX(-1);
  233. filter: FlipH;
  234. -ms-filter: "FlipH";
  235. }
  236. .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
  237. content: url(../images/ffffff/chevron-right.svg);
  238. transform: translate(6px, -8px);
  239. }
  240. [dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
  241. transform-origin: 40% top;
  242. -moz-transform: scaleX(-1);
  243. -o-transform: scaleX(-1);
  244. -webkit-transform: scaleX(-1);
  245. transform: scaleX(-1);
  246. filter: FlipH;
  247. -ms-filter: "FlipH";
  248. }
  249. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu a {
  250. color: #bbb;
  251. }
  252. .adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu a:hover {
  253. color: #fff;
  254. }
  255. .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item {
  256. border-top: none transparent;
  257. border-right: none;
  258. border-bottom: none;
  259. border-left: none;
  260. }
  261. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  262. border-left: none;
  263. border-right: none;
  264. }
  265. .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  266. border-top: 1px solid #0084d7;
  267. }
  268. /* Removes border top on next consecutive lists after first */
  269. .adminimal-admin-toolbar .toolbar-tray-horizontal ul ul li li.menu-item:first-child {
  270. border-top: none !important;
  271. }
  272. /* Main menu icons. */
  273. .adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:before {
  274. background-image: url(../images/acacac/drupal-8.svg);
  275. margin-left: 7px;
  276. padding: 0px;
  277. }
  278. .adminimal-admin-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help:before {
  279. margin-left: 0;
  280. }
  281. .adminimal-admin-toolbar .toolbar-icon-system-admin-content:before {
  282. background-image: url(../images/acacac/file.svg);
  283. }
  284. .adminimal-admin-toolbar .toolbar-icon-system-admin-structure:before {
  285. background-image: url(../images/acacac/orgchart.svg);
  286. }
  287. .adminimal-admin-toolbar .toolbar-icon-system-themes-page:before {
  288. background-image: url(../images/acacac/paintbrush.svg);
  289. }
  290. .adminimal-admin-toolbar .toolbar-icon-entity-user-collection:before {
  291. background-image: url(../images/acacac/people.svg);
  292. }
  293. .adminimal-admin-toolbar .toolbar-icon-system-modules-list:before {
  294. background-image: url(../images/acacac/puzzlepiece.svg);
  295. }
  296. .adminimal-admin-toolbar .toolbar-icon-system-admin-config:before {
  297. background-image: url(../images/acacac/wrench.svg);
  298. }
  299. .adminimal-admin-toolbar .toolbar-icon-system-admin-reports:before {
  300. background-image: url(../images/acacac/barchart.svg);
  301. }
  302. .adminimal-admin-toolbar .toolbar-icon-help-main:before {
  303. background-image: url(../images/acacac/questionmark-disc.svg);
  304. }
  305. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-admin-toolbar-tools-help:before,
  306. .adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:hover:before,
  307. .adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:active:before,
  308. .adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help.is-active:before {
  309. background-image: url(../images/ffffff/drupal-8.svg);
  310. }
  311. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-content:before,
  312. .adminimal-admin-toolbar .toolbar-icon-system-admin-content:hover:before,
  313. .adminimal-admin-toolbar .toolbar-icon-system-admin-content:active:before,
  314. .adminimal-admin-toolbar .toolbar-icon-system-admin-content.is-active:before {
  315. background-image: url(../images/ffffff/file.svg);
  316. }
  317. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-structure:before,
  318. .adminimal-admin-toolbar .toolbar-icon-system-admin-structure:hover:before,
  319. .adminimal-admin-toolbar .toolbar-icon-system-admin-structure:active:before,
  320. .adminimal-admin-toolbar .toolbar-icon-system-admin-structure.is-active:before {
  321. background-image: url(../images/ffffff/orgchart.svg);
  322. }
  323. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-themes-page:before,
  324. .adminimal-admin-toolbar .toolbar-icon-system-themes-page:hover:before,
  325. .adminimal-admin-toolbar .toolbar-icon-system-themes-page:active:before,
  326. .adminimal-admin-toolbar .toolbar-icon-system-themes-page.is-active:before {
  327. background-image: url(../images/ffffff/paintbrush.svg);
  328. }
  329. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-entity-user-collection:before,
  330. .adminimal-admin-toolbar .toolbar-icon-entity-user-collection:hover:before,
  331. .adminimal-admin-toolbar .toolbar-icon-entity-user-collection:active:before,
  332. .adminimal-admin-toolbar .toolbar-icon-entity-user-collection.is-active:before {
  333. background-image: url(../images/ffffff/people.svg);
  334. }
  335. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-modules-list:before,
  336. .adminimal-admin-toolbar .toolbar-icon-system-modules-list:hover:before,
  337. .adminimal-admin-toolbar .toolbar-icon-system-modules-list:active:before,
  338. .adminimal-admin-toolbar .toolbar-icon-system-modules-list.is-active:before {
  339. background-image: url(../images/ffffff/puzzlepiece.svg);
  340. }
  341. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-config:before,
  342. .adminimal-admin-toolbar .toolbar-icon-system-admin-config:hover:before,
  343. .adminimal-admin-toolbar .toolbar-icon-system-admin-config:active:before,
  344. .adminimal-admin-toolbar .toolbar-icon-system-admin-config.is-active:before {
  345. background-image: url(../images/ffffff/wrench.svg);
  346. }
  347. .adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-reports:before,
  348. .adminimal-admin-toolbar .toolbar-icon-system-admin-reports:hover:before,
  349. .adminimal-admin-toolbar .toolbar-icon-system-admin-reports:active:before,
  350. .adminimal-admin-toolbar .toolbar-icon-system-admin-reports.is-active:before {
  351. background-image: url(../images/ffffff/barchart.svg);
  352. }
  353. .adminimal-admin-toolbar .menu-item--expanded:hover .toolbar-icon-help-main:before,
  354. .adminimal-admin-toolbar .toolbar-icon-help-main:hover:before,
  355. .adminimal-admin-toolbar .toolbar-icon-help-main:active:before,
  356. .adminimal-admin-toolbar .toolbar-icon-help-main.is-active:before {
  357. background-image: url(../images/ffffff/questionmark-disc.svg);
  358. }
  359. .adminimal-admin-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help {
  360. text-indent: 0;
  361. transition: none;
  362. }