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

Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(24 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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 #a2a9b1;
     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 */
.portal-box h2 {
.portal-box h2 {
     font-family: "Linux Libertine", "Georgia", "Times", "Times New Roman", serif;
     font-family: inherit;
     background-color: #d0e4f7;
     font-size: 0.67em;
     color: #000000; /* Schwarz */
     font-weight: bold;
     font-weight: bold; /* Fett gedruckt */
     line-height: 1.5;
    display: block !important;
     margin: -10px -10px 10px -10px;
     margin: -10px -10px 10px -10px;
     padding: 5px 10px;
     padding: 5px 10px;
     font-size: 1.2em;
     color: var(--color-base, #202122);
     border-bottom: 1px solid #a2a9b1;
    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 */