Mediawiki:common.css
| Line 2,234: | Line 2,234: | ||
} | } | ||
/* | /* ----------------------------------------------------------------------------- | ||
FAMILY 1 · Solid tables (header tint == table base; body rows tint down) | |||
Members: MED ENG RND SUP VIOLET YELLOW aSRV | |||
Per-table vars: --d-base (table + header), --d-title (row headers), --d-cell | |||
-------------------------------------------------------------------------- */ | |||
#MED { --d-base: oklch(0.351 0.062 183.5); --d-title: oklch(0.424 0.075 184.6); --d-cell: oklch(0.456 0.068 186.8); } | |||
#ENG { --d-base: oklch(0.496 0.096 90.4); --d-title: oklch(0.565 0.111 90.1); --d-cell: oklch(0.601 0.100 91.0); } | |||
#RND { --d-base: oklch(0.355 0.166 325.4); --d-title: oklch(0.417 0.194 325.5);--d-cell: oklch(0.472 0.163 322.8); } | |||
#SUP { --d-base: oklch(0.414 0.092 59.2); --d-title: oklch(0.469 0.106 58.6); --d-cell: oklch(0.516 0.098 63.2); } | |||
#VIOLET { --d-base: oklch(0.303 0.113 300.7); --d-title: oklch(0.339 0.130 300.5);--d-cell: oklch(0.364 0.114 302.0); } | |||
#YELLOW { --d-base: oklch(0.440 0.099 130.0); --d-title: oklch(0.493 0.111 129.7);--d-cell: oklch(0.518 0.098 128.7); } | |||
#aSRV { --d-base: oklch(0.442 0.119 143.2); --d-title: oklch(0.509 0.139 143.2);--d-cell: oklch(0.549 0.123 143.7); } | |||
:is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable { | |||
#MED.wikitable { | background: var(--d-base); | ||
border-spacing: 0; | |||
} | } | ||
:is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable thead tr th, | |||
:is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable:not(:has(thead)) tr:first-of-type th { | |||
#MED | |||
# | |||
# | |||
# | |||
#MED | |||
# | |||
# | |||
# | |||
position: relative; | position: relative; | ||
background-color: | background-color: var(--d-base); | ||
border-bottom: 0.2em solid oklch(0 0 0 / 0.13); | |||
border-bottom: | |||
} | } | ||
:is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | |||
# | :is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable thead + tbody > tr th { | ||
background: | background: var(--d-title); | ||
border-bottom: 1px solid var(--d-base); | |||
} | } | ||
:is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td, | |||
# | :is(#MED, #ENG, #RND, #SUP, #VIOLET, #YELLOW, #aSRV).wikitable thead + tbody > tr td { | ||
background: | background: var(--d-cell); | ||
border-bottom: 1px solid var(--d-base); | |||
border-left: 1px solid var(--d-title); | |||
} | } | ||
/* ----------------------------------------------------------------------------- | |||
FAMILY 2 · Solid tables with a distinct header tint | |||
Members: BOTANY MUTATION | |||
} | Per-table vars: --d-base, --d-head, --d-title, --d-cell | ||
-------------------------------------------------------------------------- */ | |||
#BOTANY { --d-base: oklch(0.328 0.067 158.9); --d-head: oklch(0.453 0.105 157.5); --d-title: oklch(0.511 0.136 150.1); --d-cell: oklch(0.544 0.118 153.4); } | |||
#MUTATION { --d-base: oklch(0.224 0.081 299.7); --d-head: oklch(0.284 0.140 295.8); --d-title: oklch(0.310 0.133 297.4); --d-cell: oklch(0.343 0.128 297.5); } | |||
# | :is(#BOTANY, #MUTATION).wikitable { | ||
background: var(--d-base); | |||
} | } | ||
:is(#BOTANY, #MUTATION).wikitable thead tr th, | |||
# | :is(#BOTANY, #MUTATION).wikitable:not(:has(thead)) tr:first-of-type th { | ||
# | |||
position: relative; | position: relative; | ||
background-color: | background-color: var(--d-head); | ||
border-bottom: | border-bottom: 0.2em solid oklch(0 0 0 / 0.13); | ||
} | } | ||
:is(#BOTANY, #MUTATION).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | |||
# | :is(#BOTANY, #MUTATION).wikitable thead + tbody > tr th { | ||
background: var(--d-title); | |||
background: | |||
} | } | ||
:is(#BOTANY, #MUTATION).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type, | |||
# | :is(#BOTANY, #MUTATION).wikitable thead + tbody > tr th:first-of-type { | ||
# | border-left: 0.2em solid oklch(0 0 0 / 0.23); | ||
border- | |||
} | } | ||
:is(#BOTANY, #MUTATION).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td, | |||
# | :is(#BOTANY, #MUTATION).wikitable thead + tbody > tr td { | ||
# | background: var(--d-cell); | ||
background: | |||
} | } | ||
/* ----------------------------------------------------------------------------- | |||
FAMILY 3 · Simple flat tables (light text, plain header/cell) | |||
Members: SEC SRV aSEC | |||
Per-table vars: --d-base (table), --d-head, --d-cell | |||
-------------------------------------------------------------------------- */ | |||
#SEC { --d-base: oklch(0.375 0.005 271.3); --d-head: oklch(0.437 0.145 25.5); --d-cell: oklch(0.439 0.005 271.3); } | |||
#SRV { --d-base: oklch(0.483 0.129 139.7); --d-head: oklch(0.483 0.129 139.7); --d-cell: oklch(0.552 0.143 139.2); } | |||
#aSEC { --d-base: oklch(0.276 0.013 285.5); --d-head: oklch(0.437 0.145 25.5); --d-cell: oklch(0.321 0.018 285.4); } | |||
# | :is(#SEC, #SRV, #aSEC).wikitable { background: var(--d-base); color: #dddddd; } | ||
# | :is(#SEC, #SRV, #aSEC).wikitable > * > tr > th { background: var(--d-head); color: #dddddd; } | ||
:is(#SEC, #SRV, #aSEC).wikitable > * > tr > td { background: var(--d-cell); color: #dddddd; } | |||
} | |||
/* ----------------------------------------------------------------------------- | |||
#aRND. | FAMILY 4 · Accent-header tables (header + row-header tint only; body inherits | ||
the normal .wikitable surface). Shadowed header strip. | |||
Members: aMED aENG aRND aSUP + #highlighted-header and its variants | |||
Per-table vars: --d-head (header strip), --d-title (row headers) | |||
} | -------------------------------------------------------------------------- */ | ||
#aMED { --d-head: oklch(0.377 0.067 183.1); --d-title: oklch(0.512 0.085 206.7); } | |||
#aENG { --d-head: oklch(0.469 0.092 86.5); --d-title: oklch(0.582 0.115 90.2); } | |||
#aRND { --d-head: oklch(0.315 0.153 316.6); --d-title: oklch(0.407 0.189 325.4); } | |||
#aSUP { --d-head: oklch(0.406 0.094 55.0); --d-title: oklch(0.475 0.106 59.0); } | |||
#highlighted-header { --d-head: oklch(0.367 0.031 284.8); --d-title: oklch(0.451 0.149 25.5); } | |||
#highlighted-header-classic { --d-head: oklch(0.325 0.034 284.4); --d-title: oklch(0.368 0.034 284.6); } | |||
#highlighted-header-cold { --d-head: oklch(0.475 0.095 230.2); --d-title: oklch(0.498 0.085 206.7); } | |||
#highlighted-header-dark { --d-head: oklch(0.367 0.031 284.8); --d-title: oklch(0.427 0.144 25.8); } | |||
#highlighted-header-CM { --d-head: oklch(0.352 0.021 237.4); --d-title: oklch(0.451 0.051 175.2); } | |||
#highlighted-header-xenomorph{ --d-head: oklch(0.312 0.113 301.8); --d-title: oklch(0.352 0.119 333.0); } | |||
#aSUP.wikitable thead tr th, | :is(#aMED, #aENG, #aRND, #aSUP, | ||
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th { | #highlighted-header, #highlighted-header-classic, #highlighted-header-cold, | ||
#highlighted-header-dark, #highlighted-header-CM, #highlighted-header-xenomorph).wikitable thead tr th, | |||
:is(#aMED, #aENG, #aRND, #aSUP, | |||
#highlighted-header, #highlighted-header-classic, #highlighted-header-cold, | |||
#highlighted-header-dark, #highlighted-header-CM, #highlighted-header-xenomorph).wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | position: relative; | ||
background-color: | background-color: var(--d-head); | ||
border-bottom: 0.2em solid | border-bottom: 0.2em solid oklch(0 0 0 / 0.35); | ||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); | ||
} | } | ||
:is(#aMED, #aENG, #aRND, #aSUP, | |||
#highlighted-header, #highlighted-header-classic, #highlighted-header-cold, | |||
#aSUP | #highlighted-header-dark, #highlighted-header-CM, #highlighted-header-xenomorph).wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | ||
:is(#aMED, #aENG, #aRND, #aSUP, | |||
#highlighted-header, #highlighted-header-classic, #highlighted-header-cold, | |||
#highlighted-header-dark, #highlighted-header-CM, #highlighted-header-xenomorph).wikitable thead + tbody > tr th { | |||
background: var(--d-title); | |||
border-bottom: 0.1em solid oklch(0 0 0 / 0.35); | |||
border-left: 0.2em solid oklch(0 0 0 / 0.35); | |||
# | |||
# | |||
# | |||
background: | |||
border-bottom: | |||
border- | |||
} | } | ||
/* Opt-out helper — unchanged */ | |||
#no-highlight { | |||
border-bottom: none !important; | |||
box-shadow: none !important; | |||
# | |||
border- | |||
} | } | ||