168 lines
2.8 KiB
CSS
168 lines
2.8 KiB
CSS
#mandaye-toolbar {
|
|
font-family: 'Open Sans', 'Helvetica Neue', arial, sans-serif;
|
|
width: 100%;
|
|
position: fixed;
|
|
height: 36px;
|
|
top: 0px;
|
|
padding: 0;
|
|
background: black;
|
|
font-size: 14px;
|
|
z-index: 999;
|
|
}
|
|
|
|
.mandaye-toolbar-left {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
vertical-align: top;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.mandaye-toolbar-right {
|
|
float: right;
|
|
margin-right: 15px;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.mandaye-toolbar-logo {
|
|
float: left;
|
|
padding: 4px 15px 0px 15px;
|
|
}
|
|
|
|
.mandaye-toolbar-link a:hover {
|
|
background: grey;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mandaye-toolbar-btn-right {
|
|
margin-left: 15px;
|
|
vertical-align: top;
|
|
z-index: 999;
|
|
}
|
|
|
|
.mandaye-toolbar-link ul {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mandaye-toolbar-link li {
|
|
list-style-type: none;
|
|
display: inline;
|
|
}
|
|
|
|
.mandaye-toolbar-link a {
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: 11px 16px 11px 16px;
|
|
}
|
|
|
|
.mandaye-toolbar-link {
|
|
display: inline-block;
|
|
height: 100%;
|
|
float: right;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.menuWidth {
|
|
top: 36px;
|
|
}
|
|
|
|
body {
|
|
margin-top: 36px !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
#mandaye-responsive-menu-toggle {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 50px;
|
|
height: 37px;
|
|
z-index: 100;
|
|
display: none;
|
|
border: 1px solid #5f5f5f;
|
|
border-radius: .2em;
|
|
margin: 5px;
|
|
}
|
|
|
|
.fake_toolbar {
|
|
width: 100%;
|
|
height: 47px;
|
|
background: #2c2c2c;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
body {
|
|
margin: 0 !important;
|
|
position: static !important;
|
|
}
|
|
|
|
#mandaye-toolbar {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: auto;
|
|
height: 47px;
|
|
background: #2C2C2C;
|
|
}
|
|
|
|
.mandaye-toolbar-logo {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
div.mandaye-toolbar-right {
|
|
float: none;
|
|
margin: 0;
|
|
display: none;
|
|
}
|
|
|
|
div.mandaye-toolbar-left {
|
|
padding: 0;
|
|
}
|
|
|
|
ul.mandaye-toolbar-link {
|
|
background: #2C2C2C;
|
|
margin: 5px 0;
|
|
padding: 2px 3px;
|
|
float: right;
|
|
z-index: 1000;
|
|
}
|
|
|
|
ul.mandaye-toolbar-link li {
|
|
margin: 0;
|
|
padding: 5px 3px;
|
|
border-bottom: 1px solid white;
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
ul.mandaye-toolbar-link li:hover {
|
|
background: #808080;
|
|
}
|
|
|
|
ul.mandaye-toolbar-link li:last-child {
|
|
border: 0;
|
|
}
|
|
|
|
ul.mandaye-toolbar-link a {
|
|
padding: 5px 10px;
|
|
margin: 0;
|
|
}
|
|
#mandaye-responsive-menu-toggle {
|
|
display: block;
|
|
}
|
|
|
|
.fake_toolbar {
|
|
height: 47px;
|
|
display: block;
|
|
}
|
|
|
|
}
|