MediaWiki:Common.css: Ënnerscheed tëscht de Versiounen
Import aus content/mediawiki |
Import aus content/mediawiki |
||
| Linn 10: | Linn 10: | ||
/* Thin border, like a phone screen. */ | /* Thin border, like a phone screen. */ | ||
.mw-parser-output | .mw-parser-output figure.screenshot img { | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
.mw-parser-output figure.mw-halign-right | .mw-parser-output figure.mw-halign-right.screenshot { | ||
margin: 0 0 1em 1.5em; | margin: 0 0 1em 1.5em; | ||
} | } | ||
| Linn 20: | Linn 20: | ||
/* Phones: screenshot centred under the text instead of beside it. */ | /* Phones: screenshot centred under the text instead of beside it. */ | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.mw-parser-output figure.mw-halign-right | .mw-parser-output figure.mw-halign-right.screenshot { | ||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
| Linn 27: | Linn 27: | ||
max-width: 70%; | max-width: 70%; | ||
} | } | ||
.mw-parser-output | .mw-parser-output figure.screenshot img { | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
} | } | ||
Aktuell Versioun vum 17:05, 13. Nov. 2026
/* LuKey Wiki: screenshots (pages use [[File:…|right|230px|class=screenshot|…]]). */
/* Each section keeps its own screenshot: a heading starts below the floats above it. */
.mw-parser-output .mw-heading,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
clear: both;
}
/* Thin border, like a phone screen. */
.mw-parser-output figure.screenshot img {
border: 1px solid #ccc;
border-radius: 10px;
}
.mw-parser-output figure.mw-halign-right.screenshot {
margin: 0 0 1em 1.5em;
}
/* Phones: screenshot centred under the text instead of beside it. */
@media (max-width: 600px) {
.mw-parser-output figure.mw-halign-right.screenshot {
float: none;
clear: both;
margin: .5em auto 1em;
display: table;
max-width: 70%;
}
.mw-parser-output figure.screenshot img {
max-width: 100%;
height: auto;
}
}