MediaWiki:Vector.css: Unterschied zwischen den Versionen

Aus wiki.danokar.de
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Sidebar-Hintergrund deutlich heller als Hauptbereich */
/* === Seitenhintergründe und Texte === */
html,
body,
#mw-page-base,
#mw-head-base,
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}
 
/* Überschriften */
h1, h2, h3, h4, h5 {
  color: #ffffff !important;
}
 
/* Abschnittsüberschriften */
.mw-headline {
  color: #ffffff !important;
}
 
/* Inhaltsverzeichnis */
#toc {
  background-color: #333 !important;
  border: 1px solid #444;
}
#toc a {
  color: #aad7ff !important;
}
 
/* === Links allgemein === */
a,
.mw-parser-output a {
  color: #8dcaff !important;
}
a:visited {
  color: #c7aaff !important;
}
a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
/* Rote Links (nicht existierende Seiten) */
a.new {
  color: #ff5a5a !important;
}
 
/* === Sidebar (linkes Menü) === */
#mw-panel {
#mw-panel {
   background-color: #3a3a3a !important; /* Helleres Dunkelgrau */
   background-color: #3a3a3a !important;
   color: #f0f0f0 !important;
   color: #f0f0f0 !important;
}
}
/* Titel in der Sidebar (Navigation, Werkzeuge etc.) */
.portlet h3 {
.portlet h3 {
   color: #ffffff !important;
   color: #ffffff !important;
Zeile 12: Zeile 60:
   margin-bottom: 0.5em;
   margin-bottom: 0.5em;
}
}
/* Menü-Links in der Sidebar */
.vector-menu-content li a {
.vector-menu-content li a {
   color: #eeeeee !important;
   color: #eeeeee !important;
   background-color: transparent !important;
   background-color: transparent !important;
}
}
/* Hover- und Fokus-Effekt */
.vector-menu-content li a:hover,
.vector-menu-content li a:hover,
.vector-menu-content li a:focus {
.vector-menu-content li a:focus {
Zeile 26: Zeile 70:
   text-decoration: underline;
   text-decoration: underline;
}
}
/* Aktive Menüeinträge (z. B. aktuelle Seite) */
.vector-menu-content li a:active {
.vector-menu-content li a:active {
   color: #ffffff !important;
   color: #ffffff !important;
Zeile 33: Zeile 75:
}
}


/* Haupt-Inhaltsbereich (alles in #content & children) */
/* Sidebar: Werkzeuge */
#content,
#p-tb h3 {
#bodyContent,
  color: #8dcaff !important;
.mw-body,
  font-weight: bold;
.mw-parser-output {
   border-bottom: 1px solid #666;
   background-color: #2a2a2a !important;
}
   color: #e0e0e0 !important;
#p-tb li a {
   color: #eeeeee !important;
}
}
 
#p-tb li a:hover {
/* Abschnittstitel auf Inhaltsseiten */
  background-color: #444 !important;
.mw-headline {
   color: #ffffff !important;
   color: #ffffff !important;
}
}


/* Inhaltsverzeichnis (falls vorhanden) */
/* === Fußzeile === */
#toc {
#footer,
   background-color: #333 !important;
#footer a {
   border: 1px solid #444;
   color: #bbbbbb !important;
   background-color: #1e1e1e !important;
}
}
#toc a {
#footer-info,
   color: #aad7ff !important;
#footer-info a {
   color: #aaa !important;
}
}


/* Wirklich alle Inhaltscontainer dunkel hinterlegen */
/* === Kategorie-Seiten-Links === */
body,
.category-page__member-link {
html,
   color: #aad7ff !important;
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
  background-color: #2a2a2a !important;
   color: #e0e0e0 !important;
}
}


/* Hauptseite & Standardseiten korrekt abdunkeln */
/* === Oberes Benutzermenü (rechts oben) === */
html,
#p-personal,
body,
#p-personal li a {
#mw-page-base,
#mw-head-base,
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
   background-color: #2a2a2a !important;
   background-color: #2a2a2a !important;
   color: #e0e0e0 !important;
   color: #e0e0e0 !important;
}
}
 
#p-personal li a:hover {
/* Überschriften */
  background-color: #444 !important;
h1, h2, h3, h4, h5 {
   color: #ffffff !important;
   color: #ffffff !important;
}
/* Allgemeine Linkfarben */
a,
.mw-parser-output a {
  color: #8dcaff !important;  /* Helles Cyanblau für Lesbarkeit */
}
}


/* Besuchte Links */
/* === Tabs (Lesen, Bearbeiten etc.) === */
a:visited {
#p-views li a,
   color: #c7aaff !important; /* Sanftes Violett */
#p-cactions li a {
  background-color: #2a2a2a !important;
   color: #e0e0e0 !important;
  border-radius: 4px;
  padding: 0.2em 0.6em;
  margin-right: 4px;
}
}
 
#p-views li a:hover,
/* Hover-Effekt für Links */
#p-cactions li a:hover {
a:hover {
  background-color: #444 !important;
   color: #ffffff !important;
   color: #ffffff !important;
   text-decoration: underline;
   text-decoration: underline;
}
/* Fußzeile richtig sichtbar machen */
#footer,
#footer a {
  color: #bbbbbb !important;
  background-color: #1e1e1e !important;
}
/* Seiten-Metainformationen sichtbar machen */
#footer-info,
#footer-info a {
  color: #aaa !important;
}
.category-page__member-link {
  color: #aad7ff !important;
}
}

Version vom 16. Mai 2025, 16:12 Uhr

/* === Seitenhintergründe und Texte === */
html,
body,
#mw-page-base,
#mw-head-base,
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

/* Überschriften */
h1, h2, h3, h4, h5 {
  color: #ffffff !important;
}

/* Abschnittsüberschriften */
.mw-headline {
  color: #ffffff !important;
}

/* Inhaltsverzeichnis */
#toc {
  background-color: #333 !important;
  border: 1px solid #444;
}
#toc a {
  color: #aad7ff !important;
}

/* === Links allgemein === */
a,
.mw-parser-output a {
  color: #8dcaff !important;
}
a:visited {
  color: #c7aaff !important;
}
a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
/* Rote Links (nicht existierende Seiten) */
a.new {
  color: #ff5a5a !important;
}

/* === Sidebar (linkes Menü) === */
#mw-panel {
  background-color: #3a3a3a !important;
  color: #f0f0f0 !important;
}
.portlet h3 {
  color: #ffffff !important;
  font-weight: bold;
  border-bottom: 1px solid #666;
  margin-bottom: 0.5em;
}
.vector-menu-content li a {
  color: #eeeeee !important;
  background-color: transparent !important;
}
.vector-menu-content li a:hover,
.vector-menu-content li a:focus {
  background-color: #555 !important;
  color: #ffffff !important;
  text-decoration: underline;
}
.vector-menu-content li a:active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Sidebar: Werkzeuge */
#p-tb h3 {
  color: #8dcaff !important;
  font-weight: bold;
  border-bottom: 1px solid #666;
}
#p-tb li a {
  color: #eeeeee !important;
}
#p-tb li a:hover {
  background-color: #444 !important;
  color: #ffffff !important;
}

/* === Fußzeile === */
#footer,
#footer a {
  color: #bbbbbb !important;
  background-color: #1e1e1e !important;
}
#footer-info,
#footer-info a {
  color: #aaa !important;
}

/* === Kategorie-Seiten-Links === */
.category-page__member-link {
  color: #aad7ff !important;
}

/* === Oberes Benutzermenü (rechts oben) === */
#p-personal,
#p-personal li a {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}
#p-personal li a:hover {
  background-color: #444 !important;
  color: #ffffff !important;
}

/* === Tabs (Lesen, Bearbeiten etc.) === */
#p-views li a,
#p-cactions li a {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
  border-radius: 4px;
  padding: 0.2em 0.6em;
  margin-right: 4px;
}
#p-views li a:hover,
#p-cactions li a:hover {
  background-color: #444 !important;
  color: #ffffff !important;
  text-decoration: underline;
}