Zum Inhalt springen

Vorlage:Hauptseite/styles.css: Unterschied zwischen den Versionen

Aus FLBK-Wiki
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
 
Zeile 3: Zeile 3:
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 10px; /* Abstand zwischen den Boxen */
     gap: 10px;
}
}
/* Stil für die Box */
/* Stil für die Box */
.portal-box {
.portal-box {
    border: 1px solid #8898BF;
     padding: 10px;
     padding: 10px;
     margin-bottom: 10px;
     margin-bottom: 10px;
    background-color: #f9f9f9;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
     flex: 1 1 calc(33.333% - 10px); /* Jede Box nimmt ein Drittel der Breite ein, minus Abstand */
     flex: 1 1 calc(33.333% - 10px);
     box-sizing: border-box; /* Damit Padding und Border in der Breite mit einberechnet werden */
     box-sizing: border-box;
    color: var(--color-base, #202122);
    background-color: var(--background-color-neutral-subtle, #f9f9f9);
    border: 1px solid #8898bf;
}
}
/* Stil für die Überschrift der Box */
/* Stil für die Überschrift der Box */
Zeile 21: Zeile 22:
     font-weight: bold;
     font-weight: bold;
     line-height: 1.5;
     line-height: 1.5;
     display: block !important; /* zur Korrektur unerwünschter Effekte mit display:flex in Mobilversion */
     display: block !important;
    background-color: #D8E8FF;
     margin: -10px -10px 10px -10px;
     margin: -10px -10px 10px -10px;
     padding: 5px 10px;
     padding: 5px 10px;
     border-bottom: 1px solid #8898BF;
    color: var(--color-base, #202122);
     border-top: 1px solid #8898BF;
    background-color: var(--background-color-progressive-subtle, #D8E8FF);
     border-top: 1px solid #8898bf;
     border-bottom: 1px solid #8898bf;
}
}
/* Inhaltsverzeichnis für Seiten mit der Klasse 'no-toc' ausblenden */
/* Inhaltsverzeichnis für Seiten mit der Klasse 'no-toc' ausblenden */

Aktuelle Version vom 8. Juli 2026, 16:46 Uhr

/* Stil für die Container der Boxen */
.portal-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* Stil für die Box */
.portal-box {
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(33.333% - 10px);
    box-sizing: border-box;
    color: var(--color-base, #202122);
    background-color: var(--background-color-neutral-subtle, #f9f9f9);
    border: 1px solid #8898bf;
}
/* Stil für die Überschrift der Box */
.portal-box h2 {
    font-family: inherit;
    font-size: 0.67em;
    font-weight: bold;
    line-height: 1.5;
    display: block !important;
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
    color: var(--color-base, #202122);
    background-color: var(--background-color-progressive-subtle, #D8E8FF);
    border-top: 1px solid #8898bf;
    border-bottom: 1px solid #8898bf;
}
/* Inhaltsverzeichnis für Seiten mit der Klasse 'no-toc' ausblenden */
.no-toc .toc {
    display: none;
}