MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 30. Oktober 2024, 12:12 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: 20px; /* Abstand zwischen den Boxen */
    justify-content: center;
}

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

/* Bildbereich festlegen und skalieren */
.tile-top.tile-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f4f4; /* Hintergrundfarbe (optional) */
    overflow: hidden;
    padding: 0;
    height: 13vw; /* Dynamische Höhe, passt sich an Bildschirmbreite an */
    max-height: 12em; /* Maximalhöhe als Absicherung */
    transition: 0.4s ease-out; /* Für sanfte Übergänge bei Änderungen */
}

/* Bild im Bildbereich anpassen */
.tile-top.tile-image img {
    width: 100%;
    height: auto;
}

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

.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 .full-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

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