MediaWiki: Tweeki.css: Difference between revisions
From Renoise User Manual
No edit summary |
No edit summary |
||
| Line 20: | Line 20: | ||
/* Prevent that images in the main content flow into the right sidebar */ | /* Prevent that images in the main content flow into the right sidebar */ | ||
div#bodyContent img { | div#bodyContent img { | ||
max-width: -moz-available; /* WebKit-based browsers will ignore this. */ | |||
max-width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ | |||
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ | max-width: fill-available; | ||
width: fill-available; | |||
height: auto; | height: auto; | ||
} | } | ||
Revision as of 11:48, 31 December 2018
/* CSS placed here will affect users of the Tweeki skin */
/* Scroll left sidebar with the entire screen */
@media (min-width: 992px) {
.sidebar-left-wrapper {
position:absolute;
}
}
/* More condensed site-map tree */
.sidebar-left-wrapper ol, ul {
padding-left: 1em;
}
/* Hide footer - it overflows the left, fixed side-bar */
#footer.footer {
display: none;
}
/* Prevent that images in the main content flow into the right sidebar */
div#bodyContent img {
max-width: -moz-available; /* WebKit-based browsers will ignore this. */
max-width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
max-width: fill-available;
height: auto;
}