SubmersWiki - Benutzerbeiträge [de]

MediaWiki:Common.css

2026-06-05T09:08:43Z

Admin: Branding: Hero-Logo links neben Text ausrichten

:root {
--submers-deep: #06283d;
--submers-blue: #00a9e0;
--submers-cyan: #22d3ee;
--submers-green: #10b981;
--submers-paper: #f8fbfc;
--taxo-animal-a: #075985;
--taxo-animal-b: #06b6d4;
--taxo-animal-c: #10b981;
--taxo-animal-head: #e0f7ff;
--taxo-plant-a: #166534;
--taxo-plant-b: #65a30d;
--taxo-plant-c: #84cc16;
--taxo-plant-head: #ecfccb;
}
body.mediawiki {
background:
radial-gradient(circle at 12% 8%, rgba(34,211,238,.20), transparent 24rem),
linear-gradient(135deg, #e9fbff 0%, #eef7f2 45%, #e8e0ff 100%);
}
#content, .mw-body {
border-radius: 0 0 18px 18px;
box-shadow: 0 18px 45px rgba(6,40,61,.12);
}
#siteNotice { margin: 0 0 .75rem 0; }
#siteNotice .mw-dismissable-notice-close { z-index: 5; }
#siteNotice .submers-hero {
margin: -.65rem -1.5rem .9rem -1.5rem !important;
border-radius: 0 0 18px 18px !important;
overflow: visible !important;
color: #ecfeff !important;
background:
linear-gradient(120deg, rgba(6,40,61,.93), rgba(8,145,178,.70), rgba(4,120,87,.68)),
image-set(url('/resources/assets/submers/hero-crayfish.jpg') 1x) !important;
background-size: cover !important;
background-position: center 45% !important;
box-shadow: 0 12px 32px rgba(6,40,61,.22) !important;
position: relative !important;
}
#siteNotice .submers-hero__overlay {
padding: .65rem .9rem .7rem !important;
}
#siteNotice .submers-hero__brand {
display: flex !important;
align-items: center !important;
gap: .75rem !important;
max-width: 900px !important;
min-height: 0 !important;
margin: 0 auto .55rem auto !important;
padding: .55rem .8rem !important;
border: 1px solid rgba(255,255,255,.20) !important;
border-radius: 16px !important;
background: linear-gradient(135deg, rgba(6,40,61,.72), rgba(6,182,212,.18)) !important;
box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
#siteNotice .submers-hero__logo {
display: inline-block !important;
width: 58px !important;
height: 58px !important;
flex: 0 0 58px !important;
background: url('/resources/assets/submers/dtv-submers-logo.png') center / contain no-repeat !important;
filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
}
#siteNotice .submers-hero__copy {
display: flex !important;
flex-direction: column !important;
gap: .08rem !important;
color: #ecfeff !important;
}
#siteNotice .submers-hero__kicker {
display: block !important;
color: #a5f3fc !important;
font-size: .72rem !important;
font-weight: 800 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
}
#siteNotice .submers-hero__title {
display: block !important;
color: #fff !important;
font-size: clamp(1.75rem, 3vw, 2.7rem) !important;
line-height: .95 !important;
font-weight: 950 !important;
letter-spacing: -.035em !important;
text-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}
#siteNotice .submers-hero__subtitle {
display: block !important;
color: #dcfce7 !important;
font-size: clamp(.82rem, 1.05vw, 1rem) !important;
font-weight: 650 !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
}
#siteNotice .submers-topnav {
display: flex !important;
flex-wrap: wrap !important;
gap: .32rem !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: .42rem !important;
border-radius: 15px !important;
background: rgba(6,40,61,.54) !important;
border: 1px solid rgba(255,255,255,.18) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}
#siteNotice .submers-navgroup {
display: inline-flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: .18rem !important;
min-height: 1.65rem !important;
padding: .18rem .34rem !important;
border: 1px solid rgba(255,255,255,.18) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.09) !important;
color: #e0fbff !important;
line-height: 1.15 !important;
}
#siteNotice .submers-navgroup > span:first-child {
font-weight: 850 !important;
color: #06283d !important;
padding: .10rem .34rem !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #a7f3d0, #67e8f9) !important;
}
#siteNotice .submers-navgroup a {
color: #ecfeff !important;
text-decoration: none !important;
padding: .08rem .25rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
font-weight: 650 !important;
text-shadow: 0 1px 5px rgba(0,0,0,.35) !important;
}
#siteNotice .submers-navgroup a:hover,
#siteNotice .submers-navgroup a:focus {
color: #06283d !important;
background: #bbf7d0 !important;
text-shadow: none !important;
}
.mw-wiki-logo {
background-size: contain !important;
filter: drop-shadow(0 10px 20px rgba(6,40,61,.22));
}
/* TaxoBox/FundortBox styling moved to Template:TaxoBox/styles.css and Template:FundortBox/styles.css. */
.gallery, ul.gallery { clear: both; }
@media (max-width: 900px) {
#siteNotice .submers-hero { margin-left: -.5rem !important; margin-right: -.5rem !important; }
#siteNotice .submers-hero__brand { align-items: flex-start !important; }
#siteNotice .submers-hero__logo { width: 58px !important; height: 55px !important; flex-basis: 58px !important; }
#siteNotice .submers-navgroup { border-radius: 14px !important; align-items: flex-start !important; }
}

/* Compact hero: keep the menu horizontal and stop it from turning the header into an aquarium wall. */
#siteNotice .submers-hero {
margin: -.45rem -1.5rem .75rem -1.5rem !important;
border-radius: 0 0 16px 16px !important;
}
#siteNotice .submers-hero__overlay {
padding: .45rem .75rem .5rem !important;
}
#siteNotice .submers-hero__brand {
max-width: 980px !important;
margin-bottom: .35rem !important;
padding: .42rem .65rem !important;
border-radius: 14px !important;
}
#siteNotice .submers-hero__logo {
width: 64px !important;
height: 61px !important;
flex-basis: 64px !important;
}
#siteNotice .submers-hero__kicker {
font-size: .64rem !important;
}
#siteNotice .submers-hero__title {
font-size: clamp(1.45rem, 2.35vw, 2.15rem) !important;
}
#siteNotice .submers-hero__subtitle {
font-size: .78rem !important;
}
#siteNotice .submers-topnav {
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: .25rem !important;
max-width: 980px !important;
padding: .30rem !important;
scrollbar-width: thin;
}
#siteNotice .submers-navgroup {
flex: 0 0 auto !important;
flex-wrap: nowrap !important;
min-height: 1.35rem !important;
padding: .12rem .28rem !important;
font-size: .74rem !important;
}
#siteNotice .submers-navgroup > span:first-child {
padding: .07rem .28rem !important;
}
#siteNotice .submers-navgroup a {
padding: .06rem .20rem !important;
}

/* Plant/tier taxobox fallback: pages categorized as Pflanzen get green taxonomy colors. */
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox {
border-color: rgba(22,101,52,.28) !important;
box-shadow: 0 12px 30px rgba(22,101,52,.13) !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th {
background: linear-gradient(90deg, var(--taxo-plant-a), var(--taxo-plant-b) 55%, var(--taxo-plant-c)) !important;
color: #f7fee7 !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th {
background: linear-gradient(180deg, var(--taxo-plant-head), #f7fee7) !important;
color: #14532d !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox td,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox td,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox td {
background: linear-gradient(180deg, #fbfff2, #f0fdf4) !important;
}
/* MediaWiki wraps Sitenotice inline groups in <p>; keep it from making the hero tall. */
#siteNotice .submers-topnav>p{display:flex!important;flex-wrap:nowrap!important;gap:.22rem!important;margin:0!important;padding:0!important;white-space:nowrap!important;min-width:max-content!important}
#siteNotice .submers-topnav>p>.submers-navgroup{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important}
#siteNotice .submers-hero p{margin:0!important}
/* submers category link spacing fix: MediaWiki category links are inline-block; add readable separators. */
#catlinks .mw-normal-catlinks ul {
display: inline;
margin: 0;
padding: 0;
}
#catlinks .mw-normal-catlinks li {
display: inline-block;
margin: 0;
padding: 0;
}
#catlinks .mw-normal-catlinks li + li::before {
content: " · ";
color: #64748b;
padding: 0 .35em;
}
/* Keep MediaWiki's paragraph wrapper inside the Sitenotice hero as a real horizontal brand row. */
#siteNotice .submers-hero__brand > p {
display: flex !important;
align-items: center !important;
gap: .75rem !important;
margin: 0 !important;
padding: 0 !important;
}
#siteNotice .submers-hero__brand > p > .submers-hero__logo {
flex: 0 0 64px !important;
}
#siteNotice .submers-hero__brand > p > .submers-hero__copy {
min-width: 0 !important;
}

MediaWiki:Common.css

2026-06-05T09:04:23Z

Admin: Branding: DTV-Logo im Hero größer setzen

MediaWiki:Common.css

2026-06-05T09:02:46Z

Admin: Branding: rundes Submers-Logo links, DTV-Logo im Hero

:root {
--submers-deep: #06283d;
--submers-blue: #00a9e0;
--submers-cyan: #22d3ee;
--submers-green: #10b981;
--submers-paper: #f8fbfc;
--taxo-animal-a: #075985;
--taxo-animal-b: #06b6d4;
--taxo-animal-c: #10b981;
--taxo-animal-head: #e0f7ff;
--taxo-plant-a: #166534;
--taxo-plant-b: #65a30d;
--taxo-plant-c: #84cc16;
--taxo-plant-head: #ecfccb;
}
body.mediawiki {
background:
radial-gradient(circle at 12% 8%, rgba(34,211,238,.20), transparent 24rem),
linear-gradient(135deg, #e9fbff 0%, #eef7f2 45%, #e8e0ff 100%);
}
#content, .mw-body {
border-radius: 0 0 18px 18px;
box-shadow: 0 18px 45px rgba(6,40,61,.12);
}
#siteNotice { margin: 0 0 .75rem 0; }
#siteNotice .mw-dismissable-notice-close { z-index: 5; }
#siteNotice .submers-hero {
margin: -.65rem -1.5rem .9rem -1.5rem !important;
border-radius: 0 0 18px 18px !important;
overflow: visible !important;
color: #ecfeff !important;
background:
linear-gradient(120deg, rgba(6,40,61,.93), rgba(8,145,178,.70), rgba(4,120,87,.68)),
image-set(url('/resources/assets/submers/hero-crayfish.jpg') 1x) !important;
background-size: cover !important;
background-position: center 45% !important;
box-shadow: 0 12px 32px rgba(6,40,61,.22) !important;
position: relative !important;
}
#siteNotice .submers-hero__overlay {
padding: .65rem .9rem .7rem !important;
}
#siteNotice .submers-hero__brand {
display: flex !important;
align-items: center !important;
gap: .75rem !important;
max-width: 900px !important;
min-height: 0 !important;
margin: 0 auto .55rem auto !important;
padding: .55rem .8rem !important;
border: 1px solid rgba(255,255,255,.20) !important;
border-radius: 16px !important;
background: linear-gradient(135deg, rgba(6,40,61,.72), rgba(6,182,212,.18)) !important;
box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
#siteNotice .submers-hero__logo {
display: inline-block !important;
width: 58px !important;
height: 58px !important;
flex: 0 0 58px !important;
background: url('/resources/assets/submers/dtv-submers-logo.png') center / contain no-repeat !important;
filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
}
#siteNotice .submers-hero__copy {
display: flex !important;
flex-direction: column !important;
gap: .08rem !important;
color: #ecfeff !important;
}
#siteNotice .submers-hero__kicker {
display: block !important;
color: #a5f3fc !important;
font-size: .72rem !important;
font-weight: 800 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
}
#siteNotice .submers-hero__title {
display: block !important;
color: #fff !important;
font-size: clamp(1.75rem, 3vw, 2.7rem) !important;
line-height: .95 !important;
font-weight: 950 !important;
letter-spacing: -.035em !important;
text-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}
#siteNotice .submers-hero__subtitle {
display: block !important;
color: #dcfce7 !important;
font-size: clamp(.82rem, 1.05vw, 1rem) !important;
font-weight: 650 !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
}
#siteNotice .submers-topnav {
display: flex !important;
flex-wrap: wrap !important;
gap: .32rem !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: .42rem !important;
border-radius: 15px !important;
background: rgba(6,40,61,.54) !important;
border: 1px solid rgba(255,255,255,.18) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}
#siteNotice .submers-navgroup {
display: inline-flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: .18rem !important;
min-height: 1.65rem !important;
padding: .18rem .34rem !important;
border: 1px solid rgba(255,255,255,.18) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.09) !important;
color: #e0fbff !important;
line-height: 1.15 !important;
}
#siteNotice .submers-navgroup > span:first-child {
font-weight: 850 !important;
color: #06283d !important;
padding: .10rem .34rem !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #a7f3d0, #67e8f9) !important;
}
#siteNotice .submers-navgroup a {
color: #ecfeff !important;
text-decoration: none !important;
padding: .08rem .25rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
font-weight: 650 !important;
text-shadow: 0 1px 5px rgba(0,0,0,.35) !important;
}
#siteNotice .submers-navgroup a:hover,
#siteNotice .submers-navgroup a:focus {
color: #06283d !important;
background: #bbf7d0 !important;
text-shadow: none !important;
}
.mw-wiki-logo {
background-size: contain !important;
filter: drop-shadow(0 10px 20px rgba(6,40,61,.22));
}
/* TaxoBox/FundortBox styling moved to Template:TaxoBox/styles.css and Template:FundortBox/styles.css. */
.gallery, ul.gallery { clear: both; }
@media (max-width: 900px) {
#siteNotice .submers-hero { margin-left: -.5rem !important; margin-right: -.5rem !important; }
#siteNotice .submers-hero__brand { align-items: flex-start !important; }
#siteNotice .submers-hero__logo { width: 58px !important; height: 55px !important; flex-basis: 58px !important; }
#siteNotice .submers-navgroup { border-radius: 14px !important; align-items: flex-start !important; }
}

/* Compact hero: keep the menu horizontal and stop it from turning the header into an aquarium wall. */
#siteNotice .submers-hero {
margin: -.45rem -1.5rem .75rem -1.5rem !important;
border-radius: 0 0 16px 16px !important;
}
#siteNotice .submers-hero__overlay {
padding: .45rem .75rem .5rem !important;
}
#siteNotice .submers-hero__brand {
max-width: 980px !important;
margin-bottom: .35rem !important;
padding: .42rem .65rem !important;
border-radius: 14px !important;
}
#siteNotice .submers-hero__logo {
width: 44px !important;
height: 44px !important;
flex-basis: 44px !important;
}
#siteNotice .submers-hero__kicker {
font-size: .64rem !important;
}
#siteNotice .submers-hero__title {
font-size: clamp(1.45rem, 2.35vw, 2.15rem) !important;
}
#siteNotice .submers-hero__subtitle {
font-size: .78rem !important;
}
#siteNotice .submers-topnav {
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: .25rem !important;
max-width: 980px !important;
padding: .30rem !important;
scrollbar-width: thin;
}
#siteNotice .submers-navgroup {
flex: 0 0 auto !important;
flex-wrap: nowrap !important;
min-height: 1.35rem !important;
padding: .12rem .28rem !important;
font-size: .74rem !important;
}
#siteNotice .submers-navgroup > span:first-child {
padding: .07rem .28rem !important;
}
#siteNotice .submers-navgroup a {
padding: .06rem .20rem !important;
}

/* Plant/tier taxobox fallback: pages categorized as Pflanzen get green taxonomy colors. */
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox {
border-color: rgba(22,101,52,.28) !important;
box-shadow: 0 12px 30px rgba(22,101,52,.13) !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox tr:first-child th {
background: linear-gradient(90deg, var(--taxo-plant-a), var(--taxo-plant-b) 55%, var(--taxo-plant-c)) !important;
color: #f7fee7 !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox tr:not(:first-child) th {
background: linear-gradient(180deg, var(--taxo-plant-head), #f7fee7) !important;
color: #14532d !important;
}
body:has(#catlinks a[href*="Kategorie:Pflanzen"]) .submers-taxobox td,
body:has(a[href$="/Kategorie:Pflanzen"]) .submers-taxobox td,
body:has(a[title="Kategorie:Pflanzen"]) .submers-taxobox td {
background: linear-gradient(180deg, #fbfff2, #f0fdf4) !important;
}
/* MediaWiki wraps Sitenotice inline groups in <p>; keep it from making the hero tall. */
#siteNotice .submers-topnav>p{display:flex!important;flex-wrap:nowrap!important;gap:.22rem!important;margin:0!important;padding:0!important;white-space:nowrap!important;min-width:max-content!important}
#siteNotice .submers-topnav>p>.submers-navgroup{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important}
#siteNotice .submers-hero p{margin:0!important}
/* submers category link spacing fix: MediaWiki category links are inline-block; add readable separators. */
#catlinks .mw-normal-catlinks ul {
display: inline;
margin: 0;
padding: 0;
}
#catlinks .mw-normal-catlinks li {
display: inline-block;
margin: 0;
padding: 0;
}
#catlinks .mw-normal-catlinks li + li::before {
content: " · ";
color: #64748b;
padding: 0 .35em;
}