MediaWiki:Common.css: Difference between revisions

Want an adless experience? Log in or Create an account.
no edit summary
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; }