MediaWiki:Common.css

Aus Rettungsdienst-Wiki
Version vom 7. November 2025, 19:21 Uhr von Rettungsdienstblog.eu (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→‎Rechter Werbe-Block: #ad-box { float: right; width: 300px; →‎gängige Ad-Breite: max-width: 32%; margin: 0 0 1rem 1rem; →‎Abstand zum Content: background: #fffef7; border: 1px solid #e5dfb3; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.06); position: sticky; →‎bleibt sichtbar beim Scrollen: top: 1rem; font-size: 90%; } #ad-box .ad-header { display: flex; align-items: center; gap: .5em; padd…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Rechter Werbe-Block */
#ad-box {
  float: right;
  width: 300px;           /* gängige Ad-Breite */
  max-width: 32%;
  margin: 0 0 1rem 1rem;  /* Abstand zum Content */
  background: #fffef7;
  border: 1px solid #e5dfb3;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  position: sticky;       /* bleibt sichtbar beim Scrollen */
  top: 1rem;
  font-size: 90%;
}
#ad-box .ad-header {
  display: flex; align-items: center; gap: .5em;
  padding: .6em .8em; margin: 0;
  border-bottom: 1px solid #efe7b9;
  font-weight: 700;
}
#ad-box .ad-badge {
  background: #ffea9e; border: 1px solid #e0c200;
  padding: 2px 6px; border-radius: 4px;
  font-weight: 700; text-transform: uppercase;
}
#ad-box .ad-body { padding: .6em .8em; }
#ad-box ul { list-style: none; margin: .2em 0; padding: 0; }
#ad-box li { margin: .35em 0; }
#ad-box a { text-decoration: none; }
#ad-box a:hover { text-decoration: underline; }

/* Auf schmalen Bildschirmen unten im Content anzeigen */
@media (max-width: 1024px) {
  #ad-box { float: none; max-width: 100%; position: static; margin: .75rem 0; }
}