You are here

Home » API reference » Ultimenu 8.2

ultimenu--dark-white.css in Ultimenu 8.2

Skin based on safe CSS file name: ultimenu--dark-white.

File

css/theme/ultimenu--dark-white.css
View source 
  1. /**

  2.  * @file

  3.  * Skin based on safe CSS file name: ultimenu--dark-white.

  4.  */

  5. 

  6. .ultimenu--dark-white {

  7.   background-color: #222;

  8. }

  9. 

  10. .ultimenu--dark-white .ultimenu__flyout {

  11.   background-color: #111;

  12. }

  13. 

  14. .ultimenu--dark-white .ultimenu__link {

  15.   border-top: 1px solid transparent;

  16.   color: #eaeaea;

  17.   z-index: 103; /* Above the flyout z-index: 102. */

  18. }

  19. 

  20. /* @todo is-active https://www.drupal.org/node/2281785 */

  21. .ultimenu--dark-white > li:hover > a,

  22. /** Unfortunaly is-active is unreliable, it goes on scroll/ ajax. */

  23. .ultimenu--dark-white .is-ultimenu-active,

  24. .ultimenu--dark-white .is-active-trail > a {

  25.   background-color: #111;

  26.   border-top: 1px solid #777;

  27.   color: #fff;

  28. }

  29. 

  30. .ultimenu--dark-white .ultimenu__flyout {

  31.   border-top: 1px solid #333;

  32. }

  33. 

  34. /** 944px with 16px base font. */

  35. @media only screen and (min-width: 59em) {

  36.   .ultimenu--hover.ultimenu--dark-white li:hover > .ultimenu__flyout,

  37.   .ultimenu--hover.ultimenu--dark-white li a:focus + .ultimenu__flyout,

  38.   .ultimenu--hover.ultimenu--dark-white li .ultimenu__flyout:focus-within {

  39.     margin-top: -1px;

  40.   }

  41. }