MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Altes Köln
Simon (Diskussion | Beiträge) (Sicherstellen, dass VE-Toolbar nicht unter fixen Header rutscht) |
Simon (Diskussion | Beiträge) (Karte bekommt volle Seitenhöhe) |
||
Zeile 7: | Zeile 7: | ||
*/ | */ | ||
+ | /* Powered By Logos verstecken */ | ||
#footer-poweredbyico { | #footer-poweredbyico { | ||
display: none; | display: none; | ||
} | } | ||
+ | /* Sicherstellen, dass die Visual Editor Toolbar nicht unter dem fixen Seitenheader hängt */ | ||
+ | .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { | ||
+ | margin-top: 56px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*--- Kartensammlungsseite ---*/ | ||
+ | |||
+ | /* Seite bekommt volle Breite */ | ||
.page-Kartensammlung .ak-main-grid.container { | .page-Kartensammlung .ak-main-grid.container { | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | . | + | /* Flexbox den ganzen Weg runter bis zur Karte anwenden, damit die Karte die volle Seitenhöhe ausfüllen kann. */ |
− | + | ||
+ | .page-Kartensammlung .ak-main-grid.container { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung .ak-main-grid.container > .row:nth-child(2) { | ||
+ | flex-grow: 1; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung .ak-main-grid.container > .row:nth-child(2) > .col { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung #content, | ||
+ | .page-Kartensammlung #bodyContent, | ||
+ | .page-Kartensammlung #mw-content-text, | ||
+ | .page-Kartensammlung #mw-content-text .mw-parser-output { | ||
+ | flex-grow: 1; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung .ak-map-container { | ||
+ | flex-grow: 1; | ||
+ | align-items: stretch; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung .ak-map-container { | ||
+ | flex-grow: 1; | ||
+ | align-items: stretch; | ||
+ | } | ||
+ | |||
+ | .page-Kartensammlung .ak-map, | ||
+ | .page-Kartensammlung .ak-map-sidebar { | ||
+ | height: auto; | ||
} | } | ||
Version vom 21. Juli 2019, 22:53 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; } */ /* Powered By Logos verstecken */ #footer-poweredbyico { display: none; } /* Sicherstellen, dass die Visual Editor Toolbar nicht unter dem fixen Seitenheader hängt */ .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { margin-top: 56px; } /*--- Kartensammlungsseite ---*/ /* Seite bekommt volle Breite */ .page-Kartensammlung .ak-main-grid.container { max-width: 100%; } /* Flexbox den ganzen Weg runter bis zur Karte anwenden, damit die Karte die volle Seitenhöhe ausfüllen kann. */ .page-Kartensammlung .ak-main-grid.container { display: flex; flex-direction: column; } .page-Kartensammlung .ak-main-grid.container > .row:nth-child(2) { flex-grow: 1; } .page-Kartensammlung .ak-main-grid.container > .row:nth-child(2) > .col { display: flex; flex-direction: column; } .page-Kartensammlung #content, .page-Kartensammlung #bodyContent, .page-Kartensammlung #mw-content-text, .page-Kartensammlung #mw-content-text .mw-parser-output { flex-grow: 1; display: flex; flex-direction: column; } .page-Kartensammlung .ak-map-container { flex-grow: 1; align-items: stretch; } .page-Kartensammlung .ak-map-container { flex-grow: 1; align-items: stretch; } .page-Kartensammlung .ak-map, .page-Kartensammlung .ak-map-sidebar { height: auto; } /* 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; }