Files
moodle/theme/clean/style/custom.css
T
David Monllao c08b52aa74 MDL-50661 theme_clean: New small logo setting
Introduces new settings to set a small logo in the navbar next
to the site name on pages where the logo is not displayed.
2015-11-30 09:14:20 +08:00

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]]