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

Revision as of 06:34, 1 July 2017 (view source) Sherry J (Talk | contribs) (Created page with "/* Navbar Adjusment =========================== */ →‎Navbar Atribute ------: .attr-nav > ul > li > a{ padding: 28px 15px; } ul.cart-list > li.total > .btn{ border-b...")		Latest revision as of 15:37, 16 September 2017 (view source) Sherry J (Talk | contribs)
(15 intermediate revisions by the same user not shown)
Line 1:		Line 1:
−	/*
	Navbar Adjusment		Navbar Adjusment
	=========================== */		=========================== */
	/* 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 16:		Line 15:
	/* 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 31:		Line 30:
	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 55:		Line 54:
	top: -15px;		top: -15px;
	}		}
−		+
	/* Navbar Sidebar ------*/		/* Navbar Sidebar ------*/
	nav.navbar-sidebar ul.nav,		nav.navbar-sidebar ul.nav,
Line 61:		Line 60:
	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 72:		Line 71:
	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 94:		Line 93:
	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 108:		Line 107:
	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 127:		Line 126:
	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 133:		Line 132:
	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 259:		Line 258:
	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 280:		Line 279:
	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 293:		Line 292:
	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 354:		Line 353:
	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:#a49ef0;	+	color: #5e53e4;
−	}	+	}
−		+	.dropdown-menu > li:hover{
		+	color:#000;
		+	font-weight: 150;
		+	}
	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 363:		Line 365:
	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: #e4b9b9 !important;	+	color: #000 !important;
−	}	+	background-color: #ebebeb;
		+	}
	@media(max-width:920px){		@media(max-width:920px){
Line 370:		Line 373:
	nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{		nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
	color: #5e53e4 !important;		color: #5e53e4 !important;
		+	background-color: #ebebeb;
	}		}
	}		}
Line 381:		Line 385:
	nav.navbar li.dropdown ul.dropdown-menu{		nav.navbar li.dropdown ul.dropdown-menu{
−	border-top-color: #a6e1ec !important;	+	border-top-color: #f43438 !important;
	}		}
Line 387:		Line 391:
	Background		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;
		+	}

---

Latest revision as of 15:37, 16 September 2017

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{

   color:#000;
   font-weight: 150;
   }

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;

}