Benutzer:TEEEEEEEEEST/common.css

From Test Wiki
Revision as of 02:16, 2 April 2025 by Paflidy (talk | contribs) (Paflidy changed the content model of the page Benutzer:TEEEEEEEEEST/common.css from "CSS" to "Sanitized CSS")
Jump to navigation Jump to search
/* === Allgemeine Seiteneinstellungen (Nur auf deiner Benutzerseite) === */
body.page-Benutzer_TEEEEEEEEEST #content {
  /* Hintergrundfarbe des Haupt-Inhaltsbereichs */
  /* background-color: #f0f8ff; */ /* Beispiel: AliceBlue */

  /* Hintergrundbild (optional) */
  /* background-image: url('URL_ZUM_HINTERGRUNDBILD'); */
  /* background-repeat: no-repeat; */
  /* background-position: top right; */
  /* background-size: cover; */
}

body.page-Benutzer_TEEEEEEEEEST #mw-content-text {
  /* Standard-Textfarbe im Inhaltsbereich */
  /* color: #202122; */ /* Beispiel: Dunkelgrau */

  /* Schriftart für den Haupttext (optional, wähle Web-sichere Schriften) */
  /* font-family: "Verdana", sans-serif; */
}


/* === Anpassung deines Benutzernamens === */

/* Farbe deines eigenen Benutzernamens oben rechts in der Leiste */
#pt-userpage a[title="Benutzer:TEEEEEEEEEST [alt-shift-.]"] { /* Dieser Selektor ist spezifischer für den Vector-Skin */
  color: #E67E22 !important; /* Beispiel: Orange */
  font-weight: bold;      /* Optional: Fettschrift */
}
/* Alternativer Selektor, falls der obige nicht funktioniert */
#pt-userpage a {
  /* color: #E67E22 !important; */
  /* font-weight: bold; */
}


/* Farbe von Links *auf* deine Benutzerseite (auf allen Seiten, die du besuchst!) */
/* Sei vorsichtig mit diesem Selektor, er beeinflusst viele Links! */
/*
a[title="Benutzer:TEEEEEEEEEST"] {
   color: #9B59B6 !important;  /* Beispiel: Lila */
   /* background-color: #f0e6f7; */ /* Heller Lila-Hintergrund */
   /* padding: 1px 3px; */
   /* border-radius: 3px; */
/* } */


/* === Überschriften auf deiner Benutzerseite === */
body.page-Benutzer_TEEEEEEEEEST #firstHeading {
  /* Farbe des Seitentitels (dein Benutzername als H1) */
  color: #2980B9; /* Beispiel: Stärkeres Blau */
  /* border-bottom: 3px solid #2980B9; */ /* Eigene untere Linie */
}

body.page-Benutzer_TEEEEEEEEEST #mw-content-text h2 .mw-headline {
  /* Farbe für H2-Überschriften (genauerer Selektor für den Text) */
  color: #27AE60; /* Beispiel: Grün */
}
body.page-Benutzer_TEEEEEEEEEST #mw-content-text h2 {
   /* Rahmen unter H2 */
   /* border-bottom: 1px dashed #27AE60; */
}


body.page-Benutzer_TEEEEEEEEEST #mw-content-text h3 .mw-headline {
  /* Farbe für H3-Überschriften */
  color: #F39C12; /* Beispiel: Goldgelb */
}


/* === Linkfarben auf deiner Benutzerseite === */
body.page-Benutzer_TEEEEEEEEEST #mw-content-text a {
  /* Farbe für normale (blaue) Links */
  /* color: #3498DB; */ /* Beispiel: Helles Blau */
}

body.page-Benutzer_TEEEEEEEEEST #mw-content-text a:visited {
  /* Farbe für besuchte (lila) Links */
  /* color: #8E44AD; */ /* Beispiel: Lila */
}

body.page-Benutzer_TEEEEEEEEEST #mw-content-text a.new {
  /* Farbe für Links zu nicht existierenden Seiten (rote Links) */
  /* color: #E74C3C; */ /* Beispiel: Rot */
  /* font-style: italic; */ /* Optional: kursiv */
}


/* === Styling für spezielle Boxen (z.B. Userboxen oder eigene Divs) === */

/* Beispiel für eine eigene Box, wenn du <div class="my-custom-box"> verwendest */
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-custom-box {
  /* border: 2px solid #16A085; */ /* Beispiel: Türkis */
  /* background-color: #e8f6f3; */ /* Hell-Türkiser Hintergrund */
  /* padding: 15px; */
  /* margin-bottom: 1em; */
  /* border-radius: 8px; */ /* Abgerundete Ecken */
  /* box-shadow: 3px 3px 5px rgba(0,0,0,0.1); */ /* Leichter Schatten */
}

/* Userboxen anpassen (kann je nach Userbox-Vorlage variieren) */
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .userbox {
  /* border-color: #bdc3c7; */ /* Rahmenfarbe ändern (Grau) */
  /* margin-bottom: 5px; */   /* Abstand zwischen Userboxen */
  /* opacity: 0.9; */ /* Leicht transparent machen */
}


/* === Sonstiges === */

/* Beispiel: Signatur hervorheben (wenn sie eine spezielle Klasse hat) */
/* Musst du in deiner Signatur einbauen, z.B. <span class="my-sig">...</span> */
/*
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-sig {
  font-weight: bold;
  color: #7f8c8d; /* Grau */
/* } */