Skip to content

Instantly share code, notes, and snippets.

@coolniikou
Created December 18, 2012 15:20
Show Gist options
  • Save coolniikou/4328882 to your computer and use it in GitHub Desktop.
Save coolniikou/4328882 to your computer and use it in GitHub Desktop.
.body_class {
height: 210px;
background-color: #000;
padding: 20px;
}
#masthead .container {
width: auto;
}
.body_class #masthead {
position: relative;
padding-top: 10px;
background: #1d354d;
-webkit-box-shadow: inset 0 1px 0 #28496b;
-moz-box-shadow: inset 0 1px 0 #28496b;
box-shadow: inset 0 1px 0 #28496b;
}
#masthead .brand {
font-size: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}
#masthead .brand:hover {
text-decoration: none;
}
#masthead hgroup {
float: left;
position: relative;
}
#masthead nav {
position: relative;
margin-top: 20px;
}
#site-title {
margin: 0;
padding: 0 15px 0;
}
#masthead .nav-header-navigation {
margin: 0;
padding: 0 15px 0;
}
.body_class #masthead .btn-navbar {
display: none;
}
#masthead .nav-header-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
#masthead .nav > li {
float: left;
margin: 0 2px 0;
}
#masthead .nav > li > a {
position: relative;
padding: 10px 15px 10px;
float: none;
font-size: 15px;
}
#masthead .nav > li > a {
color: #ffffff;
text-decoration: none;
background-color: #1f3852;
background-image: -moz-linear-gradient(top,
#24415f,
#172b3e);
background-image: -webkit-gradient(linear,
0 0, 0 100%,
from(#24415f),
to(#172b3e));
background-image: -webkit-linear-gradient(top,
#24415f,
#172b3e);
background-image: -o-linear-gradient(top,
#24415f,
#172b3e);
background-image: linear-gradient(to bottom,
#24415f,
#172b3e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ff24415f',
endColorstr='#ff172b3e',
GradientType=0);
border: 1px solid #080f15;
-webkit-box-shadow: inset 0 1px 0 #325b85;
-moz-box-shadow: inset 0 1px 0 #325b85;
box-shadow: inset 0 1px 0 #325b85;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 0;
}
#masthead .nav > li > a .caret {
border-top-color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment