You are here

Home » API reference » Toolbar Themes 8

seven_theme.css in Toolbar Themes 8 

/**
 * seven_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.625rem !important;
}

#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: #c9c9c2;
  -webkit-tap-highlight-color: transparent;
}

.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.35em 0.95em 0.2em;
  display: block;
}

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

#toolbar-administration .toolbar-bar {
  background-color: #c9c9c2;
  color: #595959;
  -webkit-box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65);
          box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65);
}

#toolbar-administration .toolbar-bar.no-tabs {
  background-color: #ebebe6;
}

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

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

#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: #1a1a1a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c2), to(#ebebe6));
  background-image: -webkit-linear-gradient(#c9c9c2, #ebebe6);
  background-image: -o-linear-gradient(#c9c9c2, #ebebe6);
  background-image: linear-gradient(#c9c9c2, #ebebe6);
}

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

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

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

#toolbar-administration .toolbar-tray a {
  color: #1a1a1a;
  cursor: pointer;
  padding: 0.35em 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: #1a1a1a;
}

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

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

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

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

#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {
  background-color: #f5f5f2;
  -webkit-box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65);
          box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65);
}

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

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

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

#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: #ebebe6;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%;
       -o-border-image: -o-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%;
          border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%;
          border-image: linear-gradient(to top, #e6e4df, #ebebe6) 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: #ebebe6;
}

#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: #ccc;
  right: 0.65em;
  top: 0.2em;
  display: block;
}

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

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

#toolbar-administration .toolbar-tray-vertical {
  background-color: #ebebe6;
  border-right: 1px solid #e6e4df;
  height: 100%;
  -webkit-box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65);
          box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65);
}

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

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

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

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

#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: #efefef;
  border-bottom-color: #dbd8d1;
  border-top-color: #dbd8d1;
}

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

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

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

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

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

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

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

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

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

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

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

#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: #1a1a1a;
  background-color: transparent;
}

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

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

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

.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=seven_theme.css.map */

File

themes/seven/seven_theme.css
View source 
  1. /**

  2.  * seven_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.625rem !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.8125rem;

  15.   height: 3.25rem;

  16.   background-color: #c9c9c2;

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

  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.625rem;

  25. }

  26. 

  27. #toolbar-administration .toolbar-tray {

  28.   top: 1.625rem;

  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.35em 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: #c9c9c2;

  49.   color: #595959;

  50.   -webkit-box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65);

  51.           box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65);

  52. }

  53. 

  54. #toolbar-administration .toolbar-bar.no-tabs {

  55.   background-color: #ebebe6;

  56. }

  57. 

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

  59.   -webkit-box-shadow: 1px 0 3px 1px rgba(168, 168, 168, 0.65);

  60.           box-shadow: 1px 0 3px 1px rgba(168, 168, 168, 0.65);

  61. }

  62. 

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

  64.   color: #595959;

  65. }

  66. 

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

  68.   color: #1a1a1a;

  69.   background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c2), to(#ebebe6));

  70.   background-image: -webkit-linear-gradient(#c9c9c2, #ebebe6);

  71.   background-image: -o-linear-gradient(#c9c9c2, #ebebe6);

  72.   background-image: linear-gradient(#c9c9c2, #ebebe6);

  73. }

  74. 

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

  76.   float: none;

  77. }

  78. 

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

  80.   padding: 0.35em 0.95em 0.2em;

  81. }

  82. 

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

  84.   outline: none;

  85. }

  86. 

  87. #toolbar-administration .toolbar-menu {

  88.   list-style: none;

  89.   margin: 0;

  90.   padding: 0;

  91. }

  92. 

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

  94.   outline: none;

  95. }

  96. 

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

  98.   text-decoration: none;

  99. }

  100. 

  101. #toolbar-administration .toolbar-tray {

  102.   background-color: #ebebe6;

  103. }

  104. 

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

  106.   color: #1a1a1a;

  107.   cursor: pointer;

  108.   padding: 0.35em 0.95em 0.2em;

  109. }

  110. 

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

  112.   color: #1a1a1a;

  113. }

  114. 

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

  116.   color: #1a1a1a;

  117. }

  118. 

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

  120.   border-bottom: 1px solid #e6e4df;

  121.   -webkit-box-shadow: -2px 1px 3px 1px rgba(168, 168, 168, 0.65);

  122.           box-shadow: -2px 1px 3px 1px rgba(168, 168, 168, 0.65);

  123. }

  124. 

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

  126.   -webkit-box-shadow: 2px 1px 3px 1px rgba(168, 168, 168, 0.65);

  127.           box-shadow: 2px 1px 3px 1px rgba(168, 168, 168, 0.65);

  128. }

  129. 

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

  131.   outline: none;

  132.   background-color: #ebebe6;

  133. }

  134. 

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

  136.   background-color: #f5f5f2;

  137.   -webkit-box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65);

  138.           box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65);

  139. }

  140. 

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

  142.   border-top: 1px solid #ebebe6;

  143. }

  144. 

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

  146.   border-top-color: #ebebe6;

  147. }

  148. 

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

  150.   -webkit-box-shadow: 2px 2px 2px 0 rgba(168, 168, 168, 0.65);

  151.           box-shadow: 2px 2px 2px 0 rgba(168, 168, 168, 0.65);

  152. }

  153. 

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

  155.   top: -1px;

  156. }

  157. 

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

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

  160.   border-right: 1px solid;

  161.   border-color: #ebebe6;

  162.   -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%;

  163.   -webkit-border-image: -webkit-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%;

  164.        -o-border-image: -o-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%;

  165.           border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%;

  166.           border-image: linear-gradient(to top, #e6e4df, #ebebe6) 1 100%;

  167. }

  168. 

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

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

  171.   border-right: 0;

  172.   border-left: 1px solid;

  173. }

  174. 

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

  176.   background-color: #ebebe6;

  177. }

  178. 

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

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

  181.   color: #ccc;

  182.   right: 0.65em;

  183.   top: 0.2em;

  184.   display: block;

  185. }

  186. 

  187. #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,

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

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

  190.   color: #1a1a1a;

  191. }

  192. 

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

  194.   float: none;

  195.   position: absolute;

  196.   right: 2.2em;

  197.   top: 0;

  198. }

  199. 

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

  201.   background-color: #ebebe6;

  202.   border-right: 1px solid #e6e4df;

  203.   height: 100%;

  204.   -webkit-box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65);

  205.           box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65);

  206. }

  207. 

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

  209.   border-left: 1px solid #e6e4df;

  210.   border-right: 0 none;

  211.   -webkit-box-shadow: 1px 0 5px 2px rgba(168, 168, 168, 0.65);

  212.           box-shadow: 1px 0 5px 2px rgba(168, 168, 168, 0.65);

  213. }

  214. 

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

  216.   display: none;

  217. }

  218. 

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

  220.   display: block;

  221.   border-bottom-width: 0;

  222. }

  223. 

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

  225.   border-bottom-width: 1px;

  226. }

  227. 

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

  229.   margin-right: 3em;

  230. }

  231. 

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

  233.   margin-left: 3em;

  234.   margin-right: 0;

  235. }

  236. 

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

  238.   border-top: 1px solid #e6e4df;

  239. }

  240. 

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

  242.   border-bottom: 1px solid #e6e4df;

  243. }

  244. 

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

  246.   border: 0 none;

  247. }

  248. 

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

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

  251.   background-color: #f6f6f4;

  252. }

  253. 

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

  255.   border: 0;

  256. }

  257. 

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

  259.   border-bottom: 1px solid;

  260.   border-top: 1px solid;

  261. }

  262. 

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

  264.   background-color: #efefef;

  265.   border-bottom-color: #dbd8d1;

  266.   border-top-color: #dbd8d1;

  267. }

  268. 

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

  270.   background-color: #e3e3e3;

  271.   border-bottom-color: #d0ccc2;

  272.   border-top-color: #d0ccc2;

  273. }

  274. 

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

  276.   background-color: #d6d6d6;

  277.   border-bottom-color: #c4c0b4;

  278.   border-top-color: #c4c0b4;

  279. }

  280. 

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

  282.   background-color: #c9c9c9;

  283.   border-bottom-color: #b9b4a6;

  284.   border-top-color: #b9b4a6;

  285. }

  286. 

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

  288.   background-color: #bcbcbc;

  289.   border-bottom-color: #aea897;

  290.   border-top-color: #aea897;

  291. }

  292. 

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

  294.   background-color: #b0b0b0;

  295.   border-bottom-color: #a39c89;

  296.   border-top-color: #a39c89;

  297. }

  298. 

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

  300.   background-color: #a3a3a3;

  301.   border-bottom-color: #988f7b;

  302.   border-top-color: #988f7b;

  303. }

  304. 

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

  306.   background-color: #969696;

  307.   border-bottom-color: #8c836d;

  308.   border-top-color: #8c836d;

  309. }

  310. 

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

  312.   border-bottom: 0;

  313. }

  314. 

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

  316.   color: #bfbfba;

  317. }

  318. 

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

  320.   color: #1a1a1a;

  321. }

  322. 

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

  324.   color: #bfbfba;

  325. }

  326. 

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

  328.   color: #1a1a1a;

  329.   background-color: transparent;

  330. }

  331. 

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

  333.   border-left: 1px solid #bfbfba;

  334. }

  335. 

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

  337.   border-left: 0 none;

  338.   border-right: 1px solid #bfbfba;

  339. }

  340. 

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

  342.   right: 0.95em;

  343. }

  344. 

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

  346.   padding-top: 3rem !important;

  347. }

  348. 

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

  350.   background-color: #333;

  351. }

  352. 

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

  354.   min-height: 4em;

  355. }

  356. 

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

  358.   min-height: 2.5em;

  359. }

  360. 

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

  362.   padding-top: 1.8em !important;

  363. }

  364. 

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

  366.   padding-top: 0 !important;

  367. }

  368. /*# sourceMappingURL=seven_theme.css.map */