MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus E-Learning Wiki
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 16: Zeile 16:
/* Anpassung des Seitentitels beim Hochscrollen im Vector 2022-Stil */
/* Anpassung des Seitentitels beim Hochscrollen im Vector 2022-Stil */
.mw-vector-header-sticky-container {
.mw-vector-header-sticky-container {
   font-weight: bold;
   background-color: #F5F5F5; /* Hintergrundfarbe anpassen */
   display: inline-block;
   padding: 10px; /* Innenabstand anpassen */
   background-color: #00A9E0; /* Farbcode hier ersetzen */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Schatten anpassen */
   color: #000000; /* Farbe des Texts hier festlegen */
   font-weight: bold; /* Fettdruck einstellen */
   padding: 5px; /* Abstand zum Textinhalt einstellen */
   font-family: sans-serif; /* Schriftart anpassen */
   text-transform: uppercase; /* Großbuchstaben einstellen */
}
}



Version vom 23. Mai 2023, 14:41 Uhr

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

/* Allgemeines zum Interface */
/* Wir wollen die Toolbox in der Seitenleiste nicht anzeigen, damit die anonymen Benutzer, die ja sowieso keine Bearbeitungs-Rechte haben, nicht verwirrt werden. */

#p-tb { display: none; }

/* Wir wollen auch nicht, dass der Vector-Skin jeden Benutzer fragt, ob er lieber den alten Vektor-Skin verwenden möchte. */
/* Man findet verschiedene Anleitungen dazu, wie man das erreichen kann. Ein eleganterer Ansatz dazu steht in MediaWiki:Vector.css. Leider funktioniert er nicht zuverlässig für alle Benutzer. */
/* Deshalb machen wir hier was unelegantes. Weil der entsprechende Text keine Css-id zugewiesen bekommen hat, verstecken wir einfach eine allgemeine Class, zu der er gehört. Sonst scheint nichts diese Class zu verwenden, aber es ist natürlich ein Risiko da, dass sich das bei Zukünftigen Mediawiki-Versionen ändert. */

.mw-sidebar-action-item{
    display: none
}

/* Anpassung des Seitentitels beim Hochscrollen im Vector 2022-Stil */
.mw-vector-header-sticky-container {
  background-color: #F5F5F5; /* Hintergrundfarbe anpassen */
  padding: 10px; /* Innenabstand anpassen */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Schatten anpassen */
  font-weight: bold; /* Fettdruck einstellen */
  font-family: sans-serif; /* Schriftart anpassen */
  text-transform: uppercase; /* Großbuchstaben einstellen */
}

/* Verhindert Serifen-Schrift in den Überschriften */

h1, h2 { font-family: inherit !important; }

/* Hintergrundfarbe für h1-Überschriften festlegen */
h1 {
  font-weight: bold;
  display: inline-block;
  background-color: #00A9E0; /* Farbcode hier ersetzen */
  color: #000000; /* Farbe des Texts hier festlegen */
  padding: 5px; /* Abstand zum Textinhalt einstellen */
}

/* Überschriften in fett und blau unterstrichen darstellen */
h2, h3 {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #00A9E0;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}

/* Vorschaubilder auf 200px Größe beschränken */
.thumbinner {
  max-width: 200px !important;
}


/* Einige spezielle Tabellen, die in unseren Templates verwendet werden */

table.beispielboxtable, table.irgendneanderetable{
    margin-left: 2em;
    margin-right: 4em;
    box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);
    border-radius: 0.5em;
    border: 0px;
}

table.beispielboxtable th{
    /* background:#006ca2; */
    background: #59c7eb;
    color:black;
    text-align:left;
    border-top-left-radius:0.5em;
    border-top-right-radius:0.5em;
    border: 0em;
    padding: 0.4em;
}

table.beispielboxtable th:hover {
    background: #00a9e0;
    color:white;
}

table.beispielboxtable td{
    background:#ecffff;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border: 0em;
    padding: 0.4em;
}