ultimenu--htb-tabs-blue.css in Ultimenu 8

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

File

skins/ultimenu--htb-tabs-blue.css

/**
 * @file
 * Skin based on safe CSS file name: ultimenu--htb-tabs-blue.
 */
.ultimenu--htb-tabs-blue .block:first-child {
  float: left;
  width: 45%;
}

.ultimenu--htb-tabs-blue .block:nth-child(2) {
  margin-left: 48%;
}

.ultimenu--htb-tabs-blue .ultimenu__flyout {
  background-color: #0779bf;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  -ms-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
}

.ultimenu--htb-tabs-blue .region {
  background: #fff;
  font-size: 13px;
  padding: 20px;
}

.ultimenu--htb-tabs-blue .block {
  display: block;
  padding: 1em;
}

.ultimenu--htb-tabs-blue .ultimenu__link {
  border-top: 1px solid transparent;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  padding: 0.5em 1.5em 0.75em;
  position: relative;
  z-index: 103; /*Above the flyout z-index: 102*/
}

.ultimenu--htb-tabs-blue .ultimenu__link > small {
  font-weight: 400;
}

.ultimenu--htb-tabs-blue > li:hover > a,
.ultimenu--htb-tabs-blue .ultimenu__link.is-active {
  background-color: #0779bf;
  border-radius: 5px;
  border-top: 1px solid #48a9e4;
  color: #fff;
}

.ultimenu--htb-tabs-blue .ultimenu__link:hover,
.ultimenu--htb-tabs-blue .ultimenu__link.is-active {
  color: #fff;
}

.ultimenu--htb-tabs-blue .ultimenu__link.is-active {
  background-color: #0779bf;
  border-radius: 5px;
}

.ultimenu--htb-tabs-blue > li.has-ultimenu:hover > a {
  background-color: #0779bf;
  border-radius: 5px 5px 0 0;
}

.ultimenu--htb-tabs-blue > li:hover .ultimenu__flyout {
  margin-top: -6px;
}

.ultimenu--htb-tabs-blue .ultimenu__flyout {
  border-top: 1px solid #48a9e4;
}

/**
 * Bartik header has links white
 */
.ultimenu--htb-tabs-blue .ultimenu__flyout a:link,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:visited {
  color: #0071b3;
}

.ultimenu--htb-tabs-blue .ultimenu__flyout a:hover,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:active {
  color: #018fe2;
}