MediaWiki: Tweeki.css: Unterschied zwischen den Versionen

Aus MAV
Wechseln zu: Navigation, Suche
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…“
 
Keine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:
/* Navbar-Hintergrund in Weinrot */
/* Navbar-Hintergrund in Weinrot */
.skin-tweeki .navbar {
.skin-tweeki .navbar {
   background-color: #800020; /* Weinrot / Bordeaux */
   background-color: #800020 !important; /* Weinrot / Bordeaux */
   border-color: #66001A;    /* etwas dunklerer Rand */
   border-color: #66001A !important;    /* etwas dunklerer Rand */
}
}


Zeile 9: Zeile 9:
.skin-tweeki .navbar .navbar-brand,
.skin-tweeki .navbar .navbar-brand,
.skin-tweeki .navbar-nav > li > a {
.skin-tweeki .navbar-nav > li > a {
   color: #ffffff;            /* Weiß für Kontrast */
   color: #ffffff !important;            /* Weiß für Kontrast */
}
}



Version vom 3. September 2025, 14:44 Uhr

/* CSS placed here will affect users of the Tweeki skin */
/* Navbar-Hintergrund in Weinrot */
.skin-tweeki .navbar {
  background-color: #800020 !important; /* Weinrot / Bordeaux */
  border-color: #66001A !important;     /* etwas dunklerer Rand */
}

/* Textfarbe der Navbar-Links */
.skin-tweeki .navbar .navbar-brand,
.skin-tweeki .navbar-nav > li > a {
  color: #ffffff !important;            /* 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 */
}