MediaWiki:TimelessPrint.css: Unterschied zwischen den Versionen
Aus BBS Wiki
Die Seite wurde neu angelegt: „@media print { →1) Wenn Logo als <img> existiert: #p-logo img, .mw-logo img, .site-logo img, .vector-menu #p-logo img { display: block !important; height: 80px !important; width: auto !important; max-width: 240px !important; } →2) Falls Logo als background-image gesetzt ist (Browser können das verwerfen): #p-logo a, .mw-logo a, .site-logo a { background-image: url('https://wiki.demo.lara-cloud.de/images/flexiskin-im…“ |
(kein Unterschied)
|
Aktuelle Version vom 1. Oktober 2025, 11:51 Uhr
@media print {
/* 1) Wenn Logo als <img> existiert */
#p-logo img, .mw-logo img, .site-logo img, .vector-menu #p-logo img {
display: block !important;
height: 80px !important;
width: auto !important;
max-width: 240px !important;
}
/* 2) Falls Logo als background-image gesetzt ist (Browser können das verwerfen) */
#p-logo a, .mw-logo a, .site-logo a {
background-image: url('https://wiki.demo.lara-cloud.de/images/flexiskin-images-logo.png') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
display: block !important;
height: 80px !important;
width: 240px !important;
text-indent: -9999px !important;
}
/* 3) Fallback: pseudo-element mit content:url() (wird oft gedruckt) */
#p-logo a::before, .mw-logo a::before, .site-logo a::before {
content: url('https://wiki.demo.lara-cloud.de/images/flexiskin-images-logo.png') !important;
display: block !important;
height: 80px !important;
width: auto !important;
}
/* unnötige Navigation ausblenden */
#mw-navigation, #mw-head, #p-search, #mw-panel, #footer {
display: none !important;
}
/* Platz für das Logo */
#content, #bodyContent, .mw-body {
margin-top: 8px !important;
}
}
