You are here

adminimal_admin_toolbar.css in Adminimal Admin Toolbar 8

.adminimal-admin-toolbar .toolbar a {
  transition: all, 0.2s;
}

.adminimal-admin-toolbar .toolbar .toolbar-bar {
  box-shadow: none;
  background-color: #2d2d2d;
}

.adminimal-admin-toolbar .toolbar .toolbar-menu {
  background: #333;
}

.adminimal-admin-toolbar .toolbar-tray .toolbar-menu a,
.adminimal-admin-toolbar .toolbar-tray .toolbar-menu span {
  background: transparent;
  color: #ccc;
}

#toolbar-item-administration-search-tray label {
  background: transparent;
  color: #ccc !important;
}

.adminimal-admin-toolbar .toolbar-tray .toolbar-menu li {
  background: #333;
}

.adminimal-admin-toolbar .toolbar-tray ul li.menu-item {
  border: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  border: none;
}

.adminimal-admin-toolbar .toolbar-oriented .user-toolbar-tab {
  float: right;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical {
  border: none;
  box-shadow: none;
}

.adminimal-admin-toolbar .toolbar-tray a,
.adminimal-admin-toolbar .toolbar-tray span {
  background: #2d2d2d;
  color: #bbb;
}

.adminimal-admin-toolbar .toolbar-tray span {
  display: block;
  padding: 1em 1.3333em;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal a:hover,
.adminimal-admin-toolbar .toolbar-tray-horizontal a:active,
.adminimal-admin-toolbar .toolbar-tray-horizontal a:focus {
  background: #0084d7;
  color: #fff;
  text-decoration: none;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > a,
.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > .toolbar-box > a {
  background: #0084d7;
  color: #fff !important;
}

.adminimal .toolbar .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) > .toolbar-item {
  color: #bebebe;
  font-weight: 600;
}

.adminimal .toolbar .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) > .toolbar-item:hover {
  background-image: none;
  background-color: #2d2d2d;
  color: #fff;
  text-decoration: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active,
.adminimal-admin-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  background-image: none;
  background-color: rgba(255, 255, 255, .03);
  text-decoration: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
[dir="rtl"] .adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  border-left: none; /* LTR */
  border-right: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.adminimal-admin-toolbar .toolbar .toolbar-tray a.is-active {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .menu-item + .menu-item {
  border: 0 none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray {
  background-color: #333;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal {
  border-bottom: 1px solid #333;
  box-shadow: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical {
  box-shadow: -2px 2px 12px rgba(0,0,0,0.85);
}

.adminimal-admin-toolbar .toolbar .toolbar-toggle-orientation {
  background-color: #333;
}

.adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


.adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:focus {
  background-color: transparent;
}

.adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/acacac/chevron-outline-disc-down.svg);
  transition: .25s;
}

.adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images/ffcfcf/chevron-outline-disc-close.svg) !important;
  transform: rotate(180deg);
}

.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/acacac/chevron-outline-disc-down.svg);
  background-size: 100%;
}

.adminimal-admin-toolbar .toolbar .toolbar-icon.toolbar-handle:hover:before,
.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before,
.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/ffffff/chevron-outline-disc-down.svg);
}

.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before,
.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images/ffffff/chevron-outline-disc-close.svg);
  background-size: 100%;
}

.adminimal-admin-toolbar .level-1 .toolbar-handle.open,
.adminimal-admin-toolbar .toolbar-tray-vertical .level-2 {
  background: #3b3b3b !important;
}

.adminimal-admin-toolbar .level-2 .toolbar-handle.open,
.adminimal-admin-toolbar .toolbar-tray-vertical .level-3 {
  background: #434343 !important;
}

.adminimal-admin-toolbar .level-3 .toolbar-handle.open,
.adminimal-admin-toolbar .toolbar-tray-vertical .level-4 {
  background: #4c4c4c !important;
}

.adminimal-admin-toolbar .level-4 .toolbar-handle.open,
.adminimal-admin-toolbar .toolbar-tray-vertical .level-5 {
  background: #545454 !important;
}

/* For WCAG, we are lightening the text on this tier. */
.adminimal-admin-toolbar .toolbar .level-3 a,
.adminimal-admin-toolbar .toolbar .level-4 a {
  color: #d5d5d5 !important;
}

.adminimal-admin-toolbar .toolbar-handle.open {
  border-top-left-radius: 10px;
}

.toolbar .toolbar-tray-vertical .level-3 ul {
  margin-left: 0 !important;
}

.adminimal-admin-toolbar .toolbar-tray-vertical .level-3 a {
  padding-left: 2.75em !important;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal a:focus,
.adminimal-admin-toolbar .toolbar-box a:focus {
  background: #333;
  text-decoration: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a {
  color: #bbb;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:hover,
.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:focus {
  color: #fff;
  background: #0084d7;
  text-decoration: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
  border: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
  border: none;
}

.adminimal-admin-toolbar .toolbar .menu-item:hover {
  background-color: #333;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item a:focus {
  background: #4c4c4c;
}

.adminimal-admin-toolbar .toolbar .menu-item--expanded {
  background-color: #333;
}
.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded,
[dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-image: none;
  position: relative;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .toolbar-menu ul .toolbar-icon {
  padding: 1em 12px;
}

.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  background-image: none !important;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
  margin: -39px 0 0 200px;
}
[dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
  margin: -39px 200px 0 0;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
  color: #8eacc0;
  content: url(../images/0084d7/chevron-right.svg);
  font-size: 16px;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-8px);
  transition: all .2s;
}

[dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
  right: auto;
  left: 5px;
  top: 30%;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
  content: url(../images/ffffff/chevron-right.svg);
  transform: translate(6px, -8px);
}

[dir="rtl"] .adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
  transform-origin: 40% top;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu a {
  color: #bbb;
}

.adminimal-admin-toolbar .toolbar .toolbar-menu .toolbar-menu a:hover {
  color: #fff;
}

.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item {
  border-top: none transparent;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  border-left: none;
  border-right: none;
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal ul  ul li.menu-item:first-child {
  border-top: 1px solid #0084d7;
}

/* Removes border top on next consecutive lists after first */
.adminimal-admin-toolbar .toolbar-tray-horizontal ul ul li li.menu-item:first-child {
  border-top: none !important;
}

/* Main menu icons. */
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:before {
  background-image: url(../images/acacac/drupal-8.svg);
  margin-left: 7px;
  padding: 0px;
}

.adminimal-admin-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help:before {
  margin-left: 0;
}

.adminimal-admin-toolbar .toolbar-icon-system-admin-content:before {
  background-image: url(../images/acacac/file.svg);
}

.adminimal-admin-toolbar .toolbar-icon-system-admin-structure:before {
  background-image: url(../images/acacac/orgchart.svg);
}

.adminimal-admin-toolbar .toolbar-icon-system-themes-page:before {
  background-image: url(../images/acacac/paintbrush.svg);
}

.adminimal-admin-toolbar .toolbar-icon-entity-user-collection:before {
  background-image: url(../images/acacac/people.svg);
}

.adminimal-admin-toolbar .toolbar-icon-system-modules-list:before {
  background-image: url(../images/acacac/puzzlepiece.svg);
}

.adminimal-admin-toolbar .toolbar-icon-system-admin-config:before {
  background-image: url(../images/acacac/wrench.svg);
}

.adminimal-admin-toolbar .toolbar-icon-system-admin-reports:before {
  background-image: url(../images/acacac/barchart.svg);
}

.adminimal-admin-toolbar .toolbar-icon-help-main:before {
  background-image: url(../images/acacac/questionmark-disc.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-admin-toolbar-tools-help:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:hover:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help:active:before,
.adminimal-admin-toolbar .toolbar-icon-admin-toolbar-tools-help.is-active:before {
  background-image: url(../images/ffffff/drupal-8.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-content:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-content:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-content:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-content.is-active:before {
  background-image: url(../images/ffffff/file.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-structure:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-structure:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-structure:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-structure.is-active:before {
  background-image: url(../images/ffffff/orgchart.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-themes-page:before,
.adminimal-admin-toolbar .toolbar-icon-system-themes-page:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-themes-page:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-themes-page.is-active:before {
  background-image: url(../images/ffffff/paintbrush.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-entity-user-collection:before,
.adminimal-admin-toolbar .toolbar-icon-entity-user-collection:hover:before,
.adminimal-admin-toolbar .toolbar-icon-entity-user-collection:active:before,
.adminimal-admin-toolbar .toolbar-icon-entity-user-collection.is-active:before {
  background-image: url(../images/ffffff/people.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-modules-list:before,
.adminimal-admin-toolbar .toolbar-icon-system-modules-list:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-modules-list:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-modules-list.is-active:before {
  background-image: url(../images/ffffff/puzzlepiece.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-config:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-config:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-config:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-config.is-active:before {
  background-image: url(../images/ffffff/wrench.svg);
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-reports:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-reports:hover:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-reports:active:before,
.adminimal-admin-toolbar .toolbar-icon-system-admin-reports.is-active:before {
  background-image: url(../images/ffffff/barchart.svg);
}

.adminimal-admin-toolbar .menu-item--expanded:hover .toolbar-icon-help-main:before,
.adminimal-admin-toolbar .toolbar-icon-help-main:hover:before,
.adminimal-admin-toolbar .toolbar-icon-help-main:active:before,
.adminimal-admin-toolbar .toolbar-icon-help-main.is-active:before {
  background-image: url(../images/ffffff/questionmark-disc.svg);
}

.adminimal-admin-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help {
  text-indent: 0;
  transition: none;
}

File

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