MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 30. Oktober 2024, 13:48 Uhr

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

body.page-Hauptseite #firstHeading {
    display: none;
}

#p-personal .minerva-logo {
    display: none;
}

/* Container für mehrere Boxen */
.tile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20; /* Abstand zwischen den Boxen */
    justify-content: center;
}

/* Einzelne Box */
.custom-window-frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200; /* Breite jeder Box */
    height: 250; /* Einheitliche Höhe der Boxen */
    text-align: center;
    border: none;
    overflow: hidden;
    padding: 10;
    box-shadow: 0 2 2 rgba(0, 0, 0, 0.25);
    text-decoration: none; /* Link-Dekoration entfernen */
    color: inherit;
    background-color: #fff;
    border-radius: 8;
}

/* Bildbereich festlegen und skalieren */
.tile-top.tile-image {
    height: 150; /* Feste Höhe des Bildbereichs */
    overflow: hidden;
}

.tile-top.tile-image .mw-file-element {
    width: 100%; /* Passt das Bild auf die Breite des Containers an */
    height: auto; /* Hält das Seitenverhältnis des Bildes bei */
    max-height: 100%; /* Verhindert, dass das Bild den Container überschreitet */
}

.tile-bottom.link-button {
    border: none; /* Entfernt eventuelle Ränder */
    box-shadow: none; /* Entfernt Schatten oder Linien */
    background: transparent; /* Stellt sicher, dass keine Hintergrundfarbe das Element beeinflusst */
height: 100px; /* Festgelegte Höhe für Einheitlichkeit */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tile-bottom h2 {
    border: none; /* Entfernt eventuelle untere Linien im h2-Tag */
    margin: 0; /* Stellt sicher, dass keine unerwünschten Abstände vorhanden sind */
    font-size: 1.5em;
    style=color:black; /* Standardfarbe für den Titel-Link */
    text-decoration: none; /* Entfernt eventuelle Unterstreichung *
}

.custom-window-frame .tile-bottom h2 a:visited {
     style=color:black; /* Farbe für besuchte Links */
}

.custom-window-frame .tile-bottom h2 a:hover {
    color: darkgray; /* Optionale Farbe bei Hover */
}

.custom-window-frame .tile-bottom h2 a:active {
    color: black; /* Farbe, wenn der Link aktiv ist */
}



.custom-window-frame .tile-top.tile-image {
    cursor: pointer;
}