You are here

Home » API reference » Toolbar Themes 8

mini_theme.css in Toolbar Themes 8 

/**
 * mini_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.
 */
#toolbar-administration {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  height: 3.25rem;
  background-color: #0f0f0f;
  -webkit-tap-highlight-color: transparent;
}

#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;
}

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

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

#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;
}

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

#toolbar-administration .toolbar-bar {
  -webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
          box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
  background-color: #0f0f0f;
  color: #dddddd;
}

[dir="rtl"] #toolbar-administration .toolbar-bar {
  -webkit-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
          box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
}

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

#toolbar-administration .toolbar-bar .toolbar-item:hover, #toolbar-administration .toolbar-bar .toolbar-item:focus, #toolbar-administration .toolbar-bar .toolbar-item:active, #toolbar-administration .toolbar-bar .toolbar-item.is-active {
  color: #ffffff;
}

#toolbar-administration .toolbar-bar .toolbar-tab a:hover, #toolbar-administration .toolbar-bar .toolbar-tab a:focus {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.125)), color-stop(200%, transparent));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}

#toolbar-administration .toolbar-bar .toolbar-tab a.is-active {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.25)), color-stop(200%, transparent));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
}

#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-tray {
  background-color: #ffffff;
}

#toolbar-administration .toolbar-tray-vertical {
  background-color: #f5f5f5;
  border-right: 1px solid #aaaaaa;
  -webkit-box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);
          box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}

[dir="rtl"] #toolbar-administration .toolbar-tray-vertical {
  border-left: 1px solid #aaaaaa;
  border-right: 0 none;
  -webkit-box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
          box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}

#toolbar-administration .toolbar-tray-horizontal {
  border-bottom: 1px solid #aaaaaa;
  -webkit-box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
          box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
}

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

[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal {
  -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
          box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
}

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

#toolbar-administration .no-tabs .toolbar-tray-horizontal {
  border-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#toolbar-administration .toolbar-tray a {
  color: #6f6f6f;
  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: #494949;
}

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

#toolbar-administration .toolbar-toggle-orientation {
  background-color: transparent;
  padding: 0;
  height: 100%;
}

#toolbar-administration .toolbar-toggle-orientation button {
  cursor: pointer;
  display: inline-block;
}

#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
  float: right;
}

[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
  float: left;
}

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

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

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

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

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

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

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

#toolbar-administration .toolbar-icon.toolbar-handle {
  width: 4em;
}

#toolbar-administration .toolbar-icon.toolbar-handle:focus {
  outline: none;
}

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

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

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

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

#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: #bebebe;
}

#toolbar-administration .toolbar-menu {
  background-color: #ffffff;
}

#toolbar-administration .toolbar-menu,
#toolbar-administration [dir="rtl"] .toolbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {
  -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);
          box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);
}

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

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

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);
          box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);
}

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

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

#toolbar-administration .toolbar-tray-vertical {
  height: 100%;
}

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

#toolbar-administration .toolbar-tray-vertical li.open > ul {
  display: block;
}

#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 #dddddd;
}

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

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

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

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

#toolbar-administration .toolbar-tray-vertical .level-2 > ul {
  background-color: #fafafa;
  border-bottom-color: #cccccc;
  border-top-color: #e5e5e5;
}

#toolbar-administration .toolbar-tray-vertical .level-3 > ul {
  background-color: #f5f5f5;
  border-bottom-color: #c5c5c5;
  border-top-color: #dddddd;
}

#toolbar-administration .toolbar-tray-vertical .level-4 > ul {
  background-color: #eeeeee;
  border-bottom-color: #bbbbbb;
  border-top-color: #d5d5d5;
}

#toolbar-administration .toolbar-tray-vertical .level-5 > ul {
  background-color: #e5e5e5;
  border-bottom-color: #b5b5b5;
  border-top-color: #cccccc;
}

#toolbar-administration .toolbar-tray-vertical .level-6 > ul {
  background-color: #eeeeee;
  border-bottom-color: #aaaaaa;
  border-top-color: #c5c5c5;
}

#toolbar-administration .toolbar-tray-vertical .level-7 > ul {
  background-color: #fafafa;
  border-bottom-color: #b5b5b5;
  border-top-color: #cccccc;
}

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

.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {
  padding-top: 3rem !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: 2.5em;
}

.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
  padding-top: 1.8em !important;
}

.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {
  padding-top: 0 !important;
}
/*# sourceMappingURL=mini_theme.css.map */

File

themes/mini/mini_theme.css
View source 
  1. /**

  2.  * mini_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. #toolbar-administration {

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

  9.   font-weight: 400;

  10.   font-size: 0.8125rem;

  11.   height: 3.25rem;

  12.   background-color: #0f0f0f;

  13.   -webkit-tap-highlight-color: transparent;

  14. }

  15. 

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

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

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

  19.   text-decoration: none;

  20. }

  21. 

  22. .toolbar-vertical #toolbar-administration,

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

  24. #toolbar-administration .toolbar-tab,

  25. #toolbar-administration .toolbar-tray {

  26.   height: 1.625rem;

  27. }

  28. 

  29. #toolbar-administration .toolbar-tray {

  30.   top: 1.625rem;

  31. }

  32. 

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

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

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

  36.   text-decoration: none;

  37.   outline: none;

  38. }

  39. 

  40. #toolbar-administration .toolbar-item {

  41.   padding: 0.3em 0.95em 0.2em;

  42. }

  43. 

  44. #toolbar-administration .toolbar__link-label {

  45.   font-size: 1em;

  46. }

  47. 

  48. #toolbar-administration .toolbar-bar {

  49.   -webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);

  50.           box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);

  51.   background-color: #0f0f0f;

  52.   color: #dddddd;

  53. }

  54. 

  55. [dir="rtl"] #toolbar-administration .toolbar-bar {

  56.   -webkit-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);

  57.           box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);

  58. }

  59. 

  60. #toolbar-administration .toolbar-bar .toolbar-item {

  61.   color: #d8d8d8;

  62. }

  63. 

  64. #toolbar-administration .toolbar-bar .toolbar-item:hover, #toolbar-administration .toolbar-bar .toolbar-item:focus, #toolbar-administration .toolbar-bar .toolbar-item:active, #toolbar-administration .toolbar-bar .toolbar-item.is-active {

  65.   color: #ffffff;

  66. }

  67. 

  68. #toolbar-administration .toolbar-bar .toolbar-tab a:hover, #toolbar-administration .toolbar-bar .toolbar-tab a:focus {

  69.   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);

  70.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.125)), color-stop(200%, transparent));

  71.   background-image: -o-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);

  72.   background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);

  73. }

  74. 

  75. #toolbar-administration .toolbar-bar .toolbar-tab a.is-active {

  76.   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);

  77.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.25)), color-stop(200%, transparent));

  78.   background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);

  79.   background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);

  80. }

  81. 

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

  83.   float: none;

  84. }

  85. 

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

  87.   padding: 0.3em 0.95em 0.2em;

  88. }

  89. 

  90. #toolbar-administration .toolbar-tray {

  91.   background-color: #ffffff;

  92. }

  93. 

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

  95.   background-color: #f5f5f5;

  96.   border-right: 1px solid #aaaaaa;

  97.   -webkit-box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);

  98.           box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);

  99. }

  100. 

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

  102.   border-left: 1px solid #aaaaaa;

  103.   border-right: 0 none;

  104.   -webkit-box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);

  105.           box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);

  106. }

  107. 

  108. #toolbar-administration .toolbar-tray-horizontal {

  109.   border-bottom: 1px solid #aaaaaa;

  110.   -webkit-box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);

  111.           box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);

  112. }

  113. 

  114. #toolbar-administration .toolbar-tray-horizontal .toolbar-tray {

  115.   background-color: #f5f5f5;

  116. }

  117. 

  118. [dir="rtl"] #toolbar-administration .toolbar-tray-horizontal {

  119.   -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);

  120.           box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);

  121. }

  122. 

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

  124.   float: none;

  125.   position: absolute;

  126.   right: 2.2em;

  127.   top: 0;

  128. }

  129. 

  130. #toolbar-administration .no-tabs .toolbar-tray-horizontal {

  131.   border-top: 0;

  132.   -webkit-box-shadow: none;

  133.           box-shadow: none;

  134. }

  135. 

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

  137.   color: #6f6f6f;

  138.   cursor: pointer;

  139.   padding: 0.3em 0.95em 0.2em;

  140. }

  141. 

  142. #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 {

  143.   color: #494949;

  144. }

  145. 

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

  147.   color: #6f6f6f;

  148. }

  149. 

  150. #toolbar-administration .toolbar-toggle-orientation {

  151.   background-color: transparent;

  152.   padding: 0;

  153.   height: 100%;

  154. }

  155. 

  156. #toolbar-administration .toolbar-toggle-orientation button {

  157.   cursor: pointer;

  158.   display: inline-block;

  159. }

  160. 

  161. #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {

  162.   float: right;

  163. }

  164. 

  165. [dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {

  166.   float: left;

  167. }

  168. 

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

  170.   border-left: 1px solid #c9c9c9;

  171. }

  172. 

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

  174.   border-left: 0 none;

  175.   border-right: 1px solid #c9c9c9;

  176. }

  177. 

  178. #toolbar-administration .toolbar-tab a:focus {

  179.   outline: none;

  180.   text-decoration: none;

  181. }

  182. 

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

  184.   outline: none;

  185. }

  186. 

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

  188.   outline: none;

  189.   background-color: #f5f5f5;

  190. }

  191. 

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

  193.   outline: none;

  194. }

  195. 

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

  197.   text-decoration: none;

  198. }

  199. 

  200. #toolbar-administration .toolbar-icon.toolbar-handle {

  201.   width: 4em;

  202. }

  203. 

  204. #toolbar-administration .toolbar-icon.toolbar-handle:focus {

  205.   outline: none;

  206. }

  207. 

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

  209.   color: #bebebe;

  210. }

  211. 

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

  213.   color: #787878;

  214. }

  215. 

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

  217.   color: #bebebe;

  218. }

  219. 

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

  221.   color: #787878;

  222. }

  223. 

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

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

  226.   color: #bebebe;

  227. }

  228. 

  229. #toolbar-administration .toolbar-menu {

  230.   background-color: #ffffff;

  231. }

  232. 

  233. #toolbar-administration .toolbar-menu,

  234. #toolbar-administration [dir="rtl"] .toolbar-menu {

  235.   list-style: none;

  236.   margin: 0;

  237.   padding: 0;

  238. }

  239. 

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

  241.   -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);

  242.           box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);

  243. }

  244. 

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

  246.   border-top: 1px solid #ffffff;

  247. }

  248. 

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

  250.   border-top-color: #dddddd;

  251. }

  252. 

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

  254.   -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);

  255.           box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);

  256. }

  257. 

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

  259.   top: -1px;

  260. }

  261. 

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

  263.   background-color: #f5f5f5;

  264. }

  265. 

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

  267.   height: 100%;

  268. }

  269. 

  270. #toolbar-administration .toolbar-tray-vertical .toolbar-menu ul {

  271.   display: none;

  272. }

  273. 

  274. #toolbar-administration .toolbar-tray-vertical li.open > ul {

  275.   display: block;

  276. }

  277. 

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

  279.   margin-right: 3em;

  280. }

  281. 

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

  283.   margin-left: 3em;

  284.   margin-right: 0;

  285. }

  286. 

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

  288.   border-top: 1px solid #dddddd;

  289. }

  290. 

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

  292.   border-bottom: 1px solid #dddddd;

  293. }

  294. 

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

  296.   border: 0 none;

  297. }

  298. 

  299. #toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul {

  300.   border-bottom: 1px solid #dddddd;

  301.   border-top: 1px solid #dddddd;

  302. }

  303. 

  304. #toolbar-administration .toolbar-tray-vertical .menu-item:last-child > ul {

  305.   border-bottom: 0;

  306. }

  307. 

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

  309.   background-color: #fafafa;

  310.   border-bottom-color: #cccccc;

  311.   border-top-color: #e5e5e5;

  312. }

  313. 

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

  315.   background-color: #f5f5f5;

  316.   border-bottom-color: #c5c5c5;

  317.   border-top-color: #dddddd;

  318. }

  319. 

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

  321.   background-color: #eeeeee;

  322.   border-bottom-color: #bbbbbb;

  323.   border-top-color: #d5d5d5;

  324. }

  325. 

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

  327.   background-color: #e5e5e5;

  328.   border-bottom-color: #b5b5b5;

  329.   border-top-color: #cccccc;

  330. }

  331. 

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

  333.   background-color: #eeeeee;

  334.   border-bottom-color: #aaaaaa;

  335.   border-top-color: #c5c5c5;

  336. }

  337. 

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

  339.   background-color: #fafafa;

  340.   border-bottom-color: #b5b5b5;

  341.   border-top-color: #cccccc;

  342. }

  343. 

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

  345.   background-color: #dddddd;

  346.   border-bottom-color: #cccccc;

  347.   border-top-color: #dddddd;

  348. }

  349. 

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

  351.   padding-top: 3rem !important;

  352. }

  353. 

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

  355.   background-color: #333;

  356. }

  357. 

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

  359.   min-height: 4em;

  360. }

  361. 

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

  363.   min-height: 2.5em;

  364. }

  365. 

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

  367.   padding-top: 1.8em !important;

  368. }

  369. 

  370. .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {

  371.   padding-top: 0 !important;

  372. }

  373. /*# sourceMappingURL=mini_theme.css.map */