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. Weitere Informationen

Altes Köln

MediaWiki:Common.css

Aus Altes Köln
Version vom 28. Juli 2019, 12:39 Uhr von Simon (Diskussion | Beiträge) (Seitenkopf gestaltet)
Wechseln zu:Navigation, Suche

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* 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;
}
*/


/* Seitenkopf */
.ak-page-header {
	background-image: url(/images/b/b0/Colonia.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 33%;
}

/* 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;
}