mobile header
This commit is contained in:
parent
99c69ef641
commit
6e697114ed
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue