75 lines
1.4 KiB
Plaintext
75 lines
1.4 KiB
Plaintext
// roll your own nav
|
|
|
|
nav {
|
|
width: 100%;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
.museo-sans-light;
|
|
color: @medium-gray-text;
|
|
height: 80px;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: @white;
|
|
z-index: 9999999999;
|
|
|
|
&.docs {
|
|
background: @gray-background;
|
|
}
|
|
|
|
.vagrant-logo {
|
|
display: block;
|
|
text-indent: -999999px;
|
|
background: url(/images/logo_vagrant.png) no-repeat 0 0;
|
|
height: 70px;
|
|
width: 275px;
|
|
float: left;
|
|
margin: 10px 20px;
|
|
}
|
|
|
|
.vagrant-docs-logo {
|
|
display: block;
|
|
text-indent: -999999px;
|
|
background: url(/images/logo_docs.png) no-repeat 0 0;
|
|
height: 70px;
|
|
width: 350px;
|
|
float: left;
|
|
margin: 10px 20px;
|
|
}
|
|
|
|
ul {
|
|
margin: 25px 20px;
|
|
|
|
li {
|
|
display: inline;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
li.pill {
|
|
background-color: #48b4fb;
|
|
border-radius: 50px;
|
|
color: #FFF;
|
|
padding: 10px 18px;
|
|
}
|
|
}
|
|
|
|
.active-nav {
|
|
color: @blue;
|
|
}
|
|
|
|
.contact {
|
|
|
|
&:hover {
|
|
background-color: @light-gray-background;
|
|
padding: 10px;
|
|
margin-right: -10px;
|
|
margin-left: 5px;
|
|
.rounded;
|
|
}
|
|
|
|
&:active {
|
|
background-color: darken(@light-gray-background, 5%);
|
|
}
|
|
}
|
|
}
|