|
|
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; }
| |
| #sitenav.navbar .navbar-collapse.collapsing { overflow: hidden !important; }
| |
| #sitenav.navbar .navbar-collapse .navbar-header { float: none; }
| |
| #sitenav.navbar .navbar-collapse .navbar-brand { width: 100%; height: auto; padding: 10px 10px 5px 10px; font-size: 14px; color: #CCC; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav { margin: 0; float: none; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav > li { float: none; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav > li > a { border-right: 0; border-left: 0; height: auto; color: #1D6D26; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 8px 25px 8px 15px; 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 .navbar-collapse .navbar-nav > li > a:hover,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav > li > a:focus,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav > li > a:active { color: #95100A; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li.open > a { background-image: none; background-color: #95100A; color: #FF8E20; }
| |
| #sitenav.navbar .navbar-collapse .navbar-right { float: none !important; }
| |
| #sitenav.navbar .navbar-collapse .navbar-right .dropdown-menu,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse {
| |
| margin-top: 5px;
| |
| float: none !important;
| |
| left: 0;
| |
| position: static;
| |
| background-color: transparent;
| |
| overflow-x: visible;
| |
| overflow-y: hidden;
| |
| display: none;
| |
| padding: 0;
| |
| list-style: square;
| |
| border: 0;
| |
| }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapsing {
| |
| display: block;
| |
| position: relative !important;
| |
| }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse.in {
| |
| overflow-y: auto;
| |
| display: block;
| |
| }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li { margin-left: 40px; color: #FF8E20; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a { color: #FF9818; line-height: 20px; padding: 5px 15px 5px 10px; background-color: transparent; background-image: none; }
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:hover,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:hover,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:focus,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:focus,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:active,
| |
| #sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:active { color: #95100A; }
| |
| #sitenav.navbar .navbar-collapse .sitenav-collapse-buffer { background: #1D6D26; height: 5px; margin-top: 5px; }
| |
| #sitenav-shadow { height: 50px; position: absolute; box-shadow: 0px 0px 15px 0px #300300; width: 100%; display: none; }
| |