You are here

Home » API reference » Toolbar Themes 8

seven_icons.css in Toolbar Themes 8 

/**
 * seven_icons
 */
#toolbar-administration .toolbar-icon {
  padding: 0 .25em 0 0;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {
  fill: #595959;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {
  width: 0.875em;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {
  fill: #1a1a1a;
}

@media only screen and (max-width: 24em) {
  #toolbar-administration .toolbar-bar .home-toolbar-tab,
  #toolbar-administration .toolbar-bar .tour-toolbar-tab,
  #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {
    display: none;
  }
}

#toolbar-administration .toolbar-menu a {
  fill: #1a1a1a;
}

#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {
  fill: #1a1a1a;
}

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

#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {
  fill: #1a1a1a;
}
/*# sourceMappingURL=seven_icons.css.map */

File

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

  2.  * seven_icons

  3.  */

  4. #toolbar-administration .toolbar-icon {

  5.   padding: 0 .25em 0 0;

  6. }

  7. 

  8. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {

  9.   fill: #595959;

  10. }

  11. 

  12. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {

  13.   width: 0.875em;

  14. }

  15. 

  16. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,

  17. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,

  18. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,

  19. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {

  20.   fill: #1a1a1a;

  21. }

  22. 

  23. @media only screen and (max-width: 24em) {

  24.   #toolbar-administration .toolbar-bar .home-toolbar-tab,

  25.   #toolbar-administration .toolbar-bar .tour-toolbar-tab,

  26.   #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {

  27.     display: none;

  28.   }

  29. }

  30. 

  31. #toolbar-administration .toolbar-menu a {

  32.   fill: #1a1a1a;

  33. }

  34. 

  35. #toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {

  36.   fill: #1a1a1a;

  37. }

  38. 

  39. #toolbar-administration .toolbar-menu a.is-active[href="/"] {

  40.   fill: #1a1a1a;

  41. }

  42. 

  43. #toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {

  44.   fill: #1a1a1a;

  45. }

  46. /*# sourceMappingURL=seven_icons.css.map */