MediaWiki: Tweeki.css: Unterschied zwischen den Versionen

Aus MAV
Wechseln zu: Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* CSS placed here will affect users of the Tweeki skin */
/* CSS placed here will affect users of the Tweeki skin */


/* NAVBAR ÄNDERUNGEN */
/* Hintergrundfarbe Tweeki-Navbar */
 
.skin-tweeki .navbar-inverse,
/* Navbar-Hintergrund */
.skin-tweeki .navbar-dark.bg-dark {
.skin-tweeki .navbar {
   background-color: #722F37 !important;  
  background-color: #8B3A3A !important;
   border-color: #5a242b !important;   
  border-color: #66001A !important;   
}
 
/* Textfarbe Navbar-Links */
.skin-tweeki .navbar .navbar-brand,
.skin-tweeki .navbar-nav > li > a {
   color: #ffffff !important;        
}
 
/* 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 */
}
}


/* Hamburger-Icon */
/* Klasse hidden */
.skin-tweeki .navbar-toggle {
.hidden {
   background-color: #d9d9d9 !important;
   display: none !important;
  border: 1px solid #666666 !important;
}
}


/* drei Linien im Hamburger-Icon */
/* Tweeki auf volle Breite */
.skin-tweeki .navbar-toggle .icon-bar {
.container {
   background-color: #666666 !important;
   max-width: none !important;
  width: 100% !important;
}
}

Aktuelle Version vom 9. Januar 2026, 16:09 Uhr

/* CSS placed here will affect users of the Tweeki skin */

/* Hintergrundfarbe Tweeki-Navbar */
.skin-tweeki .navbar-inverse,
.skin-tweeki .navbar-dark.bg-dark {
  background-color: #722F37 !important; 
  border-color: #5a242b !important;   
}

/* Klasse hidden */
.hidden {
  display: none !important;
}

/* Tweeki auf volle Breite */
.container {
  max-width: none !important;
  width: 100% !important;
}