Benutzer:TEEEEEEEEEST/common.css: Difference between revisions

From Test Wiki
Jump to navigation Jump to search
Content deleted Content added
 
m Reverted edits by Paflidy (talk) to last revision by TEEEEEEEEEST
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* === Allgemeine Seiteneinstellungen (Nur auf deiner Benutzerseite) === */
/* === Allgemeine Seiteneinstellungen (Nur auf deiner Benutzerseite) === */
body.page-Benutzer_DeinBenutzername #content {
body.page-Benutzer_TEEEEEEEEEST #content {
/* Hintergrundfarbe des Haupt-Inhaltsbereichs */
/* Hintergrundfarbe des Haupt-Inhaltsbereichs */
/* background-color: #f0f8ff; */ /* Beispiel: AliceBlue */
/* background-color: #f0f8ff; */ /* Beispiel: AliceBlue */
Line 8: Line 8:
/* background-repeat: no-repeat; */
/* background-repeat: no-repeat; */
/* background-position: top right; */
/* background-position: top right; */
/* background-size: cover; /* Oder 'contain', 'auto' etc. */
/* background-size: cover; */
}
}


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


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


Line 23: Line 23:


/* Farbe deines eigenen Benutzernamens oben rechts in der Leiste */
/* 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 {
#pt-userpage a {
color: #FF5733 !important; /* Wähle deine Wunschfarbe */
/* color: #E67E22 !important; */
/* font-weight: bold; */ /* Optional: Fettschrift */
/* font-weight: bold; */
}
}



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




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


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



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




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


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


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


Line 79: Line 89:


/* Beispiel für eine eigene Box, wenn du <div class="my-custom-box"> verwendest */
/* Beispiel für eine eigene Box, wenn du <div class="my-custom-box"> verwendest */
body.page-Benutzer_DeinBenutzername #mw-content-text .my-custom-box {
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-custom-box {
/* border: 2px solid navy; */
/* border: 2px solid #16A085; */ /* Beispiel: Türkis */
/* background-color: #e6f7ff; */ /* Hellblauer Hintergrund */
/* background-color: #e8f6f3; */ /* Hell-Türkiser Hintergrund */
/* padding: 15px; */
/* padding: 15px; */
/* margin-bottom: 1em; */
/* margin-bottom: 1em; */
Line 89: Line 99:


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


Line 100: Line 111:
/* Musst du in deiner Signatur einbauen, z.B. <span class="my-sig">...</span> */
/* Musst du in deiner Signatur einbauen, z.B. <span class="my-sig">...</span> */
/*
/*
body.page-Benutzer_DeinBenutzername #mw-content-text .my-sig {
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-sig {
font-weight: bold;
font-weight: bold;
color: green;
color: #7f8c8d; /* Grau */
/* } */
}
*/

Latest revision as of 08:53, 2 April 2025

/* === 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 */

  1. 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 */

  1. 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

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. ... */ /* body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-sig {

 font-weight: bold;
 color: #7f8c8d; /* Grau */

/* } */