MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
/* Ändert die Farbe der normalen Links */
/* Ändert die Farbe der normalen Links */
a {
a {
     color: #990000; /* Dunkler Link vor Anklicken - Bordeaux-Rot (Dunkles Rot); alternative wäre #FF0000 (Knallrot) */
     color: #FF6000; /* Normal dunkelorange Link vor Anklicken */
     padding: 2px 4px;
     padding: 2px 4px;
     border-radius: 5px;
     border-radius: 5px;
Zeile 18: Zeile 18:
/* Ändert die Farbe der besuchten Links */
/* Ändert die Farbe der besuchten Links */
a:visited {
a:visited {
     color: #E65500 ; /* Dunkleres Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     color: #E65500 ; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     font-weight: bold;
     font-weight: bold;
     background-color: transparent !important; /* Entfernt den Textmarker */
     background-color: transparent !important; /* Entfernt den Textmarker */
Zeile 33: Zeile 33:
/* Ändert die Farbe der aktiven Links */
/* Ändert die Farbe der aktiven Links */
a:active {
a:active {
     color: #FF0000; /* Knallrot */
     color: #E65500; /* 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 49: Zeile 49:
/* Ä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: #FF6000; /* Bordeaux-Rot */
     color: #E65500; /* Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
     padding: 2px 4px;
     padding: 2px 4px;
     border-radius: 5px;
     border-radius: 5px;
Zeile 58: Zeile 58:
/* 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; /* Orange-Rot beim Hover */
     color: #FF4500; /* #FF4500 */
     text-decoration: underline; /* Unterstreicht den Link beim Hover */
     text-decoration: underline; /* Unterstreicht den Link beim Hover */
}
}
Zeile 70: Zeile 70:
/* Ä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: #FF0000; /* Bordeaux-Rot */
     color: #E65500 !important; /* Bitcoin-Orange */
     background-color: transparent; /* Kein Hintergrund bei aktiven Links */
     background-color: transparent; /* Kein Hintergrund bei aktiven Links */
}
}
Zeile 80: Zeile 80:
/* Interner Link (Seite existiert) */
/* Interner Link (Seite existiert) */
a.internal {
a.internal {
     color: #00BFFF; /* Blau für interne Links */
     color: #FF6000 !important; /* Bitcoin-Orange für interne Links */
     text-decoration: none;
     text-decoration: none;
}
}
Zeile 86: Zeile 86:
/* Interner Link zu einer nicht existierenden Seite (rot) */
/* Interner Link zu einer nicht existierenden Seite (rot) */
a.new {
a.new {
     color: #004eff; /* leuchtend Blau für nicht existierende Seiten */
     color: #004eff; !important/* leuchtend Blau für nicht existierende Seiten */
     text-decoration: underline; /* Optional: unterstrichen */
     text-decoration: underline; /* Optional: unterstrichen */
}
}
Zeile 92: Zeile 92:
/* Externe Links */
/* Externe Links */
a.external {
a.external {
     color: #FF6000 !important; /* für externe Links */
     color: #E65500 !important; /* Bitcoin-Orange für externe Links */
     text-decoration: underline; /* Unterstreicht externe Links */
     text-decoration: underline; /* Unterstreicht externe Links */
}
}
Zeile 98: Zeile 98:
/* Externe Links im Hover-Zustand */
/* Externe Links im Hover-Zustand */
a.external:hover {
a.external:hover {
     color: #9900000 !important; /* Knallrot beim Hover */
     color: #FF4500 !important; /* #FF4500 */
     text-decoration: none; /* Entfernt Unterstreichung beim Hover */
     text-decoration: none; /* Entfernt Unterstreichung beim Hover */
}
}
Zeile 104: Zeile 104:
/* 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: #FF9900 !important; /* Knallrot für Weiterleitungen */
     color: #FF9900 !important; /* helles Bitcoin-Orange für Weiterleitungen */
}
}


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


Zeile 114: Zeile 114:
/* 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: #990000; /* Orange für externe Links */
     color: #E65500; !important /* dunkeles Bitcoin-Orange für externe Links */
     text-decoration: underline; /* Unterstrichen */
     text-decoration: underline; /* Unterstrichen */
}
}

Version vom 6. September 2024, 15:32 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Ändert die Farbe der normalen Links */
a {
    color: #FF6000; /* Normal dunkelorange Link vor Anklicken */
    padding: 2px 4px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold; /* Fett */
}

/* Hover-Effekt für normale Links */
a:hover {
    color: #FF4500; /* Orange-Rot beim Hover */
    text-decoration: underline; /* Unterstreicht den Link beim Hover */
}

/* Ändert die Farbe der besuchten Links */
a:visited {
    color: #E65500 ; /* nach Anklicken Bitcoin-Orange Dunkelorange; alternativ, etwas leuchtender und Websafe #FF6000*/
    font-weight: bold;
    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: #FF8C00; /* Helleres Dunkelorange beim Hover */
    text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */
}

/* Ändert die Farbe der aktiven Links */
a:active {
    color: #E65500; /* 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: #E65500; /* 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: #FF4500; /* #FF4500 */
    text-decoration: underline; /* Unterstreicht den Link beim Hover */
}

/* Hover-Effekt für besuchte Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a:visited:hover {
    color: #FF8C00; /* Helleres Dunkelorange beim Hover */
    text-decoration: underline; /* Unterstreicht besuchte Links beim Hover */
}

/* Ändert die Farbe der aktiven Links auf der Seite "Einstellungen" */
body.page-Spezial_Einstellungen a:active {
    color: #E65500 !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 */
    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: #FF9900 !important; /* helles Bitcoin-Orange für Weiterleitungen */
}

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 */
}


/* 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. */