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, 20: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;
}