You are here

seeds-toolbar.css in Seeds Toolbar 8

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
@media (max-width: 767px) {
  .mobile-indicator {
    display: none;
} }

body.toolbar-fixed:not(.responsive-preview-frame) {
  -webkit-transition: margin 0.2s;
  transition: margin 0.2s;
  max-width: 100%;
}
@media (max-width: 767px) {
  body.toolbar-fixed:not(.responsive-preview-frame) {
    margin-left: 55px !important;
} }
body.toolbar-fixed:not(.responsive-preview-frame) .coffee-form-wrapper.hide-form {
  left: 0;
  visibility: hidden;
}
body.toolbar-fixed:not(.responsive-preview-frame) #responsive-preview-toolbar-tab {
  position: absolute;
  bottom: 50px;
}
@media (max-width: 767px) {
  body.toolbar-fixed:not(.responsive-preview-frame) #responsive-preview-toolbar-tab {
    display: none;
} }
body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray {
  z-index: 1000 !important;
  background: none;
  position: absolute;
  top: 0;
  left: -1500px !important;
}
body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray .js-form-item {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 150px;
  margin: auto;
  width: 80%;
  max-width: 500px;
  height: 50px;
}
body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray .js-form-item label {
  margin-bottom: 18px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  display: block;
}
body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab .toolbar-lining {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35);
}
body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab .toolbar-lining.shown {
  visibility: visible;
  opacity: 1;
}
body.toolbar-fixed:not(.responsive-preview-frame) .ui-autocomplete.ui-menu {
  position: fixed;
  max-width: 500px;
  overflow-wrap: break-word;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1002 !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button {
  background: #fff;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a:focus,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:focus,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:focus {
  background: #f2f2f2;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar {
  background: #fff;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button {
  background: #fff4;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a:focus,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:focus,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:focus {
  background: #f2f2f2;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray {
  background: #fff;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray a,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray button {
  color: #4d4d4f !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray .seeds-expand-item:before,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray .seeds-expand-item:after {
  background: #4d4d4f;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .seeds-toolbar-background {
  background: #fff;
}
@media (max-width: 767px) {
  body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light li.mobile-open a,
  body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light li.mobile-open button {
    background: #f2f2f2;
} }
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-item-seeds-add-tray nav {
  scrollbar-color: #f2f2f2 #fff !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-item-seeds-add-tray nav::-webkit-scrollbar-thumb {
  background: #f2f2f2;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray {
  scrollbar-color: #f2f2f2 #fff !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray::-webkit-scrollbar-thumb {
  background: #f2f2f2;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > a,
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > button {
  background: #f2f2f2 !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  border-right-color: #fff !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  border-right-color: #f2f2f2 !important;
}
body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light h2.seeds-heading {
  color: #4d4d4f;
}
body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs {
  background-color: #fff;
}
body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li a,
body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li #toolbar-administration.seeds_toolbar button,
#toolbar-administration.seeds_toolbar body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li button {
  color: #4d4d4f;
}
body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li a:hover,
body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li #toolbar-administration.seeds_toolbar button:hover,
#toolbar-administration.seeds_toolbar body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li button:hover {
  background-color: #f2f2f2;
}

.fixed-toolbar {
  z-index: 2;
  width: 55px;
  position: relative;
  height: 100%;
}

.seeds-toolbar-background {
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  background: #4d4d4f;
  min-width: inherit;
  height: 100%;
  position: fixed;
  z-index: -1;
  -webkit-transition: min-width 0.2s;
  transition: min-width 0.2s;
  background: #4d4d4f;
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before,
#toolbar-administration.seeds_toolbar.light .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a:before,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:before {
  content: "";
  background-size: 19px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  background-position: center;
  padding: 0;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}

#toolbar-administration.seeds_toolbar.dark #toolbar-item-administration::before {
  background-image: url("../icons/dark/administration.svg");
}

#toolbar-administration.seeds_toolbar.dark #toolbar-item-shortcuts::before {
  background-image: url("../icons/dark/shortcuts.svg");
}

#toolbar-administration.seeds_toolbar.dark #toolbar-item-user::before {
  background-image: url("../icons/dark/user.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-edit::before {
  background-image: url("../icons/dark/edit.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-content::before {
  background-image: url("../icons/dark/content.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-structure::before {
  background-image: url("../icons/dark/structure.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-themes-page::before {
  background-image: url("../icons/dark/themes.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-modules-list::before {
  background-image: url("../icons/dark/modules.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-config::before {
  background-image: url("../icons/dark/config.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-entity-user-collection::before {
  background-image: url("../icons/dark/people.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-reports::before {
  background-image: url("../icons/dark/reports.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-help-main::before {
  background-image: url("../icons/dark/help.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-escape-admin::before {
  background-image: url("../icons/dark/back.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-support::before {
  background-image: url("../icons/dark/support.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-seeds-add::before {
  background-image: url("../icons/dark/add.svg");
  background-size: 26px !important;
}

#toolbar-administration.seeds_toolbar.dark #responsive-preview-toolbar-tab button::before {
  background-size: 20px !important;
  background-position: center;
  background-image: url("../icons/dark/mobile.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before {
  background: url("../icons/logo/logo-dark.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-masquerade::before {
  background-image: url("../icons/dark/masquerade.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-coffee::before {
  background-image: url("../icons/dark/coffee.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-devel::before {
  background-image: url("../icons/dark/devel.svg");
}

#toolbar-administration.seeds_toolbar.dark .toolbar-icon-seeds::before {
  background-image: url("../icons/logo/logo-dark.svg");
  background-size: 22px !important;
}

#toolbar-administration.seeds_toolbar.dark #toolbar-item-administration-search::before {
  background-image: url("../icons/dark/search.svg");
}

#toolbar-administration.seeds_toolbar.dark #toolbar-tab-tour .toolbar-icon:before {
  background-image: url("../icons/dark/tour.svg");
}

#toolbar-administration.seeds_toolbar.light #toolbar-item-administration::before {
  background-image: url("../icons/light/administration.svg");
}

#toolbar-administration.seeds_toolbar.light #toolbar-item-shortcuts::before {
  background-image: url("../icons/light/shortcuts.svg");
}

#toolbar-administration.seeds_toolbar.light #toolbar-item-user::before {
  background-image: url("../icons/light/user.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-edit::before {
  background-image: url("../icons/light/edit.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-content::before {
  background-image: url("../icons/light/content.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-structure::before {
  background-image: url("../icons/light/structure.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-themes-page::before {
  background-image: url("../icons/light/themes.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-modules-list::before {
  background-image: url("../icons/light/modules.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-config::before {
  background-image: url("../icons/light/config.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-entity-user-collection::before {
  background-image: url("../icons/light/people.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-reports::before {
  background-image: url("../icons/light/reports.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-help-main::before {
  background-image: url("../icons/light/help.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-escape-admin::before {
  background-image: url("../icons/light/back.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-support::before {
  background-image: url("../icons/light/support.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-seeds-add::before {
  background-image: url("../icons/light/add.svg");
  background-size: 26px !important;
}

#toolbar-administration.seeds_toolbar.light #responsive-preview-toolbar-tab button::before {
  background-size: 20px !important;
  background-position: center;
  background-image: url("../icons/light/mobile.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-masquerade::before {
  background-image: url("../icons/light/masquerade.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-coffee::before {
  background-image: url("../icons/light/coffee.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-devel::before {
  background-image: url("../icons/light/devel.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before {
  background: url("../icons/logo/logo-light.svg");
}

#toolbar-administration.seeds_toolbar.light .toolbar-icon-seeds::before {
  background-image: url("../icons/logo/logo-light.svg");
  background-size: 22px !important;
}

#toolbar-administration.seeds_toolbar.light #toolbar-item-administration-search::before {
  background-image: url("../icons/light/search.svg");
}

#toolbar-administration.seeds_toolbar.light #toolbar-tab-tour .toolbar-icon:before {
  background-image: url("../icons/light/tour.svg");
}

#toolbar-administration.seeds_toolbar .acquia-inactive-subscription:before {
  background-image: url(/core/misc/icons/e32700/error.svg);
}

#toolbar-administration.seeds_toolbar .acquia-active-subscription:before {
  background-image: url(/core/misc/icons/73b355/check.svg);
}

#toolbar-administration.seeds_toolbar {
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
}
#toolbar-administration.seeds_toolbar ul {
  background: #4d4d4f;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}
#toolbar-administration.seeds_toolbar ul li {
  display: block;
  padding: 0;
}
#toolbar-administration.seeds_toolbar ul li:hover > a,
#toolbar-administration.seeds_toolbar ul li:hover > button {
  background: #444;
}
#toolbar-administration.seeds_toolbar ul li:hover::before {
  border-right-color: #444 !important;
}
#toolbar-administration.seeds_toolbar ul li:hover:before {
  border-right-color: #444 !important;
}
#toolbar-administration.seeds_toolbar ul li:hover::before {
  border-right-color: #444 !important;
}
#toolbar-administration.seeds_toolbar ul li a,
#toolbar-administration.seeds_toolbar ul li button {
  background: #4d4d4f;
}
@media (max-width: 767px) {
  #toolbar-administration.seeds_toolbar ul li.mobile-open a,
  #toolbar-administration.seeds_toolbar ul li.mobile-open button {
    background: #444;
} }
#toolbar-administration.seeds_toolbar a,
#toolbar-administration.seeds_toolbar button {
  padding: 8px 20px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
#toolbar-administration.seeds_toolbar a:focus,
#toolbar-administration.seeds_toolbar button:focus {
  outline: unset;
  background-color: #444;
}
#toolbar-administration.seeds_toolbar a:hover,
#toolbar-administration.seeds_toolbar button:hover {
  color: #fff;
}
@media (max-width: 767px) {
  #toolbar-administration.seeds_toolbar a,
  #toolbar-administration.seeds_toolbar button {
    padding: 8px 36px 8px 20px;
} }
#toolbar-administration.seeds_toolbar button {
  background: transparent;
  border: 0;
  width: 100%;
  text-align: inherit;
}
#toolbar-administration.seeds_toolbar button:before {
  content: none;
}

#toolbar-administration.seeds_toolbar #toolbar-bar {
  line-height: normal;
  height: 100%;
  z-index: auto;
  position: relative;
  background: #4d4d4f;
}
#toolbar-administration.seeds_toolbar #toolbar-bar::before {
  content: "";
  display: inline-block;
  width: 27px;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: 0 1px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.5) 2px, rgba(0, 0, 0, 0.1) 1px, rgba(0, 0, 0, 0) 100%);
}
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab {
  line-height: 0;
}
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button {
  position: relative;
  width: 55px;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  background: transparent;
  border: 0;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  top: 0;
  left: 0;
}
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a::after,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after {
  display: none;
}
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a:hover,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:hover,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:hover {
  background: #444;
}
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab a,
#toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab button {
  line-height: normal;
}
#toolbar-administration.seeds_toolbar #toolbar-bar .account {
  position: absolute;
  bottom: 0;
}
#toolbar-administration.seeds_toolbar #toolbar-bar .contextual-toolbar-tab,
#toolbar-administration.seeds_toolbar #toolbar-bar #responsive-preview-toolbar-tab {
  float: none;
}
#toolbar-administration.seeds_toolbar #toolbar-bar .contextual-toolbar-tab:before,
#toolbar-administration.seeds_toolbar #toolbar-bar #responsive-preview-toolbar-tab:before {
  background: none;
}

#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li {
  position: relative;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button {
  padding-left: 50px !important;
  padding-right: 12px !important;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a::after,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button::after {
  display: none;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a:before,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button:before {
  content: " ";
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  margin: 0 8px;
  padding: 0;
  height: 20px;
  width: 20px;
  top: 8px;
  left: 12px;
}

#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded {
  position: relative;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul {
  display: none;
  position: absolute;
  left: 100%;
  margin: 0;
  top: 0;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li a,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li button {
  white-space: nowrap;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li a::before,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li button::before {
  display: none !important;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded:hover > ul > li:first-child:before {
  border-right-color: #4d4d4f !important;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded:hover > ul > li:first-child:hover::before {
  border-right-color: #444 !important;
}
@media (min-width: 768px) {
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent > ul {
    display: block;
}
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent > ul > li:first-child:before {
    right: 100%;
    z-index: auto;
    top: 16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 8px;
    margin-top: -8px;
} }
@media (max-width: 767px) {
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul {
    display: block;
    left: auto;
    top: 100%;
    width: 100%;
    overflow-wrap: break-word;
    overflow: hidden;
}
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul a,
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul button {
    white-space: normal;
}
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item ~ li {
    display: none;
} }
@media (max-width: 767px) {
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > ul {
    display: block;
    position: relative;
    left: auto;
    right: auto;
} }
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > .seeds-expand-item:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > .seeds-expand-item:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  opacity: 0;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item {
  position: fixed !important;
  z-index: auto;
  top: 0;
  left: -190px;
  -webkit-transition: width 0.2s, left 0.2s, right 0.2s;
  transition: width 0.2s, left 0.2s, right 0.2s;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > a,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > button {
  padding: 35px 25px;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > a img,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > button img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 10px auto;
  max-width: 150px;
  max-height: 50px;
  width: auto;
  height: auto;
}

#toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item {
  width: 30px;
  height: 35px;
  position: absolute;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 5px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::before,
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::after {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #fff;
  position: absolute;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item {
    display: none;
} }

#toolbar-administration.seeds_toolbar .toolbar-tray {
  background: #4d4d4f;
  margin-left: -1px;
  padding: 70px 0;
  position: fixed;
  left: -250px !important;
  min-width: 190px;
  top: 0;
  bottom: 0;
  z-index: -2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  scrollbar-color: #444 #4d4d4f !important;
}
#toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-administration-tray {
  z-index: -1 !important;
}
#toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray {
  padding-bottom: 50px;
  max-width: 250px;
}
#toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav {
  overflow-y: auto;
  height: 100%;
  scrollbar-color: #444 #4d4d4f;
  padding-bottom: 100px;
}
#toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav::-webkit-scrollbar {
  width: 10px;
}
#toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav::-webkit-scrollbar-thumb {
  background: #444;
}
#toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading {
  margin: 0;
}
#toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading a,
#toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading button {
  color: #f2f2f2;
  font-size: 20px;
  text-align: center;
}
#toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading a + ul,
#toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading button + ul {
  margin-bottom: 35px;
}
#toolbar-administration.seeds_toolbar .toolbar-tray.shown {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#toolbar-administration.seeds_toolbar .toolbar-tray.expanded-by-default {
  left: 55px !important;
}
#toolbar-administration.seeds_toolbar .toolbar-tray::-webkit-scrollbar-thumb {
  background: #444;
}
@media (max-width: 767px) {
  #toolbar-administration.seeds_toolbar .toolbar-tray {
    overflow-y: auto;
    height: 100%;
}
  #toolbar-administration.seeds_toolbar .toolbar-tray::-webkit-scrollbar {
    position: relative;
    right: 50px;
    width: 10px;
} }

File

assets/css/seeds-toolbar.css
View source
  1. @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
  2. @media (max-width: 767px) {
  3. .mobile-indicator {
  4. display: none;
  5. } }
  6. body.toolbar-fixed:not(.responsive-preview-frame) {
  7. -webkit-transition: margin 0.2s;
  8. transition: margin 0.2s;
  9. max-width: 100%;
  10. }
  11. @media (max-width: 767px) {
  12. body.toolbar-fixed:not(.responsive-preview-frame) {
  13. margin-left: 55px !important;
  14. } }
  15. body.toolbar-fixed:not(.responsive-preview-frame) .coffee-form-wrapper.hide-form {
  16. left: 0;
  17. visibility: hidden;
  18. }
  19. body.toolbar-fixed:not(.responsive-preview-frame) #responsive-preview-toolbar-tab {
  20. position: absolute;
  21. bottom: 50px;
  22. }
  23. @media (max-width: 767px) {
  24. body.toolbar-fixed:not(.responsive-preview-frame) #responsive-preview-toolbar-tab {
  25. display: none;
  26. } }
  27. body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray {
  28. z-index: 1000 !important;
  29. background: none;
  30. position: absolute;
  31. top: 0;
  32. left: -1500px !important;
  33. }
  34. body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray .js-form-item {
  35. position: fixed;
  36. top: 0;
  37. right: 0;
  38. left: 0;
  39. bottom: 150px;
  40. margin: auto;
  41. width: 80%;
  42. max-width: 500px;
  43. height: 50px;
  44. }
  45. body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab #toolbar-item-administration-search-tray .js-form-item label {
  46. margin-bottom: 18px;
  47. color: #fff;
  48. font-weight: bold;
  49. font-size: 20px;
  50. display: block;
  51. }
  52. body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab .toolbar-lining {
  53. visibility: hidden;
  54. opacity: 0;
  55. position: fixed;
  56. top: 0;
  57. bottom: 0;
  58. left: 0;
  59. right: 0;
  60. background: rgba(0, 0, 0, 0.35);
  61. }
  62. body.toolbar-fixed:not(.responsive-preview-frame) #admin-toolbar-search-tab .toolbar-lining.shown {
  63. visibility: visible;
  64. opacity: 1;
  65. }
  66. body.toolbar-fixed:not(.responsive-preview-frame) .ui-autocomplete.ui-menu {
  67. position: fixed;
  68. max-width: 500px;
  69. overflow-wrap: break-word;
  70. max-height: 400px;
  71. overflow-y: auto;
  72. z-index: 1002 !important;
  73. }
  74. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a,
  75. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button,
  76. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button {
  77. background: #fff;
  78. }
  79. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a:hover,
  80. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:hover,
  81. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light a:focus,
  82. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:focus,
  83. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:hover,
  84. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light button:focus {
  85. background: #f2f2f2;
  86. }
  87. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar {
  88. background: #fff;
  89. }
  90. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a,
  91. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button,
  92. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button {
  93. background: #fff4;
  94. }
  95. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a:hover,
  96. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:hover,
  97. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > a:focus,
  98. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:focus,
  99. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:hover,
  100. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tab > button:focus {
  101. background: #f2f2f2;
  102. }
  103. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray {
  104. background: #fff;
  105. }
  106. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray a,
  107. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray button {
  108. color: #4d4d4f !important;
  109. }
  110. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray .seeds-expand-item:before,
  111. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-bar .toolbar-tray .seeds-expand-item:after {
  112. background: #4d4d4f;
  113. }
  114. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .seeds-toolbar-background {
  115. background: #fff;
  116. }
  117. @media (max-width: 767px) {
  118. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light li.mobile-open a,
  119. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light li.mobile-open button {
  120. background: #f2f2f2;
  121. } }
  122. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-item-seeds-add-tray nav {
  123. scrollbar-color: #f2f2f2 #fff !important;
  124. }
  125. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light #toolbar-item-seeds-add-tray nav::-webkit-scrollbar-thumb {
  126. background: #f2f2f2;
  127. }
  128. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray {
  129. scrollbar-color: #f2f2f2 #fff !important;
  130. }
  131. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray::-webkit-scrollbar-thumb {
  132. background: #f2f2f2;
  133. }
  134. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > a,
  135. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > button {
  136. background: #f2f2f2 !important;
  137. }
  138. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  139. border-right-color: #fff !important;
  140. }
  141. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  142. border-right-color: #f2f2f2 !important;
  143. }
  144. body.toolbar-fixed:not(.responsive-preview-frame).light #toolbar-administration.seeds_toolbar.light h2.seeds-heading {
  145. color: #4d4d4f;
  146. }
  147. body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs {
  148. background-color: #fff;
  149. }
  150. body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li a,
  151. body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li #toolbar-administration.seeds_toolbar button,
  152. #toolbar-administration.seeds_toolbar body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li button {
  153. color: #4d4d4f;
  154. }
  155. body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li a:hover,
  156. body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li #toolbar-administration.seeds_toolbar button:hover,
  157. #toolbar-administration.seeds_toolbar body.toolbar-fixed:not(.responsive-preview-frame).light.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs li button:hover {
  158. background-color: #f2f2f2;
  159. }
  160. .fixed-toolbar {
  161. z-index: 2;
  162. width: 55px;
  163. position: relative;
  164. height: 100%;
  165. }
  166. .seeds-toolbar-background {
  167. -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  168. box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  169. background: #4d4d4f;
  170. min-width: inherit;
  171. height: 100%;
  172. position: fixed;
  173. z-index: -1;
  174. -webkit-transition: min-width 0.2s;
  175. transition: min-width 0.2s;
  176. background: #4d4d4f;
  177. }
  178. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before,
  179. #toolbar-administration.seeds_toolbar.light .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before,
  180. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a:before,
  181. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:before {
  182. content: "";
  183. background-size: 19px;
  184. background-repeat: no-repeat;
  185. display: inline-block;
  186. position: absolute;
  187. background-position: center;
  188. padding: 0;
  189. height: 20px;
  190. width: 20px;
  191. top: 0;
  192. left: 0;
  193. right: 0;
  194. bottom: 0;
  195. margin: auto;
  196. z-index: 2;
  197. }
  198. #toolbar-administration.seeds_toolbar.dark #toolbar-item-administration::before {
  199. background-image: url("../icons/dark/administration.svg");
  200. }
  201. #toolbar-administration.seeds_toolbar.dark #toolbar-item-shortcuts::before {
  202. background-image: url("../icons/dark/shortcuts.svg");
  203. }
  204. #toolbar-administration.seeds_toolbar.dark #toolbar-item-user::before {
  205. background-image: url("../icons/dark/user.svg");
  206. }
  207. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-edit::before {
  208. background-image: url("../icons/dark/edit.svg");
  209. }
  210. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-content::before {
  211. background-image: url("../icons/dark/content.svg");
  212. }
  213. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-structure::before {
  214. background-image: url("../icons/dark/structure.svg");
  215. }
  216. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-themes-page::before {
  217. background-image: url("../icons/dark/themes.svg");
  218. }
  219. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-modules-list::before {
  220. background-image: url("../icons/dark/modules.svg");
  221. }
  222. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-config::before {
  223. background-image: url("../icons/dark/config.svg");
  224. }
  225. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-entity-user-collection::before {
  226. background-image: url("../icons/dark/people.svg");
  227. }
  228. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-system-admin-reports::before {
  229. background-image: url("../icons/dark/reports.svg");
  230. }
  231. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-help-main::before {
  232. background-image: url("../icons/dark/help.svg");
  233. }
  234. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-escape-admin::before {
  235. background-image: url("../icons/dark/back.svg");
  236. }
  237. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-support::before {
  238. background-image: url("../icons/dark/support.svg");
  239. }
  240. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-seeds-add::before {
  241. background-image: url("../icons/dark/add.svg");
  242. background-size: 26px !important;
  243. }
  244. #toolbar-administration.seeds_toolbar.dark #responsive-preview-toolbar-tab button::before {
  245. background-size: 20px !important;
  246. background-position: center;
  247. background-image: url("../icons/dark/mobile.svg");
  248. }
  249. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before {
  250. background: url("../icons/logo/logo-dark.svg");
  251. }
  252. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-masquerade::before {
  253. background-image: url("../icons/dark/masquerade.svg");
  254. }
  255. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-coffee::before {
  256. background-image: url("../icons/dark/coffee.svg");
  257. }
  258. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-devel::before {
  259. background-image: url("../icons/dark/devel.svg");
  260. }
  261. #toolbar-administration.seeds_toolbar.dark .toolbar-icon-seeds::before {
  262. background-image: url("../icons/logo/logo-dark.svg");
  263. background-size: 22px !important;
  264. }
  265. #toolbar-administration.seeds_toolbar.dark #toolbar-item-administration-search::before {
  266. background-image: url("../icons/dark/search.svg");
  267. }
  268. #toolbar-administration.seeds_toolbar.dark #toolbar-tab-tour .toolbar-icon:before {
  269. background-image: url("../icons/dark/tour.svg");
  270. }
  271. #toolbar-administration.seeds_toolbar.light #toolbar-item-administration::before {
  272. background-image: url("../icons/light/administration.svg");
  273. }
  274. #toolbar-administration.seeds_toolbar.light #toolbar-item-shortcuts::before {
  275. background-image: url("../icons/light/shortcuts.svg");
  276. }
  277. #toolbar-administration.seeds_toolbar.light #toolbar-item-user::before {
  278. background-image: url("../icons/light/user.svg");
  279. }
  280. #toolbar-administration.seeds_toolbar.light .toolbar-icon-edit::before {
  281. background-image: url("../icons/light/edit.svg");
  282. }
  283. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-content::before {
  284. background-image: url("../icons/light/content.svg");
  285. }
  286. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-structure::before {
  287. background-image: url("../icons/light/structure.svg");
  288. }
  289. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-themes-page::before {
  290. background-image: url("../icons/light/themes.svg");
  291. }
  292. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-modules-list::before {
  293. background-image: url("../icons/light/modules.svg");
  294. }
  295. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-config::before {
  296. background-image: url("../icons/light/config.svg");
  297. }
  298. #toolbar-administration.seeds_toolbar.light .toolbar-icon-entity-user-collection::before {
  299. background-image: url("../icons/light/people.svg");
  300. }
  301. #toolbar-administration.seeds_toolbar.light .toolbar-icon-system-admin-reports::before {
  302. background-image: url("../icons/light/reports.svg");
  303. }
  304. #toolbar-administration.seeds_toolbar.light .toolbar-icon-help-main::before {
  305. background-image: url("../icons/light/help.svg");
  306. }
  307. #toolbar-administration.seeds_toolbar.light .toolbar-icon-escape-admin::before {
  308. background-image: url("../icons/light/back.svg");
  309. }
  310. #toolbar-administration.seeds_toolbar.light .toolbar-icon-support::before {
  311. background-image: url("../icons/light/support.svg");
  312. }
  313. #toolbar-administration.seeds_toolbar.light .toolbar-icon-seeds-add::before {
  314. background-image: url("../icons/light/add.svg");
  315. background-size: 26px !important;
  316. }
  317. #toolbar-administration.seeds_toolbar.light #responsive-preview-toolbar-tab button::before {
  318. background-size: 20px !important;
  319. background-position: center;
  320. background-image: url("../icons/light/mobile.svg");
  321. }
  322. #toolbar-administration.seeds_toolbar.light .toolbar-icon-masquerade::before {
  323. background-image: url("../icons/light/masquerade.svg");
  324. }
  325. #toolbar-administration.seeds_toolbar.light .toolbar-icon-coffee::before {
  326. background-image: url("../icons/light/coffee.svg");
  327. }
  328. #toolbar-administration.seeds_toolbar.light .toolbar-icon-devel::before {
  329. background-image: url("../icons/light/devel.svg");
  330. }
  331. #toolbar-administration.seeds_toolbar.light .toolbar-icon-admin-toolbar-tools-help.toolbar-icon:before {
  332. background: url("../icons/logo/logo-light.svg");
  333. }
  334. #toolbar-administration.seeds_toolbar.light .toolbar-icon-seeds::before {
  335. background-image: url("../icons/logo/logo-light.svg");
  336. background-size: 22px !important;
  337. }
  338. #toolbar-administration.seeds_toolbar.light #toolbar-item-administration-search::before {
  339. background-image: url("../icons/light/search.svg");
  340. }
  341. #toolbar-administration.seeds_toolbar.light #toolbar-tab-tour .toolbar-icon:before {
  342. background-image: url("../icons/light/tour.svg");
  343. }
  344. #toolbar-administration.seeds_toolbar .acquia-inactive-subscription:before {
  345. background-image: url(/core/misc/icons/e32700/error.svg);
  346. }
  347. #toolbar-administration.seeds_toolbar .acquia-active-subscription:before {
  348. background-image: url(/core/misc/icons/73b355/check.svg);
  349. }
  350. #toolbar-administration.seeds_toolbar {
  351. font-family: 'Open Sans', sans-serif;
  352. -webkit-transition: 0.2s;
  353. transition: 0.2s;
  354. position: fixed;
  355. top: 0;
  356. left: 0;
  357. bottom: 0;
  358. z-index: 1001;
  359. }
  360. #toolbar-administration.seeds_toolbar ul {
  361. background: #4d4d4f;
  362. padding: 0;
  363. -webkit-box-shadow: none;
  364. box-shadow: none;
  365. margin: 0;
  366. }
  367. #toolbar-administration.seeds_toolbar ul li {
  368. display: block;
  369. padding: 0;
  370. }
  371. #toolbar-administration.seeds_toolbar ul li:hover > a,
  372. #toolbar-administration.seeds_toolbar ul li:hover > button {
  373. background: #444;
  374. }
  375. #toolbar-administration.seeds_toolbar ul li:hover::before {
  376. border-right-color: #444 !important;
  377. }
  378. #toolbar-administration.seeds_toolbar ul li:hover:before {
  379. border-right-color: #444 !important;
  380. }
  381. #toolbar-administration.seeds_toolbar ul li:hover::before {
  382. border-right-color: #444 !important;
  383. }
  384. #toolbar-administration.seeds_toolbar ul li a,
  385. #toolbar-administration.seeds_toolbar ul li button {
  386. background: #4d4d4f;
  387. }
  388. @media (max-width: 767px) {
  389. #toolbar-administration.seeds_toolbar ul li.mobile-open a,
  390. #toolbar-administration.seeds_toolbar ul li.mobile-open button {
  391. background: #444;
  392. } }
  393. #toolbar-administration.seeds_toolbar a,
  394. #toolbar-administration.seeds_toolbar button {
  395. padding: 8px 20px;
  396. display: block;
  397. text-decoration: none;
  398. font-size: 14px;
  399. color: #fff;
  400. -webkit-user-select: none;
  401. -moz-user-select: none;
  402. -ms-user-select: none;
  403. user-select: none;
  404. position: relative;
  405. }
  406. #toolbar-administration.seeds_toolbar a:focus,
  407. #toolbar-administration.seeds_toolbar button:focus {
  408. outline: unset;
  409. background-color: #444;
  410. }
  411. #toolbar-administration.seeds_toolbar a:hover,
  412. #toolbar-administration.seeds_toolbar button:hover {
  413. color: #fff;
  414. }
  415. @media (max-width: 767px) {
  416. #toolbar-administration.seeds_toolbar a,
  417. #toolbar-administration.seeds_toolbar button {
  418. padding: 8px 36px 8px 20px;
  419. } }
  420. #toolbar-administration.seeds_toolbar button {
  421. background: transparent;
  422. border: 0;
  423. width: 100%;
  424. text-align: inherit;
  425. }
  426. #toolbar-administration.seeds_toolbar button:before {
  427. content: none;
  428. }
  429. #toolbar-administration.seeds_toolbar #toolbar-bar {
  430. line-height: normal;
  431. height: 100%;
  432. z-index: auto;
  433. position: relative;
  434. background: #4d4d4f;
  435. }
  436. #toolbar-administration.seeds_toolbar #toolbar-bar::before {
  437. content: "";
  438. display: inline-block;
  439. width: 27px;
  440. top: 0;
  441. right: 0;
  442. bottom: 0;
  443. position: absolute;
  444. margin: 0 1px;
  445. background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.5) 2px, rgba(0, 0, 0, 0.1) 1px, rgba(0, 0, 0, 0) 100%);
  446. }
  447. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab {
  448. line-height: 0;
  449. }
  450. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a,
  451. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button,
  452. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button {
  453. position: relative;
  454. width: 55px;
  455. height: 50px;
  456. overflow: hidden;
  457. text-indent: -9999px;
  458. background: transparent;
  459. border: 0;
  460. display: inline-block;
  461. padding: 0;
  462. white-space: nowrap;
  463. width: 50px;
  464. height: 50px;
  465. margin-right: 5px;
  466. top: 0;
  467. left: 0;
  468. }
  469. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a::after,
  470. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after,
  471. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after {
  472. display: none;
  473. }
  474. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a:hover,
  475. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:hover,
  476. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button:hover {
  477. background: #444;
  478. }
  479. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab a,
  480. #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab button {
  481. line-height: normal;
  482. }
  483. #toolbar-administration.seeds_toolbar #toolbar-bar .account {
  484. position: absolute;
  485. bottom: 0;
  486. }
  487. #toolbar-administration.seeds_toolbar #toolbar-bar .contextual-toolbar-tab,
  488. #toolbar-administration.seeds_toolbar #toolbar-bar #responsive-preview-toolbar-tab {
  489. float: none;
  490. }
  491. #toolbar-administration.seeds_toolbar #toolbar-bar .contextual-toolbar-tab:before,
  492. #toolbar-administration.seeds_toolbar #toolbar-bar #responsive-preview-toolbar-tab:before {
  493. background: none;
  494. }
  495. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li {
  496. position: relative;
  497. }
  498. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a,
  499. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button {
  500. padding-left: 50px !important;
  501. padding-right: 12px !important;
  502. }
  503. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a::after,
  504. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button::after {
  505. display: none;
  506. }
  507. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a:before,
  508. #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > button:before {
  509. content: " ";
  510. background-size: 20px;
  511. background-repeat: no-repeat;
  512. display: inline-block;
  513. position: absolute;
  514. margin: 0 8px;
  515. padding: 0;
  516. height: 20px;
  517. width: 20px;
  518. top: 8px;
  519. left: 12px;
  520. }
  521. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded {
  522. position: relative;
  523. }
  524. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul {
  525. display: none;
  526. position: absolute;
  527. left: 100%;
  528. margin: 0;
  529. top: 0;
  530. }
  531. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li a,
  532. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li button {
  533. white-space: nowrap;
  534. }
  535. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li a::before,
  536. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded > ul li button::before {
  537. display: none !important;
  538. }
  539. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded:hover > ul > li:first-child:before {
  540. border-right-color: #4d4d4f !important;
  541. }
  542. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded:hover > ul > li:first-child:hover::before {
  543. border-right-color: #444 !important;
  544. }
  545. @media (min-width: 768px) {
  546. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent > ul {
  547. display: block;
  548. }
  549. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent > ul > li:first-child:before {
  550. right: 100%;
  551. z-index: auto;
  552. top: 16px;
  553. border: solid transparent;
  554. content: " ";
  555. height: 0;
  556. width: 0;
  557. position: absolute;
  558. pointer-events: none;
  559. border-width: 8px;
  560. margin-top: -8px;
  561. } }
  562. @media (max-width: 767px) {
  563. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul {
  564. display: block;
  565. left: auto;
  566. top: 100%;
  567. width: 100%;
  568. overflow-wrap: break-word;
  569. overflow: hidden;
  570. }
  571. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul a,
  572. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item > ul button {
  573. white-space: normal;
  574. }
  575. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.hover-intent.toolbar-fixed-help-item ~ li {
  576. display: none;
  577. } }
  578. @media (max-width: 767px) {
  579. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > ul {
  580. display: block;
  581. position: relative;
  582. left: auto;
  583. right: auto;
  584. } }
  585. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > .seeds-expand-item:after {
  586. -webkit-transform: rotate(0);
  587. transform: rotate(0);
  588. }
  589. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.mobile-open > .seeds-expand-item:before {
  590. -webkit-transform: rotate(-180deg);
  591. transform: rotate(-180deg);
  592. opacity: 0;
  593. }
  594. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item {
  595. position: fixed !important;
  596. z-index: auto;
  597. top: 0;
  598. left: -190px;
  599. -webkit-transition: width 0.2s, left 0.2s, right 0.2s;
  600. transition: width 0.2s, left 0.2s, right 0.2s;
  601. }
  602. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > a,
  603. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > button {
  604. padding: 35px 25px;
  605. }
  606. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > a img,
  607. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .menu-item--expanded.toolbar-fixed-help-item > button img {
  608. position: absolute;
  609. left: 0;
  610. right: 0;
  611. top: 0;
  612. bottom: 0;
  613. margin: 10px auto;
  614. max-width: 150px;
  615. max-height: 50px;
  616. width: auto;
  617. height: auto;
  618. }
  619. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item {
  620. width: 30px;
  621. height: 35px;
  622. position: absolute;
  623. -webkit-transition: 0.35s;
  624. transition: 0.35s;
  625. right: 0;
  626. top: 0;
  627. bottom: 0;
  628. padding: 0 5px;
  629. -webkit-box-sizing: content-box;
  630. box-sizing: content-box;
  631. }
  632. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::before,
  633. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::after {
  634. content: ' ';
  635. display: inline-block;
  636. width: 12px;
  637. height: 2px;
  638. background: #fff;
  639. position: absolute;
  640. -webkit-transition: 0.35s;
  641. transition: 0.35s;
  642. opacity: 1;
  643. top: 0;
  644. bottom: 0;
  645. left: 0;
  646. right: 0;
  647. margin: auto;
  648. }
  649. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item::after {
  650. -webkit-transform: rotate(90deg);
  651. transform: rotate(90deg);
  652. }
  653. @media (min-width: 768px) {
  654. #toolbar-administration.seeds_toolbar .toolbar-menu-administration .seeds-expand-item {
  655. display: none;
  656. } }
  657. #toolbar-administration.seeds_toolbar .toolbar-tray {
  658. background: #4d4d4f;
  659. margin-left: -1px;
  660. padding: 70px 0;
  661. position: fixed;
  662. left: -250px !important;
  663. min-width: 190px;
  664. top: 0;
  665. bottom: 0;
  666. z-index: -2;
  667. -webkit-transition: 0.2s;
  668. transition: 0.2s;
  669. scrollbar-color: #444 #4d4d4f !important;
  670. }
  671. #toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-administration-tray {
  672. z-index: -1 !important;
  673. }
  674. #toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray {
  675. padding-bottom: 50px;
  676. max-width: 250px;
  677. }
  678. #toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav {
  679. overflow-y: auto;
  680. height: 100%;
  681. scrollbar-color: #444 #4d4d4f;
  682. padding-bottom: 100px;
  683. }
  684. #toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav::-webkit-scrollbar {
  685. width: 10px;
  686. }
  687. #toolbar-administration.seeds_toolbar .toolbar-tray#toolbar-item-seeds-add-tray nav::-webkit-scrollbar-thumb {
  688. background: #444;
  689. }
  690. #toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading {
  691. margin: 0;
  692. }
  693. #toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading a,
  694. #toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading button {
  695. color: #f2f2f2;
  696. font-size: 20px;
  697. text-align: center;
  698. }
  699. #toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading a + ul,
  700. #toolbar-administration.seeds_toolbar .toolbar-tray h2.seeds-heading button + ul {
  701. margin-bottom: 35px;
  702. }
  703. #toolbar-administration.seeds_toolbar .toolbar-tray.shown {
  704. -webkit-transition-delay: 0s;
  705. transition-delay: 0s;
  706. }
  707. #toolbar-administration.seeds_toolbar .toolbar-tray.expanded-by-default {
  708. left: 55px !important;
  709. }
  710. #toolbar-administration.seeds_toolbar .toolbar-tray::-webkit-scrollbar-thumb {
  711. background: #444;
  712. }
  713. @media (max-width: 767px) {
  714. #toolbar-administration.seeds_toolbar .toolbar-tray {
  715. overflow-y: auto;
  716. height: 100%;
  717. }
  718. #toolbar-administration.seeds_toolbar .toolbar-tray::-webkit-scrollbar {
  719. position: relative;
  720. right: 50px;
  721. width: 10px;
  722. } }