MediaWiki:Tweeki.css

Aus MAV
Version vom 3. September 2025, 14:37 Uhr von MH (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „CSS placed here will affect users of the Tweeki skin: Navbar-Hintergrund in Weinrot: .skin-tweeki .navbar { background-color: #800020; Weinrot / Bordeaux: border-color: #66001A; etwas dunklerer Rand: } Textfarbe der Navbar-Links: .skin-tweeki .navbar .navbar-brand, .skin-tweeki .navbar-nav > li > a { color: #ffffff; Weiß für Kontrast: } Hover/Focus-Effekt für Links: .skin-tweeki .navbar-nav > li…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

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
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* CSS placed here will affect users of the Tweeki skin */
/* Navbar-Hintergrund in Weinrot */
.skin-tweeki .navbar {
  background-color: #800020; /* Weinrot / Bordeaux */
  border-color: #66001A;     /* etwas dunklerer Rand */
}

/* Textfarbe der Navbar-Links */
.skin-tweeki .navbar .navbar-brand,
.skin-tweeki .navbar-nav > li > a {
  color: #ffffff;            /* Weiß für Kontrast */
}

/* Hover/Focus-Effekt für Links */
.skin-tweeki .navbar-nav > li > a:hover,
.skin-tweeki .navbar-nav > li > a:focus {
  color: #ffd700;            /* Goldgelb als Akzent */
  background-color: rgba(255,255,255,0.08);
}

/* Aktiver Menüpunkt */
.skin-tweeki .navbar-nav > .active > a,
.skin-tweeki .navbar-nav > .active > a:hover,
.skin-tweeki .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: rgba(0,0,0,0.2); /* leicht abgedunkelt */
}