c08b52aa74
Introduces new settings to set a small logo in the navbar next to the site name on pages where the logo is not displayed.
53 lines
953 B
CSS
53 lines
953 B
CSS
/* Custom CSS
|
|
-------------------------*/
|
|
div.logo {
|
|
background: url([[setting:logo]]) no-repeat 0 0;
|
|
display: block;
|
|
float: left;
|
|
height: 75px;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.dir-rtl div.logo {
|
|
background: url([[setting:logo]]) no-repeat 100% 0;
|
|
display: block;
|
|
float: right;
|
|
}
|
|
|
|
img.small-logo {
|
|
float: left;
|
|
height: 35px;
|
|
margin: 3px 10px 3px 0;
|
|
}
|
|
|
|
.dir-rtl img.small-logo {
|
|
float: right;
|
|
margin: 3px 0 3px 10px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.dir-rtl img.small-logo,
|
|
img.small-logo {
|
|
margin: 3px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.navbar img.small-logo {
|
|
max-width: 150px;
|
|
}
|
|
/* Applying accesshide styles */
|
|
.navbar .small-logo-container + .brand {
|
|
position: absolute;
|
|
left: -10000px;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
/* Custom CSS Settings
|
|
-------------------------*/
|
|
[[setting:customcss]]
|