Jump to content

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 13:51, 6 February 2024

10,290 bytes removed ,  4 months ago
m
Reverted edits by Ashibashi (talk) to last revision by Thermerite
No edit summary
Tag: Reverted
m (Reverted edits by Ashibashi (talk) to last revision by Thermerite)
Tag: Rollback
Line 4:
--link-color: #4DB6B0;
--link-new-color: #E08282;
--border-color: #061016white;
}
 
Line 27:
.mw-page-container,
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu {
background-color: #061016var(--bg-color);
color: whitevar(--text-color);
font-family: 'Aldrich', sans-serif;
}
Line 66:
.vector-sticky-header-context-bar-primary .mw-page-title-main,
figcaption {
color: #061016var(--bg-color);
background-color: #061016;
}
Line 77:
.wikitable {
background-color: #061016;
color: #061016ffffff;
margin: 1em 0;
border: 1px solid #a2a9b1;
Line 102:
.mw-normal-catlinks > ul > li > a,
.mw-normal-catlinks > a {
color: #061016var(--bg-color) !important;
}
 
Line 117:
border-style: solid;
border-width: 2px;
background-color: #061016ffffff;
padding-top: 2.14285714em;
padding-left: 2.14285714em;
Line 124:
/* Table of Contents styles */
.vector-toc {
background-color: #061016var(--bg-color);
border: 2px solid var(--border-color);
}
Line 131:
.cdx-text-input__input,
.client-js .vector-search-box-vue .vector-typeahead-search .cdx-text-input__input {
background-color: #061016var(--bg-color);
color: var(--text-color);
border-color: var(--border-color);
Line 139:
 
.cdx-button:not(.cdx-button--type-quiet) {
background-color: #061016var(--bg-color);
border-color: var(--border-color);
color: #061016var(--bg-color);
}
 
button {
background-color: #061016var(--bg-color);
color: var(--text-color);
}
Line 455:
border: 1px #4DB6B0;
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;
}
Retrieved from "https://tno.wiki/wiki/Special:MobileDiff/4544"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information