MediaWiki:Common.css
Aus Altes Köln
Version vom 28. Juli 2019, 20:41 Uhr von Simon (Diskussion | Beiträge) (Experimente mit dem Seitenkopf)
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. */ /* Seitenkopf */ .ak-page-header { background-image: url(/images/b/b0/Colonia.png); background-repeat: no-repeat; background-size: cover; background-position-y: 33%; } .ak-page-header__content { /*background-image: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(0,0,0,0) 100%);*/ margin-left: 0; background-color: rgba(255,255,255,0.65); } .ak-page-header__logo-col { padding-left: 0; } /*.ak-page-header__headline-col { display: flex; align-items: center; }*/ .ak-page-header__headline { margin: 0; border: none; padding: 0; font-family: 'UnifrakturMaguntia', cursive; font-size: 5rem; line-height: 1; line-height: 135px; padding-top: 10px; margin-bottom: -10px; text-align: center; color: #5e2028; } /* Padding von Seiteninhalt entfernen, es bekommt schon von Bootstrap Padding. So können wir es mit anderen Bootstrap-Containern alignen. */ .mw-body { padding: 0; } /* 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; } /* Links im Fließtext unterstreichen */ .content a, .content a[href].new, .content a[href].external { text-decoration-color: lightgray; text-decoration-line: underline; } /* Externe Links mit Icon markieren */ .mw-parser-output .external { background-position: center right; background-repeat: no-repeat; background-size: 12px; background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%231a76c7' d='M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z'%3E%3C/path%3E%3C/svg%3E"); padding-right: 15px; } /*--- Kartensammlungsseite ---*/ /* Überschrift auf Hauptseite verstecken */ body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; } body.page-Hauptseite .contentHeader { margin-top: 2.5em; } /*--- 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; }