MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 30. Oktober 2024, 12:22 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: 10px;
    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 {
    width: 100%;
    height: 150px; /* Festgelegte Höhe für den Bildbereich */
    overflow: hidden;
}

/* Bild im Bildbereich anpassen */
.tile-top.tile-image img {
    width: 100%;
    height: auto;
object-fit: cover; /* Bild skaliert, um den Bereich auszufüllen */
    object-position: center; /* Bild wird zentriert */
}

.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;
}