You are here

Home » API reference » Toolbar Themes 8

admin_menu_theme.css in Toolbar Themes 8 

/**
 * admin_menu_theme
 * Theme styles for menus and other toolbar elements. SVG icons are styled in
 * the [theme]_icons.scss file, while click handles, e.g. origination buttons
 * are styled here.
 */
body .toolbar-no-tabs {
  padding-top: 1.5rem !important;
}

#toolbar-administration {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  height: 3rem;
  background-color: #454545;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.toolbar-vertical #toolbar-administration,
.toolbar-no-tabs #toolbar-administration,
#toolbar-administration .toolbar-tab,
#toolbar-administration .toolbar-tray {
  height: 1.5rem;
}

#toolbar-administration .toolbar-tray {
  top: 1.5rem;
}

#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,
#toolbar-administration .toolbar-item a:hover,
#toolbar-administration .toolbar-item a:focus {
  text-decoration: none;
  outline: none;
}

#toolbar-administration .toolbar-item {
  padding: 0.3em 0.95em 0.2em;
  display: block;
}

#toolbar-administration .toolbar__link-label {
  font-size: 1em;
}

#toolbar-administration .toolbar-bar {
  background-color: #454545;
  color: #e8e8e8;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a {
  color: #d8d8d8;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#101010));
  background-image: -webkit-linear-gradient(#454545, #101010);
  background-image: -o-linear-gradient(#454545, #101010);
  background-image: linear-gradient(#454545, #101010);
}

#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {
  float: none;
}

#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {
  padding: 0.3em 0.95em 0.2em;
}

#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item {
  color: #d8d8d8;
}

#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:hover, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:focus, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item.is-active {
  color: #fff;
  background: none;
}

#toolbar-administration .toolbar-lining button:focus {
  outline: none;
}

#toolbar-administration .toolbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#toolbar-administration .toolbar-box a:focus {
  outline: none;
}

#toolbar-administration .toolbar-box a:hover:focus {
  text-decoration: none;
}

#toolbar-administration .toolbar-tray {
  background-color: #101010;
}

#toolbar-administration .toolbar-tray a {
  color: #e8e8e8;
  cursor: pointer;
  padding: 0.3em 0.95em 0.2em;
}

#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {
  color: #fff;
}

#toolbar-administration .toolbar-tray a.is-active[href="/"] {
  color: #e8e8e8;
}

#toolbar-administration .toolbar-tray-horizontal a:focus {
  outline: none;
  background-color: #101010;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {
  background-color: rgba(16, 16, 16, 0.95);
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {
  border-top: 1px solid #101010;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {
  border-top-color: #101010;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {
  top: -1px;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a,
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {
  border-right: 1px solid;
  border-color: #101010;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #696969, #101010) 1 100%;
       -o-border-image: -o-linear-gradient(bottom, #696969, #101010) 1 100%;
          border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;
          border-image: linear-gradient(to top, #696969, #101010) 1 100%;
}

[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir="rtl"]
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {
  border-right: 0;
  border-left: 1px solid;
}

#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {
  background-color: #101010;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after,
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after {
  color: #696969;
  right: 0.65em;
  top: 0.5em;
  display: block;
  font-size: 0.9em;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after,
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after,
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after {
  color: #fff;
}

#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {
  float: none;
  position: absolute;
  right: 2.2em;
  top: 0;
}

#toolbar-administration .toolbar-tray-vertical {
  background-color: #101010;
  border-right: 1px solid #323232;
  height: 100%;
}

[dir="rtl"] #toolbar-administration .toolbar-tray-vertical {
  border-left: 1px solid #323232;
  border-right: 0 none;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {
  display: none;
}

#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu {
  display: block;
  border-bottom-width: 0;
}

#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu {
  border-bottom-width: 1px;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
  margin-right: 3em;
}

[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
  margin-left: 3em;
  margin-right: 0;
}

#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {
  border-top: 1px solid #696969;
}

#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {
  border-bottom: 1px solid #696969;
}

#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {
  border: 0 none;
}

#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover,
#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus {
  background-color: #1d1d1d;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root {
  border: 0;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {
  border-bottom: 1px solid;
  border-top: 1px solid;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul {
  background-color: #383838;
  border-bottom-color: #5c5c5c;
  border-top-color: #5c5c5c;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul {
  background-color: #2c2c2c;
  border-bottom-color: #505050;
  border-top-color: #505050;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul {
  background-color: #1f1f1f;
  border-bottom-color: #434343;
  border-top-color: #434343;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul {
  background-color: #121212;
  border-bottom-color: #363636;
  border-top-color: #363636;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul {
  background-color: #050505;
  border-bottom-color: #292929;
  border-top-color: #292929;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul {
  background-color: black;
  border-bottom-color: #1d1d1d;
  border-top-color: #1d1d1d;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul {
  background-color: black;
  border-bottom-color: #101010;
  border-top-color: #101010;
}

#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul {
  background-color: black;
  border-bottom-color: #030303;
  border-top-color: #030303;
}

#toolbar-administration .menu-item:last-child > .toolbar-menu {
  border-bottom: 0;
}

#toolbar-administration .toolbar-icon.toolbar-handle:before {
  color: #696969;
}

#toolbar-administration .toolbar-icon.toolbar-handle.open:before {
  color: #fff;
}

#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {
  color: #696969;
}

#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {
  color: #e8e8e8;
  background-color: transparent;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
  border-left: 1px solid #696969;
}

[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
  border-left: 0 none;
  border-right: 1px solid #696969;
}

#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after {
  right: 0.95em;
}

.adminimal #toolbar-bar {
  font: normal 83.1%/1.538 "Open Sans", sans-serif !important;
}

.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {
  padding-top: 4.75em !important;
}

.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {
  background-color: #333;
}

.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {
  min-height: 4em;
}

.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {
  min-height: 2em;
}

.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
  padding-top: 2.3em !important;
}
/*# sourceMappingURL=admin_menu_theme.css.map */

File

themes/admin_menu/admin_menu_theme.css
View source 
  1. /**

  2.  * admin_menu_theme

  3.  * Theme styles for menus and other toolbar elements. SVG icons are styled in

  4.  * the [theme]_icons.scss file, while click handles, e.g. origination buttons

  5.  * are styled here.

  6.  */

  7. body .toolbar-no-tabs {

  8.   padding-top: 1.5rem !important;

  9. }

  10. 

  11. #toolbar-administration {

  12.   font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;

  13.   font-weight: 400;

  14.   font-size: 0.75rem;

  15.   height: 3rem;

  16.   background-color: #454545;

  17.   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  18. }

  19. 

  20. .toolbar-vertical #toolbar-administration,

  21. .toolbar-no-tabs #toolbar-administration,

  22. #toolbar-administration .toolbar-tab,

  23. #toolbar-administration .toolbar-tray {

  24.   height: 1.5rem;

  25. }

  26. 

  27. #toolbar-administration .toolbar-tray {

  28.   top: 1.5rem;

  29. }

  30. 

  31. #toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,

  32. #toolbar-administration .toolbar-item a:hover,

  33. #toolbar-administration .toolbar-item a:focus {

  34.   text-decoration: none;

  35.   outline: none;

  36. }

  37. 

  38. #toolbar-administration .toolbar-item {

  39.   padding: 0.3em 0.95em 0.2em;

  40.   display: block;

  41. }

  42. 

  43. #toolbar-administration .toolbar__link-label {

  44.   font-size: 1em;

  45. }

  46. 

  47. #toolbar-administration .toolbar-bar {

  48.   background-color: #454545;

  49.   color: #e8e8e8;

  50. }

  51. 

  52. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a {

  53.   color: #d8d8d8;

  54. }

  55. 

  56. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active {

  57.   color: #fff;

  58.   background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#101010));

  59.   background-image: -webkit-linear-gradient(#454545, #101010);

  60.   background-image: -o-linear-gradient(#454545, #101010);

  61.   background-image: linear-gradient(#454545, #101010);

  62. }

  63. 

  64. #toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {

  65.   float: none;

  66. }

  67. 

  68. #toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {

  69.   padding: 0.3em 0.95em 0.2em;

  70. }

  71. 

  72. #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item {

  73.   color: #d8d8d8;

  74. }

  75. 

  76. #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:hover, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:focus, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item.is-active {

  77.   color: #fff;

  78.   background: none;

  79. }

  80. 

  81. #toolbar-administration .toolbar-lining button:focus {

  82.   outline: none;

  83. }

  84. 

  85. #toolbar-administration .toolbar-menu {

  86.   list-style: none;

  87.   margin: 0;

  88.   padding: 0;

  89. }

  90. 

  91. #toolbar-administration .toolbar-box a:focus {

  92.   outline: none;

  93. }

  94. 

  95. #toolbar-administration .toolbar-box a:hover:focus {

  96.   text-decoration: none;

  97. }

  98. 

  99. #toolbar-administration .toolbar-tray {

  100.   background-color: #101010;

  101. }

  102. 

  103. #toolbar-administration .toolbar-tray a {

  104.   color: #e8e8e8;

  105.   cursor: pointer;

  106.   padding: 0.3em 0.95em 0.2em;

  107. }

  108. 

  109. #toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {

  110.   color: #fff;

  111. }

  112. 

  113. #toolbar-administration .toolbar-tray a.is-active[href="/"] {

  114.   color: #e8e8e8;

  115. }

  116. 

  117. #toolbar-administration .toolbar-tray-horizontal a:focus {

  118.   outline: none;

  119.   background-color: #101010;

  120. }

  121. 

  122. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {

  123.   background-color: rgba(16, 16, 16, 0.95);

  124. }

  125. 

  126. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {

  127.   border-top: 1px solid #101010;

  128. }

  129. 

  130. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {

  131.   border-top-color: #101010;

  132. }

  133. 

  134. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {

  135.   top: -1px;

  136. }

  137. 

  138. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a,

  139. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {

  140.   border-right: 1px solid;

  141.   border-color: #101010;

  142.   -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;

  143.   -webkit-border-image: -webkit-linear-gradient(bottom, #696969, #101010) 1 100%;

  144.        -o-border-image: -o-linear-gradient(bottom, #696969, #101010) 1 100%;

  145.           border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;

  146.           border-image: linear-gradient(to top, #696969, #101010) 1 100%;

  147. }

  148. 

  149. [dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir="rtl"]

  150. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {

  151.   border-right: 0;

  152.   border-left: 1px solid;

  153. }

  154. 

  155. #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {

  156.   background-color: #101010;

  157. }

  158. 

  159. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after,

  160. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after {

  161.   color: #696969;

  162.   right: 0.65em;

  163.   top: 0.5em;

  164.   display: block;

  165.   font-size: 0.9em;

  166. }

  167. 

  168. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after,

  169. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after,

  170. #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after {

  171.   color: #fff;

  172. }

  173. 

  174. #toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {

  175.   float: none;

  176.   position: absolute;

  177.   right: 2.2em;

  178.   top: 0;

  179. }

  180. 

  181. #toolbar-administration .toolbar-tray-vertical {

  182.   background-color: #101010;

  183.   border-right: 1px solid #323232;

  184.   height: 100%;

  185. }

  186. 

  187. [dir="rtl"] #toolbar-administration .toolbar-tray-vertical {

  188.   border-left: 1px solid #323232;

  189.   border-right: 0 none;

  190. }

  191. 

  192. #toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {

  193.   display: none;

  194. }

  195. 

  196. #toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu {

  197.   display: block;

  198.   border-bottom-width: 0;

  199. }

  200. 

  201. #toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu {

  202.   border-bottom-width: 1px;

  203. }

  204. 

  205. #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {

  206.   margin-right: 3em;

  207. }

  208. 

  209. [dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {

  210.   margin-left: 3em;

  211.   margin-right: 0;

  212. }

  213. 

  214. #toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {

  215.   border-top: 1px solid #696969;

  216. }

  217. 

  218. #toolbar-administration .toolbar-tray-vertical .menu-item:last-child {

  219.   border-bottom: 1px solid #696969;

  220. }

  221. 

  222. #toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {

  223.   border: 0 none;

  224. }

  225. 

  226. #toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover,

  227. #toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus {

  228.   background-color: #1d1d1d;

  229. }

  230. 

  231. #toolbar-administration .toolbar-tray-vertical .toolbar-menu.root {

  232.   border: 0;

  233. }

  234. 

  235. #toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {

  236.   border-bottom: 1px solid;

  237.   border-top: 1px solid;

  238. }

  239. 

  240. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul {

  241.   background-color: #383838;

  242.   border-bottom-color: #5c5c5c;

  243.   border-top-color: #5c5c5c;

  244. }

  245. 

  246. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul {

  247.   background-color: #2c2c2c;

  248.   border-bottom-color: #505050;

  249.   border-top-color: #505050;

  250. }

  251. 

  252. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul {

  253.   background-color: #1f1f1f;

  254.   border-bottom-color: #434343;

  255.   border-top-color: #434343;

  256. }

  257. 

  258. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul {

  259.   background-color: #121212;

  260.   border-bottom-color: #363636;

  261.   border-top-color: #363636;

  262. }

  263. 

  264. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul {

  265.   background-color: #050505;

  266.   border-bottom-color: #292929;

  267.   border-top-color: #292929;

  268. }

  269. 

  270. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul {

  271.   background-color: black;

  272.   border-bottom-color: #1d1d1d;

  273.   border-top-color: #1d1d1d;

  274. }

  275. 

  276. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul {

  277.   background-color: black;

  278.   border-bottom-color: #101010;

  279.   border-top-color: #101010;

  280. }

  281. 

  282. #toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul {

  283.   background-color: black;

  284.   border-bottom-color: #030303;

  285.   border-top-color: #030303;

  286. }

  287. 

  288. #toolbar-administration .menu-item:last-child > .toolbar-menu {

  289.   border-bottom: 0;

  290. }

  291. 

  292. #toolbar-administration .toolbar-icon.toolbar-handle:before {

  293.   color: #696969;

  294. }

  295. 

  296. #toolbar-administration .toolbar-icon.toolbar-handle.open:before {

  297.   color: #fff;

  298. }

  299. 

  300. #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {

  301.   color: #696969;

  302. }

  303. 

  304. #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {

  305.   color: #e8e8e8;

  306.   background-color: transparent;

  307. }

  308. 

  309. #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {

  310.   border-left: 1px solid #696969;

  311. }

  312. 

  313. [dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {

  314.   border-left: 0 none;

  315.   border-right: 1px solid #696969;

  316. }

  317. 

  318. #toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after {

  319.   right: 0.95em;

  320. }

  321. 

  322. .adminimal #toolbar-bar {

  323.   font: normal 83.1%/1.538 "Open Sans", sans-serif !important;

  324. }

  325. 

  326. .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {

  327.   padding-top: 4.75em !important;

  328. }

  329. 

  330. .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {

  331.   background-color: #333;

  332. }

  333. 

  334. .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {

  335.   min-height: 4em;

  336. }

  337. 

  338. .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {

  339.   min-height: 2em;

  340. }

  341. 

  342. .adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {

  343.   padding-top: 2.3em !important;

  344. }

  345. /*# sourceMappingURL=admin_menu_theme.css.map */