MediaWiki:Tables.css: Difference between revisions
ReinDevildom (talk | contribs) Created page with ":root :is(.theme-fandomdesktop-light, .theme-fandommobile-light) { --theme-vo-pill-background-color: rgba(0, 0, 0, .1); } :root :is(.theme-fandomdesktop-dark, .theme-fandommobile-dark) { --theme-vo-pill-background-color: rgba(255, 255, 255, .1); } →table header and cell alignment: :is(.skin-fandomdesktop, .skin-fandommobile) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) { text-align: inherit; padding: 0.2em 0.4em; } /* allow ce..." |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
:root :is(. | :root :is(.wgl-lightmode, .wgl-theme-light) { | ||
--theme-vo-pill-background-color: rgba(0, 0, 0, .1); | --theme-vo-pill-background-color: rgba(0, 0, 0, .1); | ||
} | } | ||
:root :is(. | :root :is(.wgl-darkmode, .wgl-theme-dark) { | ||
--theme-vo-pill-background-color: rgba(255, 255, 255, .1); | --theme-vo-pill-background-color: rgba(255, 255, 255, .1); | ||
} | } | ||
/* table header and cell alignment */ | /* table header and cell alignment */ | ||
:is(.skin- | :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) { | ||
text-align: inherit; | text-align: inherit; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
| Line 13: | Line 13: | ||
/* allow cell-specific align override */ | /* allow cell-specific align override */ | ||
:is(.skin- | :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center { | ||
text-align: center; | text-align: center; | ||
} | } | ||
:is(.skin- | :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left { | ||
text-align: left; | text-align: left; | ||
} | } | ||
:is(.skin- | :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right { | ||
text-align: right; | text-align: right; | ||
} | } | ||
. | .mw-parser-output :is(.article-table, .wikitable, .fandom-table) { | ||
margin: 1em 0; | margin: 1em 0; | ||
} | |||
.mw-parser-output .article-table { | |||
border-collapse: collapse; | |||
} | } | ||
| Line 132: | Line 136: | ||
/* light mode colors */ | /* light mode colors */ | ||
body:is(. | body:is(.wgl-lightmode, .wgl-theme-light) { | ||
/* force background color on wikitables */ | /* force background color on wikitables */ | ||
.mw-datatable > :is(tbody, thead) > tr > th, | .mw-datatable > :is(tbody, thead) > tr > th, | ||
| Line 187: | Line 191: | ||
/* dark mode colors */ | /* dark mode colors */ | ||
body:is(. | body:is(.wgl-darkmode, .wgl-theme-dark) { | ||
/* force background color on wikitables */ | /* force background color on wikitables */ | ||
.mw-datatable > :is(tbody, thead) > tr > th, | .mw-datatable > :is(tbody, thead) > tr > th, | ||
| Line 628: | Line 632: | ||
/** For [[Archon Quests]] Character Appearances **/ | /** For [[Archon Quests]] Character Appearances **/ | ||
. | .mw-parser-output .appearances-table > * > tr > :is(th, td) { | ||
padding-top: 0; | padding-top: 0; | ||
padding-bottom: 0; | padding-bottom: 0; | ||
} | } | ||
. | .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) { | ||
border: solid 1px var(--theme-border-color); | border: solid 1px var(--theme-border-color); | ||
} | } | ||
/** zero padding table cell and header **/ | /** zero padding table cell and header **/ | ||
. | .mw-parser-output table.p-0 td, | ||
. | .mw-parser-output table.p-0 th { | ||
padding: 0; | padding: 0; | ||
} | } | ||
/** zero margin cell and header **/ | /** zero margin cell and header **/ | ||
. | .mw-parser-output table.m-0 td, | ||
. | .mw-parser-output table.m-0 th { | ||
margin: 0; | margin: 0; | ||
} | } | ||
| Line 734: | Line 738: | ||
/* Fix tracking column in mobile */ | /* Fix tracking column in mobile */ | ||
.skin- | .skin-minerva .table-progress-tracking-header { | ||
width: 34px; | width: 34px; | ||
.header_icon p {width: min-content; justify-content: center;} | .header_icon p {width: min-content; justify-content: center;} | ||