/*! ####################################################################### | |
MeanMenu 2.0.7 | |
-------- | |
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) | |
####################################################################### */ | |
/* hide the link until viewport size is reached */ | |
a.meanmenu-reveal { | |
display: none; | |
} | |
/* when under viewport size, .mean-container is added to body */ | |
.mean-container .mean-bar { | |
float: left; | |
width: 100%; | |
position: relative; | |
background: #e8e5e0; | |
padding: 4px 0; | |
min-height: 42px; | |
z-index: 999999; | |
} | |
.mean-container a.meanmenu-reveal { | |
width: 22px; | |
height: 22px; | |
padding: 13px 13px 11px 13px; | |
position: absolute; | |
top: 0; | |
right: 0; | |
cursor: pointer; | |
color: #c97644; | |
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; | |
} | |
.mean-container a.meanmenu-reveal span { | |
display: block; | |
background: #c97644; | |
height: 3px; | |
margin-top: 3px; | |
} | |
.mean-container .mean-nav { | |
float: left; | |
width: 100%; | |
background: #e8e5e0; | |
margin-top: 44px; | |
} | |
.mean-container .mean-nav ul { | |
padding: 0; | |
margin: 0; | |
width: 100%; | |
list-style-type: none; | |
font-weight:600; | |
} | |
.mean-container .mean-nav ul li { | |
position: relative; | |
float: left; | |
width: 100%; | |
margin-bottom:0; | |
} | |
.mean-container .mean-nav ul li a { | |
display: block; | |
float: left; | |
width: 90%; | |
padding: 1em 5%; | |
margin: 0; | |
text-align: left; | |
color: #c97644; | |
border-top: 1px solid #c97644; | |
border-top: 1px solid rgba(255,255,255,0.8); | |
text-decoration: none; | |
text-transform: uppercase; | |
} | |
.mean-container .mean-nav ul li li a { | |
width: 80%; | |
padding: 1em 10%; | |
border-top: 1px solid #f1f1f1; | |
border-top: 1px solid rgba(255,255,255,0.25); | |
/* opacity: 0.75; | |
filter: alpha(opacity=75);*/ | |
text-shadow: none !important; | |
visibility: visible; | |
} | |
.mean-container .mean-nav ul li.mean-last a { | |
border-bottom: none; | |
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: #252525; | |
background: rgba(255,255,255,0.1); | |
} | |
.mean-container .mean-nav ul li a.mean-expand { | |
margin-top: 1px; | |
width: 26px; | |
height: 32px; | |
padding:13px 12px 10px !important; | |
text-align: center; | |
position: absolute; | |
right: 0; | |
top: 0; | |
z-index: 2; | |
font-weight: 700; | |
background: rgba(255,255,255,0.1); | |
border: none !important; | |
border-left: 1px solid rgba(255,255,255,0.4) !important; | |
border-bottom: 1px solid rgba(255,255,255,0.2) !important; | |
} | |
.mean-container .mean-nav ul li a.mean-expand:hover { | |
background: #c97644; | |
color:#fff; | |
} | |
.mean-container .mean-push { | |
float: left; | |
width: 100%; | |
padding: 0; | |
margin: 0; | |
clear: both; | |
} | |
.mean-nav .wrapper { | |
width: 100%; | |
padding: 0; | |
margin: 0; | |
} | |
/* Fix for box sizing on Foundation Framework etc. */ | |
.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-nav ul li ul.sub-menu.com-sm li.dropmenu-head { | |
display: block; | |
float: left; | |
width: 90%; | |
padding: 1em 5%; | |
margin: 0; | |
text-align: left; | |
color: #0b0b0b; | |
border-bottom:1px solid rgba(255,255,255,0.8); | |
border-top: 1px solid rgba(255,255,255,0.8); | |
text-decoration: none; | |
text-transform: uppercase; | |
} | |
.mean-container .mean-nav .slack { | |
background-position:left 15px center !important; | |
} | |
.mean-container .mean-nav .github { | |
background-position:left 15px center !important; | |
} | |
.mean-container .mean-nav .jira { | |
background-position:left 15px center !important; | |
} | |
.mean-container .mean-nav .mail { | |
background-position:left 15px center !important; | |
} | |
.mean-container .mean-nav .twitter-icon { | |
background-position:left 15px center !important; | |
} | |
.mean-container .mean-nav .slack:hover { | |
background:rgba(255,255,255,.1) url('../images/slack_mark_16px.png') no-repeat; | |
} | |
.mean-container .mean-nav .github:hover { | |
background:rgba(255,255,255,.1) url('../images/github.png') no-repeat; | |
} | |
.mean-container .mean-nav .jira:hover { | |
background:rgba(255,255,255,.1) url('../images/jira.png') no-repeat; | |
} | |
.mean-container .mean-nav .mail:hover { | |
background:rgba(255,255,255,.1) url('../images/mail.png') no-repeat; | |
} | |
.mean-container .mean-nav .twitter-icon:hover { | |
background:rgba(255,255,255,.1) url('../images/twitter-icon.png') no-repeat; | |
} | |
@media only screen and (max-width:1030px) { | |
.under-dev { | |
background:#aea698; | |
color:#fff; | |
font-weight:700; | |
text-transform: uppercase; | |
padding:10px; | |
width:100%; | |
border-bottom:1px solid #ccc; | |
line-height: 1.4em; | |
font-size:11pt; | |
letter-spacing: 1px; | |
text-align: center; | |
} | |
} | |
@media only screen and (min-width:768px) { | |
.mean-container .mean-nav .slack { | |
background-position:left 7% center !important; | |
} | |
.mean-container .mean-nav .github { | |
background-position:left 7% center !important; | |
} | |
.mean-container .mean-nav .jira { | |
background-position:left 7% center !important; | |
} | |
.mean-container .mean-nav .mail { | |
background-position:left 7% center !important; | |
} | |
.mean-container .mean-nav .twitter-icon { | |
background-position:left 7% center !important; | |
} | |
} |