81 lines
2.6 KiB
SCSS
81 lines
2.6 KiB
SCSS
|
@charset "utf-8";
|
||
|
|
@import "variables";
|
||
|
|
$theme-white: #fff;
|
||
|
|
$orbit-bg-color: #333;
|
||
|
|
$orbit-bg-hover-color: #0095CF;
|
||
|
|
$orbit-border-color: #444;
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li:hover > a,
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li:hover > span,
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li:hover > label,
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul li.active {
|
||
|
|
background: $orbit-bg-hover-color;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner {
|
||
|
|
background: $orbit-bg-color;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
}
|
||
|
|
#orbit-bar #search {
|
||
|
|
border-right: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 550px) {
|
||
|
|
body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
|
||
|
|
width: 140px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 540px) {
|
||
|
|
body {
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > a,
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > span {
|
||
|
|
background-color: $orbit-bg-color;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner > label {
|
||
|
|
border-color: $theme-white;
|
||
|
|
color: $theme-white;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner > ul {
|
||
|
|
background: $orbit-bg-color;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul li.active {
|
||
|
|
background: $orbit-bg-hover-color;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul a {
|
||
|
|
color: $theme-white;
|
||
|
|
}
|
||
|
|
#orbit-bar .orbit-bar-inner > ul > li > ul li.divider {
|
||
|
|
background: none;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li + li {
|
||
|
|
border-top: 1px solid $orbit-border-color;
|
||
|
|
border-right: 1px solid $orbit-border-color;
|
||
|
|
box-sizing: border-box;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > ul {
|
||
|
|
background-color: $orbit-bg-color;
|
||
|
|
}
|
||
|
|
.orbit-bar-logo + ul > li {
|
||
|
|
border-bottom: 1px solid $orbit-border-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|