MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Altes Köln
Simon (Diskussion | Beiträge) (Anpassung für Kartensammlungsseite in Chameleon-Skin) |
Simon (Diskussion | Beiträge) (Design- und Layout-Elemente hinzugefügt) |
||
Zeile 13: | Zeile 13: | ||
.page-Kartensammlung .ak-main-grid.container { | .page-Kartensammlung .ak-main-grid.container { | ||
max-width: 100%; | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Design- und Layout-Elemente */ | ||
+ | |||
+ | .ak-layout { | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | .ak-layout > * { | ||
+ | flex-grow: 1; | ||
+ | } | ||
+ | |||
+ | .ak-box { | ||
+ | /*outline: 5px solid darkgray;*/ | ||
+ | margin-top: 1rem; | ||
+ | margin-bottom: 2rem; | ||
+ | /*border: 5px solid white; | ||
+ | background: gray;*/ | ||
+ | /*border: 1px solid #ced4da;*/ | ||
+ | border-radius: 4px; | ||
+ | box-shadow: 0px 3px 12px rgba(0,0,0,0.1); | ||
+ | padding: 1rem; | ||
+ | } | ||
+ | |||
+ | .ak-layout > .ak-box + .ak-box { | ||
+ | margin-left: 2rem; | ||
+ | } | ||
+ | |||
+ | .ak-layout + .ak-box { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .ak-box h2 { | ||
+ | margin: 0 0 1rem 0; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | font-size: 1.5rem; | ||
+ | } | ||
+ | |||
+ | .ak-link-list ul { | ||
+ | list-style: none; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | margin: 0 0 1rem 0; | ||
+ | padding: 0; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .ak-link-list li + li { | ||
+ | margin-left: 0.5rem; | ||
+ | } | ||
+ | |||
+ | .ak-link-list li + li::before { | ||
+ | content: "\0000B7"; | ||
+ | margin-right: 0.5rem; | ||
} | } |
Version vom 14. Juli 2019, 17:38 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ /*body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; } */ #footer-poweredbyico { display: none; } .page-Kartensammlung .ak-main-grid.container { max-width: 100%; } /* Design- und Layout-Elemente */ .ak-layout { display: flex; } .ak-layout > * { flex-grow: 1; } .ak-box { /*outline: 5px solid darkgray;*/ margin-top: 1rem; margin-bottom: 2rem; /*border: 5px solid white; background: gray;*/ /*border: 1px solid #ced4da;*/ border-radius: 4px; box-shadow: 0px 3px 12px rgba(0,0,0,0.1); padding: 1rem; } .ak-layout > .ak-box + .ak-box { margin-left: 2rem; } .ak-layout + .ak-box { margin-top: 0; } .ak-box h2 { margin: 0 0 1rem 0; padding: 0; text-align: center; font-size: 1.5rem; } .ak-link-list ul { list-style: none; display: flex; justify-content: center; margin: 0 0 1rem 0; padding: 0; font-weight: bold; } .ak-link-list li + li { margin-left: 0.5rem; } .ak-link-list li + li::before { content: "\0000B7"; margin-right: 0.5rem; }