Difference between revisions of "Team:NKU China/css/bootsnav style"
| Line 1: | Line 1: | ||
| + | /* | ||
Navbar Adjusment | Navbar Adjusment | ||
=========================== */ | =========================== */ | ||
/* Navbar Atribute ------*/ | /* Navbar Atribute ------*/ | ||
.attr-nav > ul > li > a{ | .attr-nav > ul > li > a{ | ||
| − | padding: | + | padding: 28px 15px; |
} | } | ||
ul.cart-list > li.total > .btn{ | ul.cart-list > li.total > .btn{ | ||
border-bottom: solid 1px #cfcfcf !important; | border-bottom: solid 1px #cfcfcf !important; | ||
| − | color: # | + | color: #fff !important; |
| − | padding: | + | padding: 10px 15px; |
} | } | ||
| Line 15: | Line 16: | ||
/* Navbar General ------*/ | /* Navbar General ------*/ | ||
nav.navbar ul.nav > li > a{ | nav.navbar ul.nav > li > a{ | ||
| − | padding: | + | padding: 30px 15px; |
font-weight: 600; | font-weight: 600; | ||
} | } | ||
| − | + | ||
nav.navbar .navbar-brand{ | nav.navbar .navbar-brand{ | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
| − | + | ||
nav.navbar .navbar-brand img.logo{ | nav.navbar .navbar-brand img.logo{ | ||
| − | width: | + | width: 50px; |
} | } | ||
| Line 30: | Line 31: | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
| − | + | ||
nav.navbar .navbar-brand img.logo{ | nav.navbar .navbar-brand img.logo{ | ||
| − | width: | + | width: 50px; |
} | } | ||
| − | + | ||
nav.navbar li.dropdown ul.dropdown-menu{ | nav.navbar li.dropdown ul.dropdown-menu{ | ||
border-top: solid 5px; | border-top: solid 5px; | ||
} | } | ||
| − | + | ||
/* Navbar Center ------*/ | /* Navbar Center ------*/ | ||
nav.navbar-center .navbar-brand{ | nav.navbar-center .navbar-brand{ | ||
margin: 0 !important; | margin: 0 !important; | ||
} | } | ||
| − | + | ||
/* Navbar Brand Top ------*/ | /* Navbar Brand Top ------*/ | ||
nav.navbar-brand-top .navbar-brand{ | nav.navbar-brand-top .navbar-brand{ | ||
| − | margin: | + | margin: 10px !important; |
} | } | ||
| − | + | ||
/* Navbar Full ------*/ | /* Navbar Full ------*/ | ||
nav.navbar-full .navbar-brand{ | nav.navbar-full .navbar-brand{ | ||
| Line 54: | Line 55: | ||
top: -15px; | top: -15px; | ||
} | } | ||
| − | + | ||
/* Navbar Sidebar ------*/ | /* Navbar Sidebar ------*/ | ||
nav.navbar-sidebar ul.nav, | nav.navbar-sidebar ul.nav, | ||
| Line 60: | Line 61: | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
} | } | ||
| − | + | ||
nav.navbar-sidebar ul.nav > li > a{ | nav.navbar-sidebar ul.nav > li > a{ | ||
| − | padding: | + | padding: 10px 15px; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | + | ||
/* Navbar Transparent & Fixed ------*/ | /* Navbar Transparent & Fixed ------*/ | ||
nav.navbar.bootsnav.navbar-transparent.white{ | nav.navbar.bootsnav.navbar-transparent.white{ | ||
| Line 71: | Line 72: | ||
border-bottom: solid 1px #bbb; | border-bottom: solid 1px #bbb; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, | nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, | ||
nav.navbar.bootsnav.navbar-transparent.dark{ | nav.navbar.bootsnav.navbar-transparent.dark{ | ||
| − | background-color: rgba(0,0,0,0. | + | background-color: rgba(0,0,0,0.3); |
border-bottom: solid 1px #555; | border-bottom: solid 1px #555; | ||
} | } | ||
| − | + | ||
nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ | nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ | ||
border-left: solid 1px #bbb; | border-left: solid 1px #bbb; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, | nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, | ||
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{ | nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{ | ||
border-left: solid 1px #555; | border-left: solid 1px #555; | ||
} | } | ||
| − | + | ||
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, | 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 .attr-nav > ul > li > a, | ||
| Line 93: | Line 94: | ||
color: #fff; | color: #fff; | ||
} | } | ||
| − | + | ||
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, | nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, | ||
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{ | nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{ | ||
| Line 107: | Line 108: | ||
top: -2px; | top: -2px; | ||
} | } | ||
| − | + | ||
nav.navbar .navbar-brand img.logo{ | nav.navbar .navbar-brand img.logo{ | ||
| − | width: | + | width: 30px; |
} | } | ||
| − | + | ||
.attr-nav > ul > li > a{ | .attr-nav > ul > li > a{ | ||
| − | padding: | + | padding: 16px 15px 15px; |
} | } | ||
| − | + | ||
/* Navbar Mobile slide ------*/ | /* Navbar Mobile slide ------*/ | ||
nav.navbar.navbar-mobile ul.nav > li > a{ | nav.navbar.navbar-mobile ul.nav > li > a{ | ||
padding: 15px 15px; | padding: 15px 15px; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{ | nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{ | ||
padding-right: 15px !important; | padding-right: 15px !important; | ||
| Line 126: | Line 127: | ||
padding-bottom: 15px !important; | padding-bottom: 15px !important; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ | nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ | ||
padding-right: 30px !important; | padding-right: 30px !important; | ||
| Line 132: | Line 133: | ||
padding-bottom: 13px !important; | padding-bottom: 13px !important; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ | nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ | ||
padding-top: 13px !important; | padding-top: 13px !important; | ||
padding-bottom: 13px !important; | padding-bottom: 13px !important; | ||
} | } | ||
| − | + | ||
/* Navbar Full ------*/ | /* Navbar Full ------*/ | ||
| − | + | nav.navbar-full .navbar-brand{ | |
top: 0; | top: 0; | ||
padding-top: 10px; | padding-top: 10px; | ||
| Line 228: | Line 229: | ||
} | } | ||
| + | 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{ | nav.navbar-inverse.navbar-full ul.nav > li > a{ | ||
| Line 253: | Line 259: | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{ | nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{ | ||
border-left: solid 1px #303030; | border-left: solid 1px #303030; | ||
border-right: solid 1px #303030; | border-right: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.navbar-transparent.dark{ | nav.navbar.navbar-inverse.navbar-transparent.dark{ | ||
background-color: rgba(0,0,0,0.3); | background-color: rgba(0,0,0,0.3); | ||
border-bottom: solid 1px #999; | border-bottom: solid 1px #999; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{ | nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{ | ||
border-left: solid 1px #999; | border-left: solid 1px #999; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, | 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 .attr-nav > ul > li > a, | ||
| Line 274: | Line 280: | ||
color: #fff; | 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 .attr-nav > ul > li > a, | nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, | ||
| Line 287: | Line 293: | ||
background-color: #222 !important; | background-color: #222 !important; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse .navbar-nav > li > a{ | nav.navbar.navbar-inverse .navbar-nav > li > a{ | ||
border-top: solid 1px #303030; | border-top: solid 1px #303030; | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a{ | nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a{ | ||
color: #999; | color: #999; | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{ | nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{ | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
color: #eee; | color: #eee; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{ | nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{ | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
color: #999 !important; | color: #999 !important; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{ | nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{ | ||
border-bottom: solid 1px #303030; | border-bottom: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{ | nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{ | ||
border-top: solid 1px #303030; | border-top: solid 1px #303030; | ||
} | } | ||
| − | + | ||
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{ | nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{ | ||
background-color: #222; | background-color: #222; | ||
| Line 348: | Line 354: | ||
nav.navbar ul.nav li.active > a, | nav.navbar ul.nav li.active > a, | ||
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{ | nav.navbar li.dropdown ul.dropdown-menu > li a:hover{ | ||
| − | color:# | + | color:#a49ef0; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | |||
nav.navbar.navbar-transparent ul.nav > li > a:hover, | nav.navbar.navbar-transparent ul.nav > li > a:hover, | ||
nav.navbar.no-background ul.nav > li > a:hover, | nav.navbar.no-background ul.nav > li > a:hover, | ||
| Line 362: | Line 363: | ||
nav.navbar ul.nav li.dropdown.on > a, | nav.navbar ul.nav li.dropdown.on > a, | ||
nav.navbar-dark ul.nav li.dropdown.on > a{ | nav.navbar-dark ul.nav li.dropdown.on > a{ | ||
| − | color: # | + | color: #e4b9b9 !important; |
| − | + | } | |
| − | + | ||
@media(max-width:920px){ | @media(max-width:920px){ | ||
nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, | nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, | ||
nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{ | nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{ | ||
| − | color: # | + | color: #5e53e4 !important; |
| − | + | } | |
} | } | ||
| Line 381: | Line 381: | ||
nav.navbar li.dropdown ul.dropdown-menu{ | nav.navbar li.dropdown ul.dropdown-menu{ | ||
| − | border-top-color: # | + | border-top-color: #a6e1ec !important; |
} | } | ||
| Line 387: | Line 387: | ||
Background | Background | ||
=========================== */ | =========================== */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 15:28, 16 September 2017
/* Navbar Adjusment =========================== */ /* Navbar Atribute ------*/ .attr-nav > ul > li > a{
padding: 28px 15px;
}
ul.cart-list > li.total > .btn{
border-bottom: solid 1px #cfcfcf !important; color: #fff !important; padding: 10px 15px;
}
@media (min-width: 1024px) {
/* Navbar General ------*/
nav.navbar ul.nav > li > a{
padding: 30px 15px;
font-weight: 600;
}
nav.navbar .navbar-brand{
margin-top: 0;
}
nav.navbar .navbar-brand img.logo{
width: 50px;
}
nav.navbar .navbar-brand{
margin-top: 0;
}
nav.navbar .navbar-brand img.logo{
width: 50px;
}
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: 10px !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: 10px 15px;
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.3);
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: 30px;
}
.attr-nav > ul > li > a{
padding: 16px 15px 15px;
}
/* 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:#a49ef0;
}
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: #e4b9b9 !important;
}
@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;
}
}
/* Border =========================== */ ul.cart-list > li.total > .btn{
border-color: #f43438;
}
nav.navbar li.dropdown ul.dropdown-menu{
border-top-color: #a6e1ec !important;
}
/* Background =========================== */
