MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(10 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: #FF5400; /* Normal dunkelorange ff6600 Link vor Anklicken */
     color: #ff5000; /* Normal dunkelorange ff6600 Link vor Anklicken */
     padding: 2px 4px;
     padding: 2px 0px;
     border-radius: 5px;
     border-radius: 5px;
     text-decoration: none;
     text-decoration: none;
     font-weight: normal; /* Fett=bold */
     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: #FF4500; /* Orange-Rot beim Hover */
     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 */
}
}


/* Ändert die Farbe der besuchten Links */
/* Ändert die Farbe der besuchten Links */
a:visited {
a:visited {
     color: #F54000 ; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000* altE65500/
     color: #ff5000; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000* altE65500/
     font-weight: bold;
     font-weight: normal;
     background-color: transparent !important; /* Entfernt den Textmarker */
     background-color: transparent !important; /* Entfernt den Textmarker */
     padding: 0 !important; /* Entfernt das Padding */
     padding: 0 !important; /* Entfernt das Padding */
     border-radius: 0 !important; /* Entfernt die abgerundeten Ecken */
     border-radius: 0 !important; /* Entfernt die abgerundeten Ecken */
}
}
/*------------------------------------*/


/* Hover-Effekt für besuchte Links */
/* Hover-Effekt für besuchte Links */
a:visited:hover {
a:visited:hover {
     color: #FF8C00; /* Helleres Dunkelorange beim Hover */
     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 */
}
}


/* Ändert die Farbe der aktiven Links */
/* Ändert die Farbe der aktiven Links */
a:active {
a:active {
     color: #E65500; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     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: #E65500; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     color: #ff5000; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     padding: 2px 4px;
     padding: 2px 0px;
     border-radius: 5px;
     border-radius: 5px;
     text-decoration: none;
     text-decoration: none;
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: #FF4500; /* #FF4500 */
     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 */
}
}


Zeile 82: 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: #FF8C00; /* Helleres Dunkelorange beim Hover */
     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 */
}
}


Zeile 90: 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: #E65500 !important; /* Bitcoin-Orange */
     color: #ff5000!important; /* Bitcoin-Orange */
     background-color: transparent; /* Kein Hintergrund bei aktiven Links */
     background-color: transparent; /* Kein Hintergrund bei aktiven Links */
}
}
Zeile 102: Zeile 112:
/* Interner Link (Seite existiert) */
/* Interner Link (Seite existiert) */
a.internal {
a.internal {
     color: #ff6000 !important; /* Bitcoin-Orange für interne Links alt ff6000 */
     color: #ff5000!important; /* Bitcoin-Orange für interne Links alt ff6000 */
     text-decoration: none;
     text-decoration: none;
}
}
Zeile 118: Zeile 128:
/* Externe Links */
/* Externe Links */
a.external {
a.external {
     color: #E65500 !important; /* Bitcoin-Orange für externe Links */
     color: #ff5000!important; /* Bitcoin-Orange für externe Links */
/*    text-decoration: underline; /* Unterstreicht externe Links */ */
/*    text-decoration: underline; /* Unterstreicht externe Links */ */
}
}
Zeile 126: Zeile 136:
/* Externe Links im Hover-Zustand */
/* Externe Links im Hover-Zustand */
a.external:hover {
a.external:hover {
     color: #FF4500 !important; /* #FF4500 */
     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 134: 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: #FF6000 !important; /* dunkles Bitcoin-Orange für Weiterleitungen (Weiterleitungen auf Linkseiten) (alt ff9900 - helle Bitcoin-Orange) */
     color: #ff5000!important; /* dunkles Bitcoin-Orange für Weiterleitungen (Weiterleitungen auf Linkseiten) (alt ff9900 - helle Bitcoin-Orange) */
}
}


a.mw-disambig {
a.mw-disambig {
     color: #FF9900; /* helles Bitcoin-Orange für Links zu Begriffsklärungsseiten */
     color: #ff5000; /* helles Bitcoin-Orange für Links zu Begriffsklärungsseiten */
}
}


Zeile 145: 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: #E65500; !important /* dunkeles Bitcoin-Orange für externe Links */
     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. */