MediaWiki:Common.css: Difference between revisions
Content added Content deleted
No edit summary Tag: Reverted |
Thermerite (talk | contribs) m (Reverted edits by Ashibashi (talk) to last revision by Thermerite) Tag: Rollback |
||
Line 4: | Line 4: | ||
--link-color: #4DB6B0; |
--link-color: #4DB6B0; |
||
--link-new-color: #E08282; |
--link-new-color: #E08282; |
||
--border-color: |
--border-color: white; |
||
} |
} |
||
Line 27: | Line 27: | ||
.mw-page-container, |
.mw-page-container, |
||
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { |
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { |
||
background-color: |
background-color: var(--bg-color); |
||
color: |
color: var(--text-color); |
||
font-family: 'Aldrich', sans-serif; |
font-family: 'Aldrich', sans-serif; |
||
} |
} |
||
Line 66: | Line 66: | ||
.vector-sticky-header-context-bar-primary .mw-page-title-main, |
.vector-sticky-header-context-bar-primary .mw-page-title-main, |
||
figcaption { |
figcaption { |
||
color: |
color: var(--bg-color); |
||
background-color: #061016; |
background-color: #061016; |
||
} |
} |
||
Line 77: | Line 77: | ||
.wikitable { |
.wikitable { |
||
background-color: #061016; |
background-color: #061016; |
||
color: # |
color: #ffffff; |
||
margin: 1em 0; |
margin: 1em 0; |
||
border: 1px solid #a2a9b1; |
border: 1px solid #a2a9b1; |
||
Line 102: | Line 102: | ||
.mw-normal-catlinks > ul > li > a, |
.mw-normal-catlinks > ul > li > a, |
||
.mw-normal-catlinks > a { |
.mw-normal-catlinks > a { |
||
color: |
color: var(--bg-color) !important; |
||
} |
} |
||
Line 117: | Line 117: | ||
border-style: solid; |
border-style: solid; |
||
border-width: 2px; |
border-width: 2px; |
||
background-color: # |
background-color: #ffffff; |
||
padding-top: 2.14285714em; |
padding-top: 2.14285714em; |
||
padding-left: 2.14285714em; |
padding-left: 2.14285714em; |
||
Line 124: | Line 124: | ||
/* Table of Contents styles */ |
/* Table of Contents styles */ |
||
.vector-toc { |
.vector-toc { |
||
background-color: |
background-color: var(--bg-color); |
||
border: 2px solid var(--border-color); |
border: 2px solid var(--border-color); |
||
} |
} |
||
Line 131: | Line 131: | ||
.cdx-text-input__input, |
.cdx-text-input__input, |
||
.client-js .vector-search-box-vue .vector-typeahead-search .cdx-text-input__input { |
.client-js .vector-search-box-vue .vector-typeahead-search .cdx-text-input__input { |
||
background-color: |
background-color: var(--bg-color); |
||
color: var(--text-color); |
color: var(--text-color); |
||
border-color: var(--border-color); |
border-color: var(--border-color); |
||
Line 139: | Line 139: | ||
.cdx-button:not(.cdx-button--type-quiet) { |
.cdx-button:not(.cdx-button--type-quiet) { |
||
background-color: |
background-color: var(--bg-color); |
||
border-color: var(--border-color); |
border-color: var(--border-color); |
||
color: |
color: var(--bg-color); |
||
} |
} |
||
button { |
button { |
||
background-color: |
background-color: var(--bg-color); |
||
color: var(--text-color); |
color: var(--text-color); |
||
} |
} |
||
Line 455: | Line 455: | ||
border: 1px #4DB6B0; |
border: 1px #4DB6B0; |
||
background-color: rgb(var(--theme-background-secondary)); |
background-color: rgb(var(--theme-background-secondary)); |
||
} |
|||
/* {{pp-template}} */ |
|||
@media screen { |
|||
.sticky { |
|||
position: sticky; |
|||
top: 0; |
|||
} |
|||
body.vector-sticky-header-visible .sticky { |
|||
top: 3.125rem; |
|||
} |
|||
.sticky-header > thead { |
|||
position: sticky; |
|||
top: 0; |
|||
z-index: 10; |
|||
} |
|||
body.vector-sticky-header-visible .sticky-header > thead { |
|||
top: 3.125rem; |
|||
} |
|||
/** |
|||
* Fix scroll transparency on thead's cell background. |
|||
*/ |
|||
.sticky-header { |
|||
background-color: #171D22; |
|||
} |
|||
.sticky-header thead, |
|||
.sticky-header tbody, |
|||
.sticky-header tfoot, |
|||
.sticky-header tr, |
|||
.sticky-header td, |
|||
.sticky-header:not(.wikitable) th { |
|||
background-color: inherit; |
|||
} |
|||
/** |
|||
* Fix scroll transparency on thead's cell spacing. |
|||
*/ |
|||
.sticky-header:not(.wikitable) { |
|||
border-collapse: collapse; |
|||
} |
|||
/** |
|||
* Fix missing borders due to position sticky and "wikitable" collapsed |
|||
* borders. |
|||
*/ |
|||
.sticky-header.wikitable { |
|||
border-collapse: separate; |
|||
border-color: #4DB6B0; /* Set so same on mobile version (#54595d). */ |
|||
border-spacing: 0; |
|||
border-width: 0 1px 1px 0; |
|||
} |
|||
.sticky-header.wikitable td, |
|||
.sticky-header.wikitable th, |
|||
.sticky-header.static-row-numbers.wikitable tbody tr:not(.static-row-header)::before { |
|||
border-color: #4DB6B0; /* Set so same on mobile version (#eaecf0). */ |
|||
border-width: 1px 0 0 1px !important; |
|||
} |
|||
.sticky-header.static-row-numbers.wikitable thead tr::before, |
|||
.sticky-header.static-row-numbers.wikitable .static-row-header::before { |
|||
border-left: 1px solid #4DB6B0; |
|||
} |
|||
.sticky-header.static-row-numbers.wikitable thead tr:first-child::before, |
|||
.sticky-header.static-row-numbers.wikitable .sortbottom::before, /* Sortbotton #1: all. When supported, consolidate #1-2 to tr:nth-child(1 of .sortbottom)::before */ |
|||
.sticky-header.static-row-numbers.wikitable:not(.sortable) tr:first-child::before { |
|||
border-top: 1px solid #4DB6B0; |
|||
} |
|||
.sticky-header.static-row-numbers.wikitable .sortbottom ~ .sortbottom::before { /* Sortbottom #2: all minus 1st. */ |
|||
border-top: 0; |
|||
} |
|||
} |
|||
/** |
|||
* Reset Wikipedia styles causing sticky and float issues on mobile. |
|||
* Note: Fixes mobile version on Windows desktop, but not Android portrait mode. |
|||
*/ |
|||
@media all and (max-width: 720px) { |
|||
.sticky-header { |
|||
display: table; /* Was "block" */ |
|||
} |
|||
.sticky-header caption { |
|||
display: table-caption; /* Was "block" */ |
|||
} |
|||
} |
|||
/* {{pp-template}} */ |
|||
.defaultleft { text-align:left; } |
|||
.defaultcenter { text-align:center; } |
|||
.defaultright { text-align:right; } |
|||
.col1left td:nth-child(1), |
|||
.col2left td:nth-child(2), |
|||
.col3left td:nth-child(3), |
|||
.col4left td:nth-child(4), |
|||
.col5left td:nth-child(5), |
|||
.col6left td:nth-child(6), |
|||
.col7left td:nth-child(7), |
|||
.col8left td:nth-child(8), |
|||
.col9left td:nth-child(9), |
|||
.col10left td:nth-child(10), |
|||
.col11left td:nth-child(11), |
|||
.col12left td:nth-child(12), |
|||
.col13left td:nth-child(13), |
|||
.col14left td:nth-child(14), |
|||
.col15left td:nth-child(15), |
|||
.col16left td:nth-child(16), |
|||
.col17left td:nth-child(17), |
|||
.col18left td:nth-child(18), |
|||
.col19left td:nth-child(19) { text-align:left; } |
|||
.col1center td:nth-child(1), |
|||
.col2center td:nth-child(2), |
|||
.col3center td:nth-child(3), |
|||
.col4center td:nth-child(4), |
|||
.col5center td:nth-child(5), |
|||
.col6center td:nth-child(6), |
|||
.col7center td:nth-child(7), |
|||
.col8center td:nth-child(8), |
|||
.col9center td:nth-child(9), |
|||
.col10center td:nth-child(10), |
|||
.col11center td:nth-child(11), |
|||
.col12center td:nth-child(12), |
|||
.col13center td:nth-child(13), |
|||
.col14center td:nth-child(14), |
|||
.col15center td:nth-child(15), |
|||
.col16center td:nth-child(16), |
|||
.col17center td:nth-child(17), |
|||
.col18center td:nth-child(18), |
|||
.col19center td:nth-child(19) { text-align:center; } |
|||
.col1right td:nth-child(1), |
|||
.col2right td:nth-child(2), |
|||
.col3right td:nth-child(3), |
|||
.col4right td:nth-child(4), |
|||
.col5right td:nth-child(5), |
|||
.col6right td:nth-child(6), |
|||
.col7right td:nth-child(7), |
|||
.col8right td:nth-child(8), |
|||
.col9right td:nth-child(9), |
|||
.col10right td:nth-child(10), |
|||
.col11right td:nth-child(11), |
|||
.col12right td:nth-child(12), |
|||
.col13right td:nth-child(13), |
|||
.col14right td:nth-child(14), |
|||
.col15right td:nth-child(15), |
|||
.col16right td:nth-child(16), |
|||
.col17right td:nth-child(17), |
|||
.col18right td:nth-child(18), |
|||
.col19right td:nth-child(19) { text-align:right; } |
|||
/* {{pp-template}} */ |
|||
/** |
|||
* Add a static (unsortable) column of numbers to the left of a table. |
|||
* Optionally disable numbers on specific rows for headers (no borders) or data |
|||
* (borders). Optionally display column header text: "No." or hash ("#"). |
|||
* |
|||
* Tested: |
|||
* - Windows 10: Chrome, Edge, and Firefox (all skins). |
|||
* - Android Galaxy S21: Chrome, Firefox (MinervaNeue skin). |
|||
* - Wikipedia Android app. |
|||
* - Sticky gadget in Windows browsers (default skin). |
|||
* - Dark Reader browser extention in Windows browsers (default skin). |
|||
* |
|||
* Notes: |
|||
* - Sortable moves to thead any header rows and (after sort) sorttop rows. |
|||
* - Sticky gadget (.mw-sticky-header) moves to thead any wikitable header rows. |
|||
*/ |
|||
.static-row-numbers { |
|||
counter-reset: rowNumber; |
|||
} |
|||
.static-row-numbers tr::before { |
|||
content: ""; |
|||
display: table-cell; |
|||
padding-right: 0.5em; |
|||
padding-left: 0.5em; |
|||
text-align: right; |
|||
vertical-align: inherit; |
|||
} |
|||
.static-row-numbers.wikitable tr::before { |
|||
background-color: #171D22; |
|||
} |
|||
/** |
|||
* Add count to all tbody rows except for two classes. If no thead, skip the |
|||
* first tbody row which may not have one of the two classes: |
|||
*/ |
|||
.static-row-numbers.sortable tbody tr:not(.static-row-header):not(.static-row-numbers-norank)::before, |
|||
.static-row-numbers.mw-sticky-header tbody tr:not(.static-row-header):not(.static-row-numbers-norank)::before, |
|||
.static-row-numbers:not(.sortable) tbody tr:not(:first-child):not(.static-row-header):not(.static-row-numbers-norank)::before { |
|||
counter-increment: rowNumber; |
|||
content: counter(rowNumber); |
|||
} |
|||
/** |
|||
* Add column label to first row in thead or, if no thead, in tbody: |
|||
*/ |
|||
.static-row-header-text.static-row-numbers thead tr:first-of-type::before, |
|||
.static-row-header-text.static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:first-of-type::before, |
|||
.static-row-header-text.static-row-numbers:not(.wikitable):not(.sortable) tbody tr:first-of-type::before { |
|||
content: "No."; |
|||
font-weight: bold; |
|||
} |
|||
.static-row-header-hash.static-row-numbers thead tr:first-of-type::before, |
|||
.static-row-header-hash.static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:first-of-type::before, |
|||
.static-row-header-hash.static-row-numbers:not(.wikitable):not(.sortable) tbody tr:first-of-type::before { |
|||
content: "#"; |
|||
font-weight: bold; |
|||
} |
|||
/** |
|||
* Add borders in numbers column. |
|||
* |
|||
* Selectors with "body" need them. |
|||
* Windows Firefox tr::before doesn't inherit colors, so hard set. |
|||
* Plain table borders on Timeless {{row hover highlight}} mw-datatable. |
|||
*/ |
|||
/* Wikitable. */ |
|||
.static-row-numbers.wikitable.sortable tbody tr:not(.static-row-header)::before, |
|||
.static-row-numbers.wikitable.mw-sticky-header tbody tr:not(.static-row-header)::before, |
|||
.static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px solid #4DB6B0; |
|||
} |
|||
body.skin-vector-2022 .static-row-numbers.wikitable.sortable tbody tr:not(.static-row-header)::before, |
|||
body.skin-vector-2022 .static-row-numbers.wikitable.mw-sticky-header tbody tr:not(.static-row-header)::before, |
|||
body.skin-vector-2022 .static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px solid #4DB6B0; |
|||
} |
|||
body.skin-timeless .static-row-numbers.wikitable.sortable tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless .static-row-numbers.wikitable.mw-sticky-header tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless .static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px solid #4DB6B0; |
|||
} |
|||
body.skin-minerva .static-row-numbers.wikitable.sortable tbody tr:not(.static-row-header)::before, |
|||
body.skin-minerva .static-row-numbers.wikitable.mw-sticky-header tbody tr:not(.static-row-header)::before, |
|||
body.skin-minerva .static-row-numbers.wikitable:not(.sortable):not(.mw-sticky-header) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px solid #4DB6B0; |
|||
} |
|||
/* Plain with border. */ |
|||
table[border].static-row-numbers.sortable:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
table[border].static-row-numbers.mw-sticky-header:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
table[border].static-row-numbers:not(.sortable):not(.wikitable) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px inset #4DB6B0; |
|||
} |
|||
body.skin-vector-2022 table[border].static-row-numbers.sortable:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-vector-2022 table[border].static-row-numbers.mw-sticky-header:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-vector-2022 table[border].static-row-numbers:not(.sortable):not(.wikitable) tbody tr:not(:first-child):not(.static-row-header)::before, |
|||
body.skin-timeless table[border].static-row-numbers.sortable:not(.wikitable):not(.mw-datatable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless table[border].static-row-numbers.mw-sticky-header:not(.wikitable):not(.mw-datatable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless table[border].static-row-numbers:not(.sortable):not(.wikitable):not(.mw-datatable) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px inset #171D22; |
|||
} |
|||
body.skin-minerva table[border].static-row-numbers.sortable:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-minerva table[border].static-row-numbers.mw-sticky-header:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-minerva table[border].static-row-numbers:not(.sortable):not(.wikitable) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px inset gray; |
|||
} |
|||
/* Plain + .mw-datatable, optional border. */ |
|||
body.skin-timeless .static-row-numbers.mw-datatable.sortable:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless .static-row-numbers.mw-datatable.mw-sticky-header:not(.wikitable) tbody tr:not(.static-row-header)::before, |
|||
body.skin-timeless .static-row-numbers.mw-datatable:not(.sortable):not(.mw-sticky-header):not(.wikitable) tbody tr:not(:first-child):not(.static-row-header)::before { |
|||
border: 1px solid #4DB6B0; |
|||
} |
} |