MediaWiki:Common.css

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

/* =====================================================
MEDIAWIKI MERGED DESIGN

* Colors & Fonts: mediawiki-2
* Layout & Structure: mediawiki-1
  ===================================================== */

/* =====================
FONTS (mediawiki-2)
===================== */
@import url('[https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&family=Nunito+Sans:wght@400;600;700&display=swap](https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&family=Nunito+Sans:wght@400;600;700&display=swap)');

/* =====================
COLOR SYSTEM (mediawiki-2)
===================== */
:root {
--text-color: #ededed;
--link-color: #ecbc62;
--accent-color: #ecbc62;
--accent-dark: #d29f32;
--skin-border: #364862;

```
--body-main: #162039;
--body-light: #1D4066;
--body-mid: #192F4D;
--body-dark: #0a1626;

--background-text-color: var(--link-color);
--background-link-color: var(--text-color);

--errorbox-bg: #801c13;
--errorbox-border: #9f261e;
--warningbox-bg: #45310c;
--warningbox-border: #8b6a1f;
--successbox-bg: #2e5e05;
--successbox-border: #3c780a;
```

}

/* =====================
GLOBAL TYPOGRAPHY
===================== */
body {
font-family: "Nunito Sans", sans-serif;
background: var(--body-dark);
color: var(--text-color);
line-height: 1.6;
}

/* =====================
CONTENT LAYOUT (mediawiki-1)
===================== */
#content {
background: var(--body-main);
border: 1px solid var(--skin-border);
border-radius: 6px;
padding: 2em;
box-shadow: 0 6px 18px rgba(0,0,0,.35);
}

/* =====================
SIDEBAR (mediawiki-1 structure)
===================== */
#mw-panel {
width: 11em;
background: var(--body-dark);
border-right: 1px solid var(--skin-border);
}

#mw-panel a {
color: var(--link-color);
font-family: "Lexend", sans-serif;
}

#mw-panel a:hover {
text-decoration: underline;
}

/* =====================
HEADINGS
===================== */
h1, h2, h3, h4 {
font-family: "Lexend", sans-serif;
color: var(--accent-color);
letter-spacing: 0.03em;
}

/* =====================
LINKS
===================== */
a {
color: var(--link-color);
}

a.new {
color: #f26d60;
}

/* =====================
MESSAGE BOXES
===================== */
.mw-message-box-error {
background: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.mw-message-box-warning {
background: var(--warningbox-bg);
border-color: var(--warningbox-border);
}

.mw-message-box-success {
background: var(--successbox-bg);
border-color: var(--successbox-border);
}

/* =====================
FOOTER (mediawiki-2)
===================== */
.mw-footer {
background: var(--body-dark);
border: 2px solid var(--skin-border);
border-radius: 6px;
margin-top: 1em;
padding: .75em;
}

/* =====================
BUTTONS
===================== */
.mw-ui-button {
background: var(--accent-color);
color: #000;
border-radius: 5px;
transition: background .2s ease;
}

.mw-ui-button:hover {
background: var(--accent-dark);
}

/* =====================
POPUPS / TOOLING
===================== */
.mwe-popups {
background: var(--body-light);
color: var(--text-color);
}

/* =====================
RESPONSIVE
===================== */
@media (max-width: 768px) {
#mw-panel {
display: none;
}
#content {
padding: 1.25em;
}
}