132 lines
3.4 KiB
CSS
132 lines
3.4 KiB
CSS
a.meanmenu-reveal{display:none}
|
|
.mean-container .mean-bar {
|
|
background: #000000;
|
|
float: left;
|
|
min-height: 60px;
|
|
padding: 4px 0 0;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 999;
|
|
}
|
|
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
|
|
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
|
|
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
|
|
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
|
|
.mean-container .mean-nav ul li {
|
|
background: #f8f8f8;
|
|
float: left;
|
|
position: relative;
|
|
width: 100%;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.mean-container .mean-nav ul li a {
|
|
background: #f8f8f8;
|
|
color: #232323;
|
|
display: block;
|
|
float: left;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 1em 5%;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
text-transform: capitalize;
|
|
width: 90%;
|
|
}
|
|
.mobile-menu-area {
|
|
background: #262626;
|
|
}
|
|
.mean-container .mean-nav ul li li a {
|
|
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
|
color: #232323;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
opacity: 0.75;
|
|
padding: 1em 10%;
|
|
text-shadow: none !important;
|
|
text-transform: capitalize;
|
|
visibility: visible;
|
|
width: 80%;
|
|
}
|
|
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
|
|
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
|
|
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
|
|
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
|
|
.mean-container .mean-nav ul li a:hover {
|
|
background: #f8f8f8 none repeat scroll 0 0;
|
|
}
|
|
.mean-container .mean-nav ul li a.mean-expand {
|
|
|
|
height: 15px;
|
|
margin-top: 1px;
|
|
padding: 12px !important;
|
|
text-align: right;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
font-weight: 700;
|
|
border: 0 !important;
|
|
background: #F8F8F8;
|
|
}
|
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
|
background: #f8f8f8;
|
|
}
|
|
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
|
|
.mean-nav .wrapper{width:100%;padding:0;margin:0}
|
|
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
|
|
.mean-remove{display:none!important}
|
|
.mean-container .mean-bar::after {
|
|
color: #ffffff;
|
|
content: "MENU";
|
|
font-size: 21px;
|
|
left: 5%;
|
|
position: absolute;
|
|
top: 12px;
|
|
}
|
|
|
|
|
|
/* -------------------------------
|
|
39. Mobile menu
|
|
----------------------------------*/
|
|
.mean-container .mean-bar::after {
|
|
display: none;
|
|
}
|
|
.mean-container .mean-nav ul li a:hover {
|
|
border-radius: 0;
|
|
}
|
|
.mean-container a.meanmenu-reveal span {
|
|
background: #fff;
|
|
}
|
|
.mobile-menu-area {
|
|
background: #fff none repeat scroll 0 0;
|
|
}
|
|
.mean-container .mean-nav ul li a.mean-expand {
|
|
background: none;
|
|
top: -4px;
|
|
}
|
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
|
background: none;
|
|
}
|
|
.mean-container .mean-nav ul li {
|
|
background: #444;
|
|
}
|
|
.mean-container a.meanmenu-reveal {
|
|
color: #fff;
|
|
}
|
|
.meanmenu-reveal.meanclose:hover {
|
|
color: #fff !important;
|
|
}
|
|
.mean-container a.meanmenu-reveal:hover span {
|
|
background: #fff;
|
|
}
|
|
.mean-container .mean-bar::before {
|
|
color: #fff;
|
|
content: "MetatronCube";
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
left: 10px;
|
|
position: absolute;
|
|
top: 18px;
|
|
}
|
|
|