MediaWiki: Tweeki.css: Difference between revisions
From Renoise User Manual
(Created page with "→CSS placed here will affect users of the Tweeki skin: →Scroll left sidebar with the entire screen: @media (min-width: 992px) { .sidebar-left-wrapper { positi...") |
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: -webkit-fill-available; | max-width: intrinsic; /* Safari/WebKit */ | ||
max-width: -moz-max-content; /* Firefox/Gecko */ | |||
max-width: -webkit-fill-available; /* Chrome */ | |||
height: auto; | height: auto; | ||
} | } | ||
Revision as of 11:44, 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: intrinsic; /* Safari/WebKit */
max-width: -moz-max-content; /* Firefox/Gecko */
max-width: -webkit-fill-available; /* Chrome */
height: auto;
}