MediaWiki:Common.css

Aus Transfusionshandbuch
Version vom 30. Oktober 2024, 13:45 Uhr von Transfusions wiki (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* 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: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Legt eine flexible Spaltenstruktur fest */
    gap: 20px; /* Abstand zwischen den Boxen */
    
    
}

/* Einzelne Box */
.custom-window-frame {
    /* display: flex; */
    /* flex-direction: column; */
   /* align-items: center; */
    width: 100%; /* 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: 100%; */
    overflow: hidden;
}

.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: 130px; /* Festgelegte Höhe für Einheitlichkeit */
    padding-top: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tile-bottom h2 {
    border: none; /* Entfernt eventuelle untere Linien im h2-Tag */
    margin: 0px; /* Stellt sicher, dass keine unerwünschten Abstände vorhanden sind */
    font-size: 1.5em;
    
    text-decoration: none; /* Entfernt eventuelle Unterstreichung *
}

.custom-window-frame .tile-bottom h2 a:visited {
     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;
}