Benutzer:TEEEEEEEEEST/common.css: Difference between revisions
TEEEEEEEEEST (talk | contribs) Created page with "→=== Allgemeine Seiteneinstellungen (Nur auf deiner Benutzerseite) ===: body.page-Benutzer_DeinBenutzername #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; /* Oder 'contain', 'auto' etc.: } bo..." |
m Reverted edits by Paflidy (talk) to last revision by TEEEEEEEEEST Tags: content model change Rollback |
||
(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- |
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; |
/* background-size: cover; */ |
||
} |
} |
||
body.page- |
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: " |
/* 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: # |
/* color: #E67E22 !important; */ |
||
/* font-weight: bold; |
/* 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: |
a[title="Benutzer:TEEEEEEEEEST"] { |
||
color: # |
color: #9B59B6 !important; /* Beispiel: Lila */ |
||
background-color: # |
/* 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- |
body.page-Benutzer_TEEEEEEEEEST #firstHeading { |
||
/* Farbe des Seitentitels (dein Benutzername als H1) */ |
/* Farbe des Seitentitels (dein Benutzername als H1) */ |
||
color: #2980B9; /* Beispiel: Stärkeres Blau */ |
|||
/* border-bottom: |
/* border-bottom: 3px solid #2980B9; */ /* Eigene untere Linie */ |
||
} |
} |
||
body.page- |
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: #27AE60; /* Beispiel: Grün */ |
|||
⚫ | |||
} |
} |
||
body.page-Benutzer_TEEEEEEEEEST #mw-content-text h2 { |
|||
/* Rahmen unter H2 */ |
|||
⚫ | |||
⚫ | |||
body.page- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text h3 .mw-headline { |
||
/* Farbe für H3-Überschriften */ |
/* Farbe für H3-Überschriften */ |
||
color: #F39C12; /* Beispiel: Goldgelb */ |
|||
} |
} |
||
/* === Linkfarben auf deiner Benutzerseite === */ |
/* === Linkfarben auf deiner Benutzerseite === */ |
||
body.page- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text a { |
||
/* Farbe für normale (blaue) Links */ |
/* Farbe für normale (blaue) Links */ |
||
/* color: # |
/* color: #3498DB; */ /* Beispiel: Helles Blau */ |
||
} |
} |
||
body.page- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text a:visited { |
||
/* Farbe für besuchte (lila) Links */ |
/* Farbe für besuchte (lila) Links */ |
||
/* color: # |
/* color: #8E44AD; */ /* Beispiel: Lila */ |
||
} |
} |
||
body.page- |
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: # |
/* 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- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-custom-box { |
||
/* border: 2px solid |
/* border: 2px solid #16A085; */ /* Beispiel: Türkis */ |
||
/* background-color: # |
/* 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- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .userbox { |
||
/* border-color: # |
/* 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- |
body.page-Benutzer_TEEEEEEEEEST #mw-content-text .my-sig { |
||
font-weight: bold; |
font-weight: bold; |
||
color: |
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 */
- 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
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 */
/* } */