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
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* WetterCube Wiki: Design wie wettercube.de (hell: weiß, Himmelblau, Orange, Navy). Als MediaWiki:Common.css einspielen. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("/images/fonts/montserrat-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("/images/fonts/montserrat-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--wc-himmel:#87ceeb;--wc-himmel-dunkel:#2b7fa3;--wc-kachel:#e0f7ff;--wc-flaeche:#f5fbfe;--wc-rand:#b9d6e4;--wc-text2:#4b5563;--wc-orange:#ce4b11;--wc-navy:#0b2545}
body,.mw-body,.mw-body-content,.vector-body,#mw-content-text,input,textarea,select,button{font-family:"Montserrat","Avenir Next","Segoe UI",system-ui,sans-serif}
body{background:#fff;color:#111827}
a{color:var(--wc-himmel-dunkel)}a:visited{color:#5a6fa0}a.new{color:var(--wc-orange)}
.mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-first-heading,.vector-body h1,.vector-body h2,.vector-body h3{font-family:"Montserrat","Avenir Next",system-ui,sans-serif;font-weight:600;letter-spacing:-.4px;color:#111827}
.mw-body h1,.mw-first-heading{font-size:2rem;border-bottom:3px solid var(--wc-himmel);padding-bottom:.25em}
.mw-body-content h2{border-bottom:1px solid var(--wc-rand);padding-bottom:.2em}
/* Kopf und Seitenleiste */
.vector-header-container,#mw-head,#mw-page-base{background:var(--wc-navy)!important}
.vector-header-container .vector-user-links a,.vector-header-container a,#mw-head a,#p-personal a,#mw-head .vector-menu-heading{color:#1d5f80!important}
.mw-logo-wordmark,.mw-logo-tagline{color:#fff}
.vector-search-box-input{border-radius:10px}
.vector-menu-portal .vector-menu-heading,#mw-panel .portal h3{color:var(--wc-himmel-dunkel);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
/* Tabellen */
.wikitable{border:1px solid var(--wc-rand);border-collapse:collapse;border-radius:10px;overflow:hidden;background:#fff}
.wikitable>*>tr>th{background:var(--wc-kachel);color:#0b2545;border:1px solid var(--wc-rand)}
.wikitable>*>tr>td{border:1px solid var(--wc-rand)}
/* Code */
code,pre,.mw-code{background:var(--wc-flaeche);border:1px solid #dcebf2;border-radius:6px}
code{padding:.05em .35em}pre{padding:.8em 1em}
/* Hinweisboxen */
.wc-box{margin:1em 0;border:1px solid var(--wc-rand);border-left:5px solid var(--wc-himmel);border-radius:10px;padding:.8em 1.1em;background:var(--wc-flaeche)}
.wc-warn{margin:1em 0;border:1px solid #f1c9b6;border-left:5px solid var(--wc-orange);border-radius:10px;padding:.8em 1.1em;background:#fff7f2}
.wc-sprachhinweis{float:right;font-size:.85rem;border:1px solid var(--wc-rand);border-radius:999px;padding:.15em .8em;background:#fff;margin-left:1em}
.wc-status{display:inline-block;font-size:.75rem;font-weight:700;padding:.1em .7em;border-radius:999px;background:var(--wc-himmel);color:#06324a}
/* Hauptseite */
.wc-start-kopf{background:linear-gradient(180deg,var(--wc-kachel),#fff);border-radius:18px;padding:1.6em 1.8em;margin-bottom:1.4em}
.wc-start-titel{font-size:2.1rem;font-weight:600;letter-spacing:-.8px;line-height:1.15}
.wc-start-unter{color:var(--wc-text2);font-size:1.1rem;margin-top:.3em}
.wc-kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1em 0 1.6em}
.wc-kachel{background:var(--wc-kachel);border:1px solid var(--wc-rand);border-radius:16px;padding:1em 1.1em}
.wc-kachel-sym{font-size:1.7rem;line-height:1.2}
.wc-kachel-titel{font-weight:600;font-size:1.1rem;margin:.2em 0 .25em}
.wc-kachel-titel a{text-decoration:none}
.wc-kachel p{margin:.2em 0;color:var(--wc-text2);font-size:.92rem}
@media(max-width:900px){.wc-kacheln{grid-template-columns:1fr}.wc-sprachhinweis{float:none;display:inline-block;margin:0 0 .6em}}
.mw-footer,#footer{color:var(--wc-text2)}