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;
  }
}