Team:NKU China/css/bootsnav style

Navbar Adjusment =========================== */ /* Navbar Atribute ------*/ .attr-nav > ul > li > a{

   padding: 2vmin auto;

}

ul.cart-list > li.total > .btn{

   border-bottom: solid 1px #cfcfcf !important;
   color: #FFFFFF !important;
   padding: 1vmin auto;

}

@media (min-width: 1024px) {

   /* Navbar General ------*/
   nav.navbar ul.nav > li > a{
       padding: 2vmin auto;
       font-weight: 600;
   }

   nav.navbar .navbar-brand{
       margin-top: 0;
   }

   nav.navbar .navbar-brand img.logo{
       width: 100px;
   }

   nav.navbar .navbar-brand{
       margin-top: 0;
   }

   nav.navbar .navbar-brand img.logo{
       width: 100px;
   }

   nav.navbar li.dropdown ul.dropdown-menu{
       border-top: solid 5px;
   }

   /* Navbar Center ------*/
   nav.navbar-center .navbar-brand{
       margin: 0 !important;
   }

   /* Navbar Brand Top ------*/
   nav.navbar-brand-top .navbar-brand{
       margin: 1vmin !important;
   }

   /* Navbar Full ------*/
   nav.navbar-full .navbar-brand{
       position: relative;
       top: -15px;
   }

   /* Navbar Sidebar ------*/
   nav.navbar-sidebar ul.nav,
   nav.navbar-sidebar .navbar-brand{
       margin-bottom: 50px;
   }

   nav.navbar-sidebar ul.nav > li > a{
       padding: 2vmin auto;;
       font-weight: bold;
   }

   /* Navbar Transparent & Fixed ------*/
   nav.navbar.bootsnav.navbar-transparent.white{
       background-color: rgba(255,255,255,0.3);
       border-bottom: solid 1px #bbb;
   }

   nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
   nav.navbar.bootsnav.navbar-transparent.dark{
       background-color: rgba(0,0,0,0.5);
       border-bottom: solid 1px #555;
   }

   nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
       border-left: solid 1px #bbb;
   }

   nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
   nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
       border-left: solid 1px #555;
   }

   nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
   nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
   nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
   nav.navbar.bootsnav.no-background.white ul.nav > li > a{
       color: #fff;
   }

   nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
   nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
       color: #eee;
   }

}

@media (max-width: 992px) {

   /* Navbar General ------*/
   nav.navbar .navbar-brand{
       margin-top: 0;
       position: relative;
       top: -2px;
   }

   nav.navbar .navbar-brand img.logo{
       width: 100px;
   }

   .attr-nav > ul > li > a{
       padding: 10px auto;
   }

   /* Navbar Mobile slide ------*/
   nav.navbar.navbar-mobile ul.nav > li > a{
       padding: 15px 15px;
   }

   nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
       padding-right: 15px !important;
       padding-top: 15px !important;
       padding-bottom: 15px !important;
   }

   nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
       padding-right: 30px !important;
       padding-top: 13px !important;
       padding-bottom: 13px !important;
   }

   nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
       padding-top: 13px !important;
       padding-bottom: 13px !important;
   }

   /* Navbar Full ------*/
   nav.navbar-full .navbar-brand{
       top: 0;
       padding-top: 10px;
   }

}

/* Navbar Inverse =================================*/ nav.navbar.navbar-inverse{

   background-color: #222;
   border-bottom: solid 1px #303030;

}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{

   border-bottom: solid 1px #222 !important;

}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{

   color: #fff;

}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav > li > a{

   color: #eee;

}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{

   background-color: #222;

}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{

   color: #999;

}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{

   color: #fff;

}

nav.navbar.navbar-inverse .form-control{

   background-color: #333;
   border-color: #303030;
   color: #fff;

}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{

   color: #eee;

}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{

   background-color: #222;
   border-left: solid 1px #303030;
   border-bottom: solid 1px #303030;
   border-right: solid 1px #303030;

}

nav.navbar.navbar-inverse ul.cart-list > li{

   border-bottom: solid 1px #303030;
   color: #eee;

}

nav.navbar.navbar-inverse ul.cart-list > li img{

   border: solid 1px #303030;

}

nav.navbar.navbar-inverse ul.cart-list > li.total{

   background-color: #333;

}

nav.navbar.navbar-inverse .share ul > li > a{

   background-color: #555;

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{

   border-right: solid 1px #303030;

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{

   border-bottom: solid 1px #303030;

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{

   border-left: solid 1px #303030;

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{

   background-color: #333 !important;

}

nav.navbar-inverse.navbar-full ul.nav > li > a{

   border:none;

}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{

   background-color: #222;

}

nav.navbar-inverse.navbar-full .navbar-toggle{

   background-color: #222 !important;
   color: #6f6f6f;

}

@media (min-width: 1024px) {

   nav.navbar.navbar-inverse ul.nav .dropdown-menu{
       background-color: #222 !important;
       border-left: solid 1px #303030 !important;
       border-bottom: solid 1px #303030 !important;
       border-right: solid 1px #303030 !important;
   }

   nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
       border-bottom: solid 1px #303030;
   }

   nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
       border-left: solid 1px #303030;
       border-right: solid 1px #303030;
   }

   nav.navbar.navbar-inverse.navbar-transparent.dark{
       background-color: rgba(0,0,0,0.3);
       border-bottom: solid 1px #999;
   }

   nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
       border-left: solid 1px #999;
   }

   nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
   nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
   nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
   nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
       color: #fff;
   }

   nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
   nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
   nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
   nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
       color: #3f3f3f;
   }

} @media (max-width: 992px) {

   nav.navbar.navbar-inverse .navbar-toggle{
       color: #eee;
       background-color: #222 !important;
   }

   nav.navbar.navbar-inverse .navbar-nav > li > a{
       border-top: solid 1px #303030;
       border-bottom: solid 1px #303030;
   }

   nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
       color: #999;
       border-bottom: solid 1px #303030;
   }

   nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
       border-bottom: solid 1px #303030;
       color: #eee;
   }

   nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
       border-bottom: solid 1px #303030;
       color: #999 !important;
   }

   nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
       border-bottom: solid 1px #303030;
   }

   nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
       border-top: solid 1px #303030;
   }

   nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
       background-color: #222;
   }

}

@media (max-width: 767px) {

   nav.navbar.navbar-inverse.navbar-mobile ul.nav{
       border-top: solid 1px #222;
   }

}

/* Color =========================== */ nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav > li.active > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover{

   color: #5e53e4;
   }

.dropdown-menu > li:hover{

   background-color: #ebebeb;

} nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a{

   color: #000 !important;
   background-color: #ebebeb;
   }

@media(max-width:920px){

   nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
   nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
       color: #5e53e4 !important;
       background-color: #ebebeb;
   }

}

/* Border =========================== */ ul.cart-list > li.total > .btn{

   border-color: #f43438;

}

nav.navbar li.dropdown ul.dropdown-menu{

   border-top-color: #f43438 !important;

}

/* Background =========================== */ ul.cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus{

   background-color: #f43438;

}