MediaWiki:Common.css
Zur Navigation springen
Zur Suche springen
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
:root {\n --submers-deep: #06283d;\n --submers-blue: #00a9e0;\n --submers-cyan: #22d3ee;\n --submers-green: #7dd3a8;\n --submers-paper: #f8fbfc;\n}\nbody.mediawiki {\n background:\n radial-gradient(circle at 12% 8%, rgba(34,211,238,.20), transparent 24rem),\n linear-gradient(135deg, #e9fbff 0%, #eef7f2 45%, #e8e0ff 100%);\n}\n#content, .mw-body {\n border-radius: 0 0 18px 18px;\n box-shadow: 0 18px 45px rgba(6,40,61,.12);\n}\n#siteNotice { margin: 0 0 1.2rem 0; }\n#siteNotice .mw-dismissable-notice-close { z-index: 5; }\n#siteNotice .submers-hero {\n margin: -1.1rem -1.5rem 1.4rem -1.5rem !important;\n border-radius: 0 0 24px 24px !important;\n overflow: visible !important;\n color: #ecfeff !important;\n background:\n linear-gradient(120deg, rgba(6,40,61,.92), rgba(8,145,178,.74), rgba(4,120,87,.72)),\n image-set(url('/resources/assets/submers/hero-crayfish.jpg') 1x) !important;\n background-size: cover !important;\n background-position: center 42% !important;\n box-shadow: 0 20px 55px rgba(6,40,61,.28) !important;\n position: relative !important;\n}\n#siteNotice .submers-hero::after {\n content: '';\n position: absolute;\n inset: auto 4% -14px 4%;\n height: 28px;\n background: radial-gradient(ellipse at center, rgba(6,40,61,.25), transparent 65%);\n filter: blur(8px);\n pointer-events: none;\n}\n#siteNotice .submers-hero__overlay {\n padding: 1.2rem 1.35rem 1rem !important;\n backdrop-filter: saturate(120%);\n}\n#siteNotice .submers-hero__brand {\n display: flex !important;\n align-items: center !important;\n gap: 1.05rem !important;\n max-width: 880px !important;\n min-height: 112px !important;\n margin: 0 auto 1.1rem auto !important;\n padding: 1rem 1.4rem !important;\n border: 1px solid rgba(255,255,255,.22) !important;\n border-radius: 22px !important;\n background: linear-gradient(135deg, rgba(6,40,61,.76), rgba(6,182,212,.22)) !important;\n box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;\n backdrop-filter: blur(6px) saturate(130%);\n}\n#siteNotice .submers-hero__logo {\n display: inline-block !important;\n width: 104px !important;\n height: 104px !important;\n flex: 0 0 104px !important;\n background: url('/resources/assets/submers/submers-logo.svg') center / contain no-repeat !important;\n filter: drop-shadow(0 12px 20px rgba(0,0,0,.35));\n}\n#siteNotice .submers-hero__copy {\n display: flex !important;\n flex-direction: column !important;\n gap: .18rem !important;\n color: #ecfeff !important;\n}\n#siteNotice .submers-hero__kicker {\n display: block !important;\n color: #a5f3fc !important;\n font-size: .83rem !important;\n font-weight: 800 !important;\n letter-spacing: .16em !important;\n text-transform: uppercase !important;\n text-shadow: 0 2px 12px rgba(0,0,0,.48) !important;\n}\n#siteNotice .submers-hero__title {\n display: block !important;\n color: #ffffff !important;\n font-size: clamp(2.4rem, 5vw, 4.8rem) !important;\n line-height: .95 !important;\n font-weight: 950 !important;\n letter-spacing: -.045em !important;\n text-shadow: 0 5px 22px rgba(0,0,0,.55) !important;\n}\n#siteNotice .submers-hero__subtitle {\n display: block !important;\n color: #dcfce7 !important;\n font-size: clamp(1rem, 1.45vw, 1.25rem) !important;\n font-weight: 650 !important;\n text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;\n}\n#siteNotice .submers-topnav {\n display: flex !important;\n flex-wrap: wrap !important;\n gap: .55rem !important;\n max-width: 940px !important;\n margin: .6rem auto 0 auto !important;\n padding: .85rem !important;\n border-radius: 22px !important;\n background: rgba(6,40,61,.58) !important;\n border: 1px solid rgba(255,255,255,.20) !important;\n box-shadow: 0 18px 36px rgba(0,0,0,.22) !important;\n}\n#siteNotice .submers-navgroup {\n position: relative !important;\n display: inline-flex !important;\n align-items: center !important;\n flex-wrap: wrap !important;\n gap: .35rem !important;\n min-height: 2.25rem !important;\n padding: .35rem .55rem !important;\n border: 1px solid rgba(255,255,255,.22) !important;\n border-radius: 999px !important;\n background: rgba(255,255,255,.10) !important;\n color: #e0fbff !important;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;\n}\n#siteNotice .submers-navgroup > span:first-child {\n font-weight: 850 !important;\n color: #06283d !important;\n padding: .15rem .45rem !important;\n border-radius: 999px !important;\n background: linear-gradient(90deg, #a7f3d0, #67e8f9) !important;\n}\n#siteNotice .submers-navgroup a {\n color: #ecfeff !important;\n text-decoration: none !important;\n padding: .18rem .42rem !important;\n border-radius: 999px !important;\n white-space: nowrap !important;\n font-weight: 650 !important;\n text-shadow: 0 1px 5px rgba(0,0,0,.35) !important;\n}\n#siteNotice .submers-navgroup a:hover,\n#siteNotice .submers-navgroup a:focus {\n color: #06283d !important;\n background: #bbf7d0 !important;\n text-shadow: none !important;\n}\n.mw-wiki-logo {\n background-size: contain !important;\n filter: drop-shadow(0 10px 20px rgba(6,40,61,.22));\n}\n.submers-taxobox {\n width: min(850px, 100%);\n margin: 1.6rem auto 1.3rem;\n border-collapse: separate;\n border-spacing: 0;\n overflow: hidden;\n border: 1px solid rgba(6,40,61,.22);\n border-radius: 16px;\n box-shadow: 0 14px 35px rgba(6,40,61,.13);\n background: #fff;\n}\n.submers-taxobox th,\n.submers-taxobox td {\n padding: .62rem .85rem;\n border-bottom: 1px solid rgba(6,40,61,.13);\n vertical-align: top;\n}\n.submers-taxobox tr:last-child td { border-bottom: 0; }\n.submers-taxobox th {\n color: #083344;\n background: linear-gradient(180deg, #dff7ff, #eefdf5);\n text-align: center;\n font-weight: 850;\n}\n.submers-taxobox tr:first-child th {\n color: #ecfeff;\n background: linear-gradient(90deg, #075985, #06b6d4 55%, #10b981);\n font-size: 1.05rem;\n letter-spacing: .04em;\n}\n.submers-taxobox td { background: rgba(248,251,252,.92); }\n.submers-fundortbox {\n width: min(360px, 90%);\n margin: .6rem auto 1.3rem;\n border: 1px solid rgba(6,40,61,.22);\n border-radius: 999px;\n overflow: hidden;\n box-shadow: 0 10px 24px rgba(6,40,61,.10);\n}\n.submers-fundortbox td {\n padding: .45rem 1rem;\n text-align: center;\n font-weight: 850;\n color: #083344;\n background: linear-gradient(90deg, #bbf7d0, #bfdbfe);\n}\n.gallery, ul.gallery { clear: both; }\n@media (max-width: 900px) {\n #siteNotice .submers-hero { margin-left: -.5rem !important; margin-right: -.5rem !important; }\n #siteNotice .submers-hero__brand { align-items: flex-start !important; min-height: auto !important; }\n #siteNotice .submers-hero__logo { width: 78px !important; height: 78px !important; flex-basis: 78px !important; }\n #siteNotice .submers-navgroup { border-radius: 18px !important; align-items: flex-start !important; }\n}
/* SubmersWiki compact hero tuning */
#siteNotice .submers-hero__overlay {
padding: .9rem 1.15rem .95rem !important;
}
#siteNotice .submers-hero__brand {
min-height: 0 !important;
height: auto !important;
padding: .85rem 1.2rem !important;
margin-bottom: .85rem !important;
}
#siteNotice .submers-hero__logo {
width: 88px !important;
height: 88px !important;
flex-basis: 88px !important;
}
#siteNotice .submers-hero__title {
font-size: clamp(2.2rem, 4.3vw, 4rem) !important;
}
#siteNotice .submers-topnav {
gap: .45rem !important;
padding: .65rem !important;
align-items: flex-start !important;
}
#siteNotice .submers-navgroup {
min-height: 1.95rem !important;
padding: .25rem .45rem !important;
gap: .25rem !important;
line-height: 1.2 !important;
}
#siteNotice .submers-navgroup a {
padding: .12rem .32rem !important;
}