52
edits
No edit summary |
No edit summary |
||
Line 481: | Line 481: | ||
} | } | ||
} | } | ||
/* Navbar */ | |||
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { | |||
background: none; | |||
} | |||
#sitenav.navbar { margin: 0; border-radius: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; background: #0F1B11; height: 50px; z-index: 10000; } | |||
@media (min-width: 1200px) { | |||
#sitenav-search-bar .form-control { width: 290px; } | |||
} | |||
@media (min-width: 992px) and (max-width: 1199px) { | |||
#sitenav.navbar.affix { width: 970px; } | |||
#sitenav-search-bar .form-control { width: 240px; } | |||
} | |||
@media (min-width: 992px) { | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a.games { padding-left: 15px; } | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a.wiki { width: 70px; } | |||
} | |||
@media (min-width: 1200px) { | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a.wiki { padding-left: 15px; } | |||
} | |||
#sitenav .navbar-collapse { padding-left: 0; } | |||
#sitenav .navbar-collapse.collapse { display: none !important; } | |||
#sitenav .navbar-collapse.collapse.in { display: block !important; } | |||
/* #sitenav.navbar .navbar-collapse.in { width: 100vw; } */ | |||
@media (max-height: 400px) { | |||
#sitenav.navbar .navbar-collapse.in { overflow-y: scroll; max-height: 80vh; } | |||
} | |||
#sitenav.navbar .navbar-brand { padding: 0; width: 50px; height: 50px; } | |||
#sitenav.navbar.affix .navbar-brand { display:block !important; } | |||
#sitenav.navbar #sitenav-search-bar { float: right; } | |||
#sitenav.navbar #sitenav-search-bar .btn-default, #sitenav.navbar #sitenav-search-bar a.btn-default { color: #1D6D26; background: rgba(0,0,0,0); -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; border: 1px solid #1D6D26; text-transform: uppercase; font-weight: bold; } | |||
#sitenav.navbar #sitenav-search-bar .btn-default:hover, #sitenav.navbar #sitenav-search-bar .btn-default:focus, #sitenav.navbar #sitenav-search-bar .btn-default:active, #sitenav.navbar #sitenav-search-bar a.btn-default:hover, #sitenav.navbar #sitenav-search-bar a.btn-default:active, #sitenav.navbar #sitenav-search-bar a.btn-default:focus { color: #FFF; background-color: #1D6D26; } | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a { | |||
border-right: 0; | |||
border-left: 0; | |||
height: 50px; | |||
color: #FFF; | |||
text-transform: uppercase; | |||
font-size: 14px; | |||
font-weight: bold; | |||
padding-top: 15px; | |||
padding-right: 25px; | |||
padding-left: 10px; | |||
text-shadow: none; | |||
-webkit-transition: color 0.1s ease-in-out; | |||
-moz-transition: color 0.1s ease-in-out; | |||
transition: color 0.1s ease-in-out; | |||
} | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li.open > a, | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:hover, | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:focus, | |||
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:active { color: #F3B333; } |