mobile header

This commit is contained in:
JT 2014-07-23 17:06:57 -07:00
parent 99c69ef641
commit 6e697114ed
2 changed files with 37 additions and 9 deletions

View File

@ -12,6 +12,10 @@ body.page-sub{
height: 90px; height: 90px;
background-color: @purple; background-color: @purple;
.navbar-collapse{
background-color: rgba(255, 255, 255, 0.98);
}
.nav-logo{ .nav-logo{
height: 90px; height: 90px;
} }
@ -37,11 +41,6 @@ body.page-sub{
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
margin-bottom: 0; margin-bottom: 0;
.navbar-collapse{
box-shadow: none;
margin-top: 10px;
}
&.navbar-static-top{ &.navbar-static-top{
z-index: 1000; z-index: 1000;
} }
@ -54,8 +53,10 @@ body.page-sub{
margin-top: 26px; margin-top: 26px;
margin-bottom: 14px; margin-bottom: 14px;
border: 2px solid @white; border: 2px solid @white;
border-radius: 0;
.icon-bar{ .icon-bar{
border: 1px solid @white; border: 1px solid @white;
border-radius: 0;
} }
} }
@ -224,6 +225,20 @@ body.page-sub{
} }
} }
#header{
.buttons.navbar-nav{
float: none !important;
margin: 0;
padding-bottom: 0 !important;
li{
&.first{
margin-right: 0;
}
}
}
}
//#footer, //#footer,
#header{ #header{
.buttons.navbar-nav, .buttons.navbar-nav,
@ -246,6 +261,7 @@ body.page-sub{
//#footer, //#footer,
#header{ #header{
.main-links.navbar-nav{ .main-links.navbar-nav{
float: left !important;
li > a { li > a {
padding: 0; padding: 0;
padding-left: 0; padding-left: 0;

View File

@ -84,6 +84,9 @@ body.page-sub #header {
height: 90px; height: 90px;
background-color: #822ff7; background-color: #822ff7;
} }
body.page-sub #header .navbar-collapse {
background-color: rgba(255, 255, 255, 0.98);
}
body.page-sub #header .nav-logo { body.page-sub #header .nav-logo {
height: 90px; height: 90px;
} }
@ -104,10 +107,6 @@ body.page-sub #header .main-links.navbar-nav li > a {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
margin-bottom: 0; margin-bottom: 0;
} }
#header .navbar-collapse {
box-shadow: none;
margin-top: 10px;
}
#header.navbar-static-top { #header.navbar-static-top {
z-index: 1000; z-index: 1000;
} }
@ -118,9 +117,11 @@ body.page-sub #header .main-links.navbar-nav li > a {
margin-top: 26px; margin-top: 26px;
margin-bottom: 14px; margin-bottom: 14px;
border: 2px solid #ffffff; border: 2px solid #ffffff;
border-radius: 0;
} }
#header .navbar-toggle .icon-bar { #header .navbar-toggle .icon-bar {
border: 1px solid #ffffff; border: 1px solid #ffffff;
border-radius: 0;
} }
#header .navbar-brand.logo { #header .navbar-brand.logo {
margin-top: 15px; margin-top: 15px;
@ -266,6 +267,14 @@ body.page-sub #header .main-links.navbar-nav li > a {
body.page-sub #header .nav-white { body.page-sub #header .nav-white {
background-color: transparent; background-color: transparent;
} }
#header .buttons.navbar-nav {
float: none !important;
margin: 0;
padding-bottom: 0 !important;
}
#header .buttons.navbar-nav li.first {
margin-right: 0;
}
#header .buttons.navbar-nav, #header .buttons.navbar-nav,
#header .main-links.navbar-nav { #header .main-links.navbar-nav {
display: block; display: block;
@ -283,6 +292,9 @@ body.page-sub #header .main-links.navbar-nav li > a {
#header .main-links.navbar-nav li + li::before { #header .main-links.navbar-nav li + li::before {
display: none; display: none;
} }
#header .main-links.navbar-nav {
float: left !important;
}
#header .main-links.navbar-nav li > a { #header .main-links.navbar-nav li > a {
padding: 0; padding: 0;
padding-left: 0; padding-left: 0;