MediaWiki:Common.css
Aus quickguide.bitcointoolz.com
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* 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. */
