Skip to content

Instantly share code, notes, and snippets.

@cfarm
Created July 7, 2015 20:11
Show Gist options
  • Save cfarm/9be5493d75d58b205de9 to your computer and use it in GitHub Desktop.
Save cfarm/9be5493d75d58b205de9 to your computer and use it in GitHub Desktop.
nemo-shim.css
.toggle-menu {
display: none;
position: absolute;
left: 10px;
top: 20px;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}
#subnav {
padding: 0;
}
#subnav nav h5 {
text-transform: none;
}
#header nav a {
font-family: "AvenirNextLTW01-Medium", Arial, sans-serif;
font-style: normal;
font-weight: 500;
}
.lt-ie9 #header nav a {
font-weight: normal !important;
}
#subnav nav h5,
strong {
font-family: "AvenirNextLTW01-Demi", Arial, sans-serif;
font-style: normal;
font-weight: bold;
}
.lt-ie9 #subnav nav h5,
.lt-ie9 strong {
font-weight: normal !important;
}
#header {
border-bottom: 5px solid #333;
}
#header nav {
margin: 10px 0 0;
}
@media screen and (min-width: 865px) {
.horizontal-list-item {
display: inline-block;
vertical-align: top;
}
}
@media screen and (max-width: 1060px) {
#header nav {
font-size: 80%;
}
}
@media screen and (max-width: 865px) {
#header nav ul li a {
text-align: left;
}
}
@media screen and (max-width: 1100px) {
.wrapper-container,
.split {
max-width: 100%;
}
.wrapper-container .language-banner {
display: none;
}
}
@media screen and (max-width: 660px) {
#header h1 {
margin-left: 60px;
}
.toggle-menu {
display: block;
}
#header .toggle-menu,
#header .toggle-menu:link,
#header .toggle-menu:visited {
color: #75787B;
}
#header .toggle-menu:hover,
#header .toggle-menu:active,
#header .toggle-menu:focus {
color: #75787B;
background: #E3E4E4;
}
#header nav {
font-size: 100%;
}
#subnav nav {
border: 0;
width: 100%;
}
#subnav nav ul {
margin: 0;
width: auto;
}
#header nav ul {
display: none;
}
#header nav ul.vis {
display: block;
}
#header nav ul li {
display: block;
}
p.lang,
#search_form {
display: none;
position: relative;
top: 0;
right: 0;
width: 100%;
text-align: center;
}
.official-website {
padding-right: 0;
background: none;
}
#footer > div > a,
#footer > div > nav {
width: auto;
display: block;
min-height: 0;
}
.split-right {
position: static;
margin-right: 0;
margin-left: 10px;
text-align: right;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment