Difference between revisions of "Team:NKU China/css/bootsnav style"

Revision as of 09:51, 1 July 2017 (view source) Sherry J (Talk | contribs) ← Older edit		Revision as of 10:32, 1 July 2017 (view source) Sherry J (Talk | contribs) Newer edit →
Line 9:		Line 9:
	overflow-x: hidden;		overflow-x: hidden;
	}		}
−
−	body {
−	font-family: 'Open Sans', sans-serif;
−	position: relative;
−	font-size:14px;
−	line-height:24px;
−	color:#6f6f6f;
−	}
−
	a{		a{
	color: #6f6f6f;		color: #6f6f6f;
Line 33:		Line 24:
	transition: all 0.3s ease-in-out;		transition: all 0.3s ease-in-out;
	}		}
−
−	a:hover{
−	text-decoration:underline;
−	}
−
	h1, h2, h3, h4, h5, h6{		h1, h2, h3, h4, h5, h6{
	color:#3f3f3f;		color:#3f3f3f;
Line 89:		Line 75:
	/* Navbar Atribute ------*/		/* Navbar Atribute ------*/
	.attr-nav > ul > li > a{		.attr-nav > ul > li > a{
−	padding: 28px 15px;	+	padding: 2vmin auto;
	}		}
	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: #fff !important;	+	color: #FFFFFF !important;
−	padding: 10px 15px;	+	padding: 1vmin auto;
	}		}
Line 101:		Line 87:
	/* Navbar General ------*/		/* Navbar General ------*/
	nav.navbar ul.nav > li > a{		nav.navbar ul.nav > li > a{
−	padding: 30px 15px;	+	padding: 2vmin auto;
	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: 50px;	+	width: 100px;
	}		}
Line 116:		Line 102:
	margin-top: 0;		margin-top: 0;
	}		}
−		+
	nav.navbar .navbar-brand img.logo{		nav.navbar .navbar-brand img.logo{
−	width: 50px;	+	width: 100px;
	}		}
−		+
	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: 10px !important;	+	margin: 1vmin !important;
	}		}
−		+
	/* Navbar Full ------*/		/* Navbar Full ------*/
	nav.navbar-full .navbar-brand{		nav.navbar-full .navbar-brand{
Line 140:		Line 126:
	top: -15px;		top: -15px;
	}		}
−		+
	/* Navbar Sidebar ------*/		/* Navbar Sidebar ------*/
	nav.navbar-sidebar ul.nav,		nav.navbar-sidebar ul.nav,
Line 146:		Line 132:
	margin-bottom: 50px;		margin-bottom: 50px;
	}		}
−		+
	nav.navbar-sidebar ul.nav > li > a{		nav.navbar-sidebar ul.nav > li > a{
−	padding: 10px 15px;	+	padding: 2vmin auto;;
	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 157:		Line 143:
	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.3);	+	background-color: rgba(0,0,0,0.5);
	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 179:		Line 165:
	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 193:		Line 179:
	top: -2px;		top: -2px;
	}		}
−		+
	nav.navbar .navbar-brand img.logo{		nav.navbar .navbar-brand img.logo{
−	width: 30px;	+	width: 100px;
	}		}
−		+
	.attr-nav > ul > li > a{		.attr-nav > ul > li > a{
−	padding: 16px 15px 15px;	+	padding: 10px auto;
	}		}
−		+
	/* 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 212:		Line 198:
	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 218:		Line 204:
	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{	+	nav.navbar-full .navbar-brand{
	top: 0;		top: 0;
	padding-top: 10px;		padding-top: 10px;
Line 344:		Line 330:
	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 365:		Line 351:
	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 378:		Line 364:
	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 439:		Line 425:
	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: #f43438;	+	color: #5e53e4;
		+	}
		+	.dropdown-menu > li:hover{
		+	font-size: large;
		+	font-weight: 300;
		+	background-color: #ebebeb;
	}		}
−
	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 448:		Line 438:
	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: #f43438 !important;	+	color: #000 !important;
−	}	+	background-color: #ebebeb;
		+	}
	@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: #f43438 !important;	+	color: #5e53e4 !important;
		+	background-color: #ebebeb;
	}		}
	}		}

---

Revision as of 10:32, 1 July 2017

/* Typography =========================== */ html,body {

   width:100%;
   height: auto;
   margin:0;
   padding:0;
   overflow-x: hidden;

} a{

   color: #6f6f6f;

}

a, a:active, a:focus, a:hover{

   outline:none;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;

} h1, h2, h3, h4, h5, h6{

   color:#3f3f3f;
   margin:0 0 15px 0;
   letter-spacing: 1px;
   font-weight: bold;

}

h1{

   font-size:48px;
   line-height:52px;

}

h2{

   font-size:36px;
   line-height:48px;

}

h3{

   font-size:30px;
   line-height:36px;

}

h4{

   font-size:24px;
   line-height:30px;

}

h5{

   font-size:18px;
   line-height:24px;

}

h6{

   font-size:14px;
   line-height:18px;

}

p{

   margin-bottom:20px;

}

.section{

   padding: 70px 0;
   position: relative;

}

/* 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{

   font-size: large;
   font-weight: 300;
   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;

}