MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Updated common.css.wiki from git repository |
||
| (7 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/* | |||
This page is automatically managed through git repository synchronization. | |||
Do not edit this page directly on the wiki - changes will be overwritten. | |||
To edit this page, modify the file: common.css.wiki | |||
Source: https://github.com/NixOS/nixos-wiki-infra/blob/main/pages/common.css.wiki | |||
*/ | |||
:root { | :root { | ||
--home-panel-heading-background: | --home-panel-heading-background: var(--background-color-neutral); | ||
--home-panel-border-color: | --home-panel-border-color: var(--border-color-subtle); | ||
--table-border-color: | --table-border-color: var(--border-color-subtle); | ||
--table-header-background: | --table-header-background: var(--background-color-neutral-subtle); | ||
--table-even-background: | --table-even-background: var(--background-color-disabled-subtle); | ||
} | } | ||
/* Internal "external" links */ | |||
.mw-parser-output a.external[href^="https://wiki.nixos.org/"] { | |||
} | background-image: none !important; | ||
padding-right: initial !important; | |||
} | |||
/* Long quotes */ | |||
blockquote, | blockquote, | ||
blockquote + cite, | blockquote + cite, | ||
blockquote + p cite { | blockquote + p cite { | ||
padding: 1ex 1em; | |||
font-size: inherit; | |||
margin: 0; | |||
margin-bottom: 1em; | |||
border-left: 1ex solid var(--border-color-muted); | |||
} | } | ||
blockquote + cite, | blockquote + cite, | ||
blockquote + p cite { | blockquote + p cite { | ||
display: block; | |||
margin: 0; | |||
margin-top: -1em; | |||
font-size: inherit; | |||
padding-top: 1em; | |||
} | } | ||
blockquote + cite::before, | blockquote + cite::before, | ||
blockquote + p cite::before { | blockquote + p cite::before { | ||
content: "— "; | |||
display: inline; | |||
} | } | ||
#catlinks { | |||
display: block; | |||
} | } | ||
#catlinks.catlinks-allhidden { | |||
display: none; | |||
} | } | ||
/* Fixes issue with headings in mediawiki "system" pages. */ | /* Fixes issue with headings in mediawiki "system" pages. */ | ||
| Line 64: | Line 61: | ||
/* Paragraph / text styles */ | /* Paragraph / text styles */ | ||
p { | p { | ||
text-align: initial; | |||
} | } | ||
| Line 84: | Line 81: | ||
.infobox > table { | .infobox > table { | ||
border: 1px solid | border: 1px solid var(--border-color-base); | ||
border-right-width: 5px; | border-right-width: 5px; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 91: | Line 88: | ||
.infobox > table tr:first-child th { | .infobox > table tr:first-child th { | ||
text-align: center; | text-align: center; | ||
background: | background: var(--background-color-neutral); | ||
} | } | ||
.infobox > table th[colspan="2"] { | .infobox > table th[colspan="2"] { | ||
text-align: center; | |||
background: var(--background-color-neutral); | |||
} | } | ||
| Line 105: | Line 102: | ||
.infobox .table > thead > tr > td, | .infobox .table > thead > tr > td, | ||
.infobox .table > thead > tr > th { | .infobox .table > thead > tr > th { | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--table-border-color); | ||
border-top: 1px solid | border-top: 1px solid var(--table-border-color); | ||
padding: 0.1rem 0.4rem; | padding: 0.1rem 0.4rem; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
/* Ensures code-like stuff doesn't get hyphenated. */ | /* Ensures code-like stuff doesn't get hyphenated. */ | ||
code, pre { | code, | ||
pre { | |||
hyphens: none; | |||
} | } | ||
.mw-body img { | .mw-body img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.mw-highlight.mw-highlight { | .mw-highlight.mw-highlight { | ||
background-color: transparent; | |||
} | } | ||
| Line 146: | Line 132: | ||
margin-right: -0.6rem; | margin-right: -0.6rem; | ||
} | } | ||
.row.home-panes::after { | .row.home-panes::after { | ||
clear: both; | clear: both; | ||
| Line 151: | Line 138: | ||
content: ""; | content: ""; | ||
} | } | ||
.row.home-panes > * { | .row.home-panes > * { | ||
float: left; | float: left; | ||
max-width: 50%; | max-width: 50%; | ||
} | } | ||
.row.home-panes { | .row.home-panes { | ||
clear: both; | clear: both; | ||
} | } | ||
.row.home-panes .col-md-7 { | .row.home-panes .col-md-7 { | ||
max-width: 58%; | max-width: 58%; | ||
} | } | ||
.row.home-panes .col-md-5 { | .row.home-panes .col-md-5 { | ||
max-width: 42%; | max-width: 42%; | ||
} | } | ||
.row.home-panes > * > * { | .row.home-panes > * > * { | ||
margin-left: 0.6rem; | margin-left: 0.6rem; | ||
| Line 174: | Line 166: | ||
display: none; | display: none; | ||
} | } | ||
/* Override Vector's "transparent" image background on the main page */ | |||
body.page-NixOS_Wiki p > span.mw-default-size img { | |||
background-color: transparent; | |||
} | |||
/* Increase brightness for main page icons on dark mode */ | |||
@media (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os body.page-NixOS_Wiki p > span.mw-default-size img { | |||
filter: brightness(2.75); | |||
} | |||
} | |||
html.skin-theme-clientpref-night body.page-NixOS_Wiki p > span.mw-default-size img { | |||
filter: brightness(2.75); | |||
} | |||
.home-box { | .home-box { | ||
border: 1px solid var(--home-panel-border-color); | border: 1px solid var(--home-panel-border-color); | ||
| Line 179: | Line 187: | ||
border-radius: 0.16rem; | border-radius: 0.16rem; | ||
} | } | ||
.home-box .panel-heading { | .home-box .panel-heading { | ||
margin: 0; | margin: 0; | ||
background: | background: var(--home-panel-heading-background); | ||
padding-left: 0.6rem; | padding-left: 0.6rem; | ||
padding-right: 0.6rem; | padding-right: 0.6rem; | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--home-panel-border-color); | ||
} | } | ||
.home-box .panel-body { | .home-box .panel-body { | ||
padding: 0.6rem; | padding: 0.6rem; | ||
} | } | ||
.table .table { | .table .table { | ||
border: 1px solid | border: 1px solid var(--table-border-color); | ||
} | } | ||
.table .table th, | .table .table th, | ||
.table .table td { | .table .table td { | ||
text-align: left; | text-align: left; | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--table-border-color); | ||
border-top: 1px solid | border-top: 1px solid var(--table-border-color); | ||
vertical-align: top; | vertical-align: top; | ||
padding: 0.2rem 0.4rem; | padding: 0.2rem 0.4rem; | ||
} | } | ||
.table .table th { | .table .table th { | ||
background: var(--table-header-background); | background-color: var(--table-header-background); | ||
} | } | ||
.table .table td { | .table .table td { | ||
} | } | ||
.table .table { | .table .table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
.table .table tr:nth-child(odd) { | .table .table tr:nth-child(odd) { | ||
background: var(--table-even-background); | background: var(--table-even-background); | ||
} | |||
/* Fix CLS issue */ | |||
.vector-toc-list-item .vector-toc-toggle .mw-ui-icon-wikimedia-expand { | |||
height: 0.75rem; | |||
min-height: 0.75rem; | |||
min-width: 0.75rem; | |||
width: 0.75rem; | |||
} | } | ||