MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Marko (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Marko (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 9: | Zeile 9: | ||
/* Ändert die Farbe der normalen Links */ | /* Ändert die Farbe der normalen Links */ | ||
a { | a { | ||
color: # | color: #ff5000; /* Normal dunkelorange ff6600 Link vor Anklicken */ | ||
padding: 2px 0px; | padding: 2px 0px; | ||
border-radius: 5px; | border-radius: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: | font-weight: 600; /* Fett=bold */ | ||
} | } | ||
/* Ändert die Farbe der normalen Links in weiß */ | |||
.white-link { | |||
color: #ffffff !important; | |||
text-decoration: none !important; | |||
} | |||
/*------------------------------------*/ | /*------------------------------------*/ | ||
Zeile 20: | Zeile 28: | ||
/* Hover-Effekt für normale Links */ | /* Hover-Effekt für normale Links */ | ||
a:hover { | a:hover { | ||
color: # | color: #ff5000; /* Orange-Rot beim Hover */ | ||
text-decoration: underline; /* Unterstreicht den Link beim Hover */ | text-decoration: underline; /* Unterstreicht den Link beim Hover */ | ||
font-weight: bold; /* Fett beim Hover */ | font-weight: bold; /* Fett beim Hover */ | ||
Zeile 27: | Zeile 35: | ||
/* Ändert die Farbe der besuchten Links */ | /* Ändert die Farbe der besuchten Links */ | ||
a:visited { | a:visited { | ||
color: # | color: #ff5000; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000* altE65500/ | ||
font-weight: normal; | font-weight: normal; | ||
background-color: transparent !important; /* Entfernt den Textmarker */ | background-color: transparent !important; /* Entfernt den Textmarker */ | ||
Zeile 36: | Zeile 44: | ||
/* Hover-Effekt für besuchte Links */ | /* Hover-Effekt für besuchte Links */ | ||
a:visited:hover { | a:visited:hover { | ||
color: # | color: #ff5000; /* Helleres Dunkelorange beim Hover */ | ||
text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */ | text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */ | ||
font-weight: bold; /* Fett beim Hover */ | font-weight: bold; /* Fett beim Hover */ | ||
Zeile 43: | Zeile 51: | ||
/* Ändert die Farbe der aktiven Links */ | /* Ändert die Farbe der aktiven Links */ | ||
a:active { | a:active { | ||
color: # | color: #ff5000; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/ | ||
background-color: transparent; /* Kein Hintergrund bei aktiven Links */ | background-color: transparent; /* Kein Hintergrund bei aktiven Links */ | ||
} | } | ||
Zeile 63: | Zeile 71: | ||
/* Ändert die Farbe der normalen Links auf der Seite "Einstellungen" */ | /* Ändert die Farbe der normalen Links auf der Seite "Einstellungen" */ | ||
body.page-Spezial_Einstellungen a { | body.page-Spezial_Einstellungen a { | ||
color: # | color: #ff5000; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/ | ||
padding: 2px 0px; | padding: 2px 0px; | ||
border-radius: 5px; | border-radius: 5px; | ||
Zeile 74: | Zeile 82: | ||
/* Hover-Effekt für normale Links auf der Seite "Einstellungen" */ | /* Hover-Effekt für normale Links auf der Seite "Einstellungen" */ | ||
body.page-Spezial_Einstellungen a:hover { | body.page-Spezial_Einstellungen a:hover { | ||
color: # | color: #ff5000; /* #FF4500 */ | ||
text-decoration: underline; /* Unterstreicht den Link beim Hover */ | text-decoration: underline; /* Unterstreicht den Link beim Hover */ | ||
font-weight: bold; /* Fett beim Hover */ | font-weight: bold; /* Fett beim Hover */ | ||
Zeile 83: | Zeile 91: | ||
/* Hover-Effekt für besuchte Links auf der Seite "Einstellungen" */ | /* Hover-Effekt für besuchte Links auf der Seite "Einstellungen" */ | ||
body.page-Spezial_Einstellungen a:visited:hover { | body.page-Spezial_Einstellungen a:visited:hover { | ||
color: # | color: #ff5000; /* Helleres Dunkelorange beim Hover */ | ||
text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */ | text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */ | ||
font-weight: bold; /* Fett beim Hover */ | font-weight: bold; /* Fett beim Hover */ | ||
Zeile 92: | Zeile 100: | ||
/* Ändert die Farbe der aktiven Links auf der Seite "Einstellungen" */ | /* Ändert die Farbe der aktiven Links auf der Seite "Einstellungen" */ | ||
body.page-Spezial_Einstellungen a:active { | body.page-Spezial_Einstellungen a:active { | ||
color: # | color: #ff5000!important; /* Bitcoin-Orange */ | ||
background-color: transparent; /* Kein Hintergrund bei aktiven Links */ | background-color: transparent; /* Kein Hintergrund bei aktiven Links */ | ||
} | } | ||
Zeile 104: | Zeile 112: | ||
/* Interner Link (Seite existiert) */ | /* Interner Link (Seite existiert) */ | ||
a.internal { | a.internal { | ||
color: # | color: #ff5000!important; /* Bitcoin-Orange für interne Links alt ff6000 */ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Zeile 120: | Zeile 128: | ||
/* Externe Links */ | /* Externe Links */ | ||
a.external { | a.external { | ||
color: # | color: #ff5000!important; /* Bitcoin-Orange für externe Links */ | ||
/* text-decoration: underline; /* Unterstreicht externe Links */ */ | /* text-decoration: underline; /* Unterstreicht externe Links */ */ | ||
} | } | ||
Zeile 128: | Zeile 136: | ||
/* Externe Links im Hover-Zustand */ | /* Externe Links im Hover-Zustand */ | ||
a.external:hover { | a.external:hover { | ||
color: # | color: #ff5000!important; /* #FF4500 */ | ||
text-decoration: none; /* Entfernt Unterstreichung beim Hover */ | text-decoration: none; /* Entfernt Unterstreichung beim Hover */ | ||
} | } | ||
/*------------------------------------*/ | |||
/* Spezielle Klasse für weiße externe Links */ | |||
a.external.white-link { | |||
color: #ffffff !important; /* Weiß für spezielle externe Links */ | |||
text-decoration: none !important; /* Entfernt Unterstreichung */ | |||
} | |||
/* Spezielle Klasse für weiße externe Links im Hover-Zustand */ | |||
a.external.white-link:hover { | |||
color: #ffffff !important; /* Weiß bleibt auch beim Hover */ | |||
text-decoration: none !important; | |||
} | |||
/*------------------------------------*/ | /*------------------------------------*/ | ||
Zeile 136: | Zeile 159: | ||
/* Interne Links: Diese Links zeigen auf Seiten innerhalb des MediaWiki-Projekts. */ | /* Interne Links: Diese Links zeigen auf Seiten innerhalb des MediaWiki-Projekts. */ | ||
a.mw-redirect { | a.mw-redirect { | ||
color: # | color: #ff5000!important; /* dunkles Bitcoin-Orange für Weiterleitungen (Weiterleitungen auf Linkseiten) (alt ff9900 - helle Bitcoin-Orange) */ | ||
} | } | ||
a.mw-disambig { | a.mw-disambig { | ||
color: # | color: #ff5000; /* helles Bitcoin-Orange für Links zu Begriffsklärungsseiten */ | ||
} | } | ||
Zeile 147: | Zeile 170: | ||
/* Externe Links: Diese Links zeigen auf Seiten außerhalb des MediaWiki-Projekts. Sie haben in MediaWiki standardmäßig ein kleines Symbol. */ | /* Externe Links: Diese Links zeigen auf Seiten außerhalb des MediaWiki-Projekts. Sie haben in MediaWiki standardmäßig ein kleines Symbol. */ | ||
a.external { | a.external { | ||
color: # | color: #ff5000; !important /* dunkeles Bitcoin-Orange für externe Links */ | ||
/* text-decoration: underline; /* Unterstrichen */ */ | /* text-decoration: underline; /* Unterstrichen */ */ | ||
} | } |
Aktuelle Version vom 3. November 2024, 13:27 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Test CSS */
/* body {
border: 5px solid red;
}
*/
/* Ändert die Farbe der normalen Links */
a {
color: #ff5000; /* Normal dunkelorange ff6600 Link vor Anklicken */
padding: 2px 0px;
border-radius: 5px;
text-decoration: none;
font-weight: 600; /* Fett=bold */
}
/* Ändert die Farbe der normalen Links in weiß */
.white-link {
color: #ffffff !important;
text-decoration: none !important;
}
/*------------------------------------*/
/* Hover-Effekt für normale Links */
a:hover {
color: #ff5000; /* Orange-Rot beim Hover */
text-decoration: underline; /* Unterstreicht den Link beim Hover */
font-weight: bold; /* Fett beim Hover */
}
/* Ändert die Farbe der besuchten Links */
a:visited {
color: #ff5000; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000* altE65500/
font-weight: normal;
background-color: transparent !important; /* Entfernt den Textmarker */
padding: 0 !important; /* Entfernt das Padding */
border-radius: 0 !important; /* Entfernt die abgerundeten Ecken */
}
/* Hover-Effekt für besuchte Links */
a:visited:hover {
color: #ff5000; /* Helleres Dunkelorange beim Hover */
text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */
font-weight: bold; /* Fett beim Hover */
}
/* Ändert die Farbe der aktiven Links */
a:active {
color: #ff5000; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
background-color: transparent; /* Kein Hintergrund bei aktiven Links */
}
/*------------------------------------*/
/* Erhöht die Schriftgröße um 0.7em */
body {
font-size: calc(0.7em) !important;
}
/* Erhöht die Schriftgröße um 0.7em für die Seite "Einstellungen" */
body.page-Spezial_Einstellungen {
font-size: calc(0.7em) !important;
}
/*------------------------------------*/
/* Ändert die Farbe der normalen Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a {
color: #ff5000; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
padding: 2px 0px;
border-radius: 5px;
text-decoration: none;
font-weight: bold; /* Fett */
}
/*------------------------------------*/
/* Hover-Effekt für normale Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a:hover {
color: #ff5000; /* #FF4500 */
text-decoration: underline; /* Unterstreicht den Link beim Hover */
font-weight: bold; /* Fett beim Hover */
}
/*------------------------------------*/
/* Hover-Effekt für besuchte Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a:visited:hover {
color: #ff5000; /* Helleres Dunkelorange beim Hover */
text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */
font-weight: bold; /* Fett beim Hover */
}
/*------------------------------------*/
/* Ändert die Farbe der aktiven Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a:active {
color: #ff5000!important; /* Bitcoin-Orange */
background-color: transparent; /* Kein Hintergrund bei aktiven Links */
}
/*------------------------------------*/
/* zusätzliche Einstellungen */
/*------------------------------------*/
/* Interner Link (Seite existiert) */
a.internal {
color: #ff5000!important; /* Bitcoin-Orange für interne Links alt ff6000 */
text-decoration: none;
}
/*------------------------------------*/
/* Interner Link zu einer nicht existierenden Seite (rot) */
a.new {
color: #004eff; !important/* leuchtend Blau für nicht existierende Seiten */
text-decoration: underline; /* Optional: unterstrichen */
}
/*------------------------------------*/
/* Externe Links */
a.external {
color: #ff5000!important; /* Bitcoin-Orange für externe Links */
/* text-decoration: underline; /* Unterstreicht externe Links */ */
}
/*------------------------------------*/
/* Externe Links im Hover-Zustand */
a.external:hover {
color: #ff5000!important; /* #FF4500 */
text-decoration: none; /* Entfernt Unterstreichung beim Hover */
}
/*------------------------------------*/
/* Spezielle Klasse für weiße externe Links */
a.external.white-link {
color: #ffffff !important; /* Weiß für spezielle externe Links */
text-decoration: none !important; /* Entfernt Unterstreichung */
}
/* Spezielle Klasse für weiße externe Links im Hover-Zustand */
a.external.white-link:hover {
color: #ffffff !important; /* Weiß bleibt auch beim Hover */
text-decoration: none !important;
}
/*------------------------------------*/
/* Interne Links: Diese Links zeigen auf Seiten innerhalb des MediaWiki-Projekts. */
a.mw-redirect {
color: #ff5000!important; /* dunkles Bitcoin-Orange für Weiterleitungen (Weiterleitungen auf Linkseiten) (alt ff9900 - helle Bitcoin-Orange) */
}
a.mw-disambig {
color: #ff5000; /* helles Bitcoin-Orange für Links zu Begriffsklärungsseiten */
}
/*------------------------------------*/
/* Externe Links: Diese Links zeigen auf Seiten außerhalb des MediaWiki-Projekts. Sie haben in MediaWiki standardmäßig ein kleines Symbol. */
a.external {
color: #ff5000; !important /* dunkeles Bitcoin-Orange für externe Links */
/* text-decoration: underline; /* Unterstrichen */ */
}
/* Hiermit werden die Spezialseiten-Links für alle Benutzer außer Admins in allen Skins ausgeblendet. */
// hier "Druckversion", "Permanenter Link", "Spezialseiten", "Seiteninformationen", Links auf diese Seite" und "Änderungen an verlinkten Seiten"
body:not(.group-sysop) #t-specialpages {
display: none;
}
/*------------------------------------*/
/*------------------------------------*/
/* Diese CSS-Regeln kannst du in deine MediaWiki:Common.css-Datei einfügen, um die Stile global auf deinem Wiki anzuwenden. Alternativ kannst du sie auch in anderen Stylesheets verwenden, wenn du sie auf bestimmte Seiten oder Benutzergruppen anwenden möchtest.
Die Klassen wie internal, new, und external sind in MediaWiki vordefiniert und können zur Unterscheidung zwischen internen, nicht existierenden, und externen Links verwendet werden.
Beachte, dass du die !important-Anweisung nur sparsam verwenden solltest, um sicherzustellen, dass deine Stile korrekt überschrieben werden, wenn nötig. */