MediaWiki:Common.css

Aus Orderjutsu Wiki
Version vom 9. September 2024, 09:13 Uhr von Alexander (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Hinweis: Leere nach dem Veröffentlichen 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/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@import url(https://fonts.bunny.net/css?family=lato:100,400,700,900);
body {
	color: #242424;
	background: #242424;
	font-family: 'Lato', sans-serif;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt,
#personal h2,
#p-logo-text a {
	font-family: 'Lato', sans-serif !important;
}
.mw-body h1.firstHeading {
    margin: 0.25em 0 0.5em;
    border-bottom: solid 4px #f2920a;
}

.mw-wiki-logo {
	background-size: 80%;
}
.tools-inline li.selected {
    border-bottom-color: #f2920a;
}
#mw-footer-container {
	background: #242424;
}
#mw-content-container {
    border-bottom: solid 4px #f2920a !important;
}

a {
    text-decoration: underline;
    font-weight: 600;
    color: #000000;
}
.mw-editsection a,
.sidebar-inner a,
div[role="navigation"] a {
	text-decoration: none;
}
a:visited {
    color: #242424;
}
a:visited:hover,
a:hover {
    color: #f2920a;
}

.color-middle,
.color-right,
.color-left {
    background: #f2920a;
}


.ext-YouTube-video.ext-YouTube-video--lazy {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 25px !important;
    height: 0 !important;
    max-width: 560px !important;
    width: 100% !important;
    
}
.ext-YouTube-video.ext-YouTube-video--lazy img,
.ext-YouTube-video.ext-YouTube-video--lazy iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

iframe {
    width: 100% !important;
    max-width: 560px !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}