MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
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 4px;
     border-radius: 5px;
     border-radius: 5px;
Zeile 20: Zeile 20:
/* 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 */
}
}
Zeile 26: Zeile 26:
/* Ä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 */
Zeile 37: Zeile 37:
/* 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 */
}
}
Zeile 43: Zeile 43:
/* Ä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 63:
/* Ä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 4px;
     border-radius: 5px;
     border-radius: 5px;
Zeile 74: Zeile 74:
/* 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: normal; /* Fett=bold */
}
}


Zeile 82: Zeile 83:
/* 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: normal; /* Fett=bold */
}
}


Zeile 90: Zeile 92:
/* Ä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 */
}
}

Version vom 8. Oktober 2024, 12:29 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 4px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal; /* Fett=bold */
}

/*------------------------------------*/

/* Hover-Effekt für normale Links */
a:hover {
    color: #FF5000; /* Orange-Rot beim Hover */
    text-decoration: underline; /* Unterstreicht den Link 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 */
}

/* Ä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 4px;
    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: normal; /* Fett=bold */
}

/*------------------------------------*/

/* 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: normal; /* Fett=bold */
}

/*------------------------------------*/

/* Ä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: #ff6000 !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: #E65500 !important; /* Bitcoin-Orange für externe Links */
/*    text-decoration: underline; /* Unterstreicht externe Links */ */
}

/*------------------------------------*/

/* Externe Links im Hover-Zustand */
a.external:hover {
    color: #FF4500 !important; /* #FF4500 */
    text-decoration: none; /* Entfernt Unterstreichung beim Hover */
}

/*------------------------------------*/

/* Interne Links: Diese Links zeigen auf Seiten innerhalb des MediaWiki-Projekts. */
a.mw-redirect {
    color: #FF6000 !important; /* dunkles Bitcoin-Orange für Weiterleitungen (Weiterleitungen auf Linkseiten) (alt ff9900 - helle Bitcoin-Orange) */
}

a.mw-disambig {
    color: #FF9900; /* 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: #E65500; !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. */