Altes Köln

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
(Sicherstellen, dass VE-Toolbar nicht unter fixen Header rutscht)
(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%;
}
}


.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
/* Flexbox den ganzen Weg runter bis zur Karte anwenden, damit die Karte die volle Seitenhöhe ausfüllen kann. */
margin-top: 56px;
 
.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;
}
Cookies helfen uns bei der Bereitstellung von Altes Köln. Durch die Nutzung von Altes Köln erklärst du dich damit einverstanden, dass wir Cookies speichern.