You are here

Home » API reference » Ultimenu 8.2

ultimenu--htb-tabs.css in Ultimenu 8.2

Skin based on safe CSS file name: ultimenu--htb-tabs.

File

css/theme/ultimenu--htb-tabs.css
View source 
  1. /**

  2.  * @file

  3.  * Skin based on safe CSS file name: ultimenu--htb-tabs.

  4.  */

  5. 

  6. .ultimenu--htb-tabs .ultimenu__flyout {

  7.   background-color: #0779bf;

  8. }

  9. 

  10. .ultimenu--htb-tabs .ultimenu__link {

  11.   border-top: 1px solid transparent;

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

  13. }

  14. 

  15. .ultimenu--htb-tabs > li:hover > a,

  16. .ultimenu--htb-tabs .is-ultimenu-active {

  17.   background-color: #0779bf;

  18.   border-top: 1px solid #48a9e4;

  19.   color: #fff;

  20. }

  21. 

  22. .ultimenu--htb-tabs .ultimenu__flyout {

  23.   border-top: 1px solid #48a9e4;

  24. }

  25. 

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

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

  28.   .ultimenu--htb-tabs .block:first-child {

  29.     float: left;

  30.     width: 45%;

  31.   }

  32. 

  33.   .ultimenu--htb-tabs .block:nth-child(2) {

  34.     margin-left: 48%;

  35.   }

  36. 

  37.   .ultimenu--hover.ultimenu--htb-tabs > li > a,

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

  39.   .ultimenu--hover.ultimenu--htb-tabs-orange .is-active-trail > a {

  40.     border-radius: 5px 5px 0 0;

  41.   }

  42. 

  43.   .ultimenu--hover.ultimenu--htb-tabs li:hover > .ultimenu__flyout,

  44.   .ultimenu--hover.ultimenu--htb-tabs li a:focus + .ultimenu__flyout,

  45.   .ultimenu--hover.ultimenu--htb-tabs li .ultimenu__flyout:focus-within {

  46.     margin-top: -1px;

  47.   }

  48. }