Preview: menustyle.css
Size: 7.58 KB
/home/godevadmin/public_html/css/menustyle.css
body {
font-weight: 400;
font-size: 13px;
color: #777;
font-family: Raleway;
}
/* -------------------------------------------------------------------------------- */
/* Navigation/* -------------------------------------------------------------------------------- */
#wow-menu {
padding:10px;
transition:all 0.8s;
}
#wow-menu.navbar-default {
background-color:#fff;
border:0;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.05);
-moz-box-shadow:0 2px 3px rgba(0,0,0,0.05);
box-shadow:0 2px 3px rgba(0,0,0,0.05);
}
#wow-menu a.navbar-brand {
text-transform:uppercase;
font-size:22px;
color:#444;
font-weight:800;
}
#wow-menu.navbar-default .navbar-nav>li>a {
text-transform:uppercase;
font-size:13px;
font-weight:700;
}
.on {
background-color:#fff !Important;
padding:0 !important;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
color:#25c5ed;
background-color:transparent;
font-weight:700;
}
.navbar-toggle {
border-radius:0;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color:#25c5ed;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
background-color:#FFF;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background-color:transparent;
}
.navbar-nav>li>.dropdown-menu {
border-radius:0;
background:#fff;
border:0;
border-top:3px solid #25c5ed;
font-size:13px;
margin-top:10px;
}
.on .navbar-nav>li>.dropdown-menu {
margin-top:0px;
}
.dropdown-menu>li>a {
padding:10px 20px;
color:#444;
border-bottom:1px solid #eee;
}
.dropdown-menu>li:last-child>a {
border-bottom:0;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
color:#25c5ed;
text-decoration:none;
background-color: transparent;
}
.navbar-brand>img {
margin-top:-5px;
-webkit-transition:.4s;
/* For Safari 3.1 to 6.0 */
transition:.4s;
}
.on .navbar-brand>img {
max-width:80%;
margin-top:0;
}
li.checkoutmenu {
position:relative;
margin-top:-41px;
float:right;
list-style:none;
border:#25c5ed 1px solid;
padding:4px 10px;
font-size:13px;
font-weight:700;
display: none
}
/*==============================================* STILL MENU...*===============================================*/
@media only screen and (min-width:768px) {
li.checkoutmenu {
display:block;
}
.navbar-right .dropdown-menu {
right:0;
left:-50%;
width:200px;
}
.navbar-right {
}
.navbar-right .dropdown-menu ul {
right:0;
left:-50%;
width:200px;
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background-color:#fff;
border-color:#eee;
}
.navbar-nav ul.sub-menu {
list-style:none;
padding:0;
margin:0;
position:absolute;
z-index:99999;
position:absolute;
min-width:190px;
max-width:100%;
left:100%;
top:-8px;
box-shadow:1px 1px 30px rgba(0,0,0,0.06);
}
.navbar-nav li.menu-item-has-children {
position:relative;
}
.navbar-nav li.menu-item-has-children ul.sub-menu {
visibility:hidden;
background-color:#fff;
border-radius:0;
border:0;
border-top:3px solid #25c5ed;
}
.navbar-nav li.menu-item-has-children ul.sub-menu li {
border-bottom:1px solid #eee;
}
.navbar-nav li.menu-item-has-children ul.sub-menu li:last-child {
border-bottom:0;
}
.navbar-nav li.menu-item-has-children ul.sub-menu li a {
display:block;
font-size:13px;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
color:inherit;
padding:10px 20px;
margin:0 15px;
border-bottom:0;
}
.navbar-nav li.menu-item-has-children ul.sub-menu li a:hover {
color:#00cfef;
}
.navbar-nav li.menu-item-has-children ul.sub-menu li:last-child a {
border-bottom:0px;
}
.navbar-nav li.menu-item-has-children:hover ul.sub-menu {
visibility:visible;
}
.navbar-nav ul.sub-menu ul.sub-menu {
list-style:none;
padding:0;
margin:0;
position:absolute;
z-index:99999;
left:100%;
margin-top:-1px;
}
.navbar-nav ul.sub-menu li.menu-item-has-children {
position:relative;
}
.navbar-nav ul.sub-menu li.menu-item-has-children ul.sub-menu {
visibility:hidden;
background-color:#fff;
border-top:3px solid;
border-color:#00cfef;
}
.navbar-nav ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
display:block;
font-size:13px;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
color:inherit;
padding:7px 0;
margin:0 15px;
border-bottom:1px solid #ececec;
}
.navbar-nav ul.sub-menu li.menu-item-has-children ul.sub-menu li:last-child a {
border-bottom:0px;
}
.navbar-nav ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
visibility:visible;
position:absolute;
top:0px;
right: 0px;
}
.dropdown-menu>li a.dropdown-toggle:after {
content: "\f0da";
font-family:FontAwesome;
margin-left:7px;
}
}
/* -------------------------------------------------------------------------------- */
/* Page Header/* -------------------------------------------------------------------------------- */
.homeimgbtn {
border:1px solid;
padding:10px 25px;
font-size:14px;
color:#fff;
font-weight:300;
letter-spacing:1px;
display:inline-block;
}
.headerimage {
width:100%;
background-color:#000;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
color:#fff;
background-attachment:fixed;
position:relative;
margin-top:70px;
}
.headerimage p.lead {
color:#fff;
font-size:20px;
font-weight:300;
letter-spacing:1px;
}
.headerimage:after {
content:'';
width:100%;
height:100%;
overflow:hidden;
z-index:1;
display:block;
position:absolute;
top:0;
left:0;
background-color:#000000;
opacity:0.5;
}
.headerimage h1 {
color:#fff;
margin-top:0;
margin-bottom:0;
font-weight:600;
font-size:20px;
text-transform:uppercase;
}
.headerimage h1 span {
}
.headercontent {
font-weight:800;
z-index:2;
position:relative;
color:#fff;
padding:35px 0;
}
.headercontent .breadc {
font-weight:300;
margin-top:0px;
text-transform:capitalize;
}
.headercontent .breadc a {
color:#fff;
}
.headercontent.home {
padding:200px 0;
}
.headercontent.home h1 {
font-size:60px;
margin-bottom:10px;
font-weight: 800;
}
@media only screen and (max-width:1200px) {
.widget .section-title span {
padding:10px 2px;
}
}
@media only screen and (max-width:767px) {
.wowitembox, #homepagetemplate .wowitembox {
width:50%;
}
.templatemyaccount .wraplogin,.templatemyaccount .wrapregister {
width:100%;
}
.templatemyaccount span.or {
display:none;
}
.templatemyaccount .wrapregister {
margin-top:30px;
}
.navbar-nav li.menu-item-has-children ul.sub-menu{
display:block !important;
visibility:visible;
padding-left:20px;
}
.dropdown-menu>li a.dropdown-toggle:after {content: "\f0d7";font-family:FontAwesome;margin-left:5px;}
.navbar-nav>li>.dropdown-menu {
padding-left:20px;
}
}
@media only screen and (max-width:490px) {
.wowitembox, #homepagetemplate .wowitembox {
width: 100%;
}
}
Directory Contents
Dirs: 0 × Files: 26