MediaWiki:Common.css: Difference between revisions
NeonWabbit (talk | contribs) Undo revision 452 by NeonWabbit (talk) Tag: Undo |
NeonWabbit (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
| Line 1: | Line 1: | ||
/* | /* | ||
* This is the CSS common to all desktop skins on WikipediNyah | * This is the CSS common to all desktop skins on WikipediNyah. | ||
* Styling inside .mw-parser-output should generally use TemplateStyles. | * Styling inside .mw-parser-output should generally use TemplateStyles. | ||
*/ | */ | ||
| Line 38: | Line 38: | ||
/* Reduce page jumps by hiding collapsed/dismissed content */ | /* Reduce page jumps by hiding collapsed/dismissed content */ | ||
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child), | .client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child), | ||
| Line 56: | Line 55: | ||
} | } | ||
/* | /* Different margin on references */ | ||
.references { | |||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
| Line 88: | Line 83: | ||
} | } | ||
.mw-ref > a[data-mw-group=lower-alpha]::after { | /* These blocks need review after [[phab:T371839]] or related are complete */ | ||
.mw-ref > a[style~="mw-Ref"][data-mw-group=lower-alpha]::after { | |||
content: '[' counter( mw-Ref, lower-alpha ) ']'; | content: '[' counter( mw-Ref, lower-alpha ) ']'; | ||
} | } | ||
.mw-ref > a[data-mw-group=upper-alpha]::after { | .mw-ref > a[style~="mw-Ref"][data-mw-group=upper-alpha]::after { | ||
content: '[' counter( mw-Ref, upper-alpha ) ']'; | content: '[' counter( mw-Ref, upper-alpha ) ']'; | ||
} | } | ||
.mw-ref > a[data-mw-group=decimal]::after { | .mw-ref > a[style~="mw-Ref"][data-mw-group=decimal]::after { | ||
content: '[' counter( mw-Ref, decimal ) ']'; | content: '[' counter( mw-Ref, decimal ) ']'; | ||
} | } | ||
.mw-ref > a[data-mw-group=lower-roman]::after { | .mw-ref > a[style~="mw-Ref"][data-mw-group=lower-roman]::after { | ||
content: '[' counter( mw-Ref, lower-roman ) ']'; | content: '[' counter( mw-Ref, lower-roman ) ']'; | ||
} | } | ||
.mw-ref > a[data-mw-group=upper-roman]::after { | .mw-ref > a[style~="mw-Ref"][data-mw-group=upper-roman]::after { | ||
content: '[' counter( mw-Ref, upper-roman ) ']'; | content: '[' counter( mw-Ref, upper-roman ) ']'; | ||
} | } | ||
.mw-ref > a[data-mw-group=lower-greek]::after { | .mw-ref > a[style~="mw-Ref"][data-mw-group=lower-greek]::after { | ||
content: '[' counter( mw-Ref, lower-greek ) ']'; | content: '[' counter( mw-Ref, lower-greek ) ']'; | ||
} | } | ||
| Line 145: | Line 141: | ||
/* System messages styled similarly to fmbox */ | /* System messages styled similarly to fmbox */ | ||
/* for .mw-warning-with-logexcerpt, behavior of this line differs between | |||
* the edit-protected notice and the special:Contribs for blocked users | |||
* The latter has specificity of 3 classes so we have to triple up here. | |||
*/ | |||
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt, | |||
div.mw-lag-warn-high, | div.mw-lag-warn-high, | ||
div.mw-cascadeprotectedwarning, | div.mw-cascadeprotectedwarning, | ||
div#mw-protect-cascadeon | div#mw-protect-cascadeon { | ||
clear: both; | clear: both; | ||
margin: 0.2em 0; | margin: 0.2em 0; | ||
border: 1px solid #bb7070; | border: 1px solid #bb7070; | ||
background-color: #ffdbdb; | background-color: var(--background-color-error-subtle, #ffdbdb); | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 159: | Line 158: | ||
/* default colors for partial block message */ | /* default colors for partial block message */ | ||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt { | /* gotta get over the hump introduced by the triple class above */ | ||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt { | |||
border-color: #fc3; | border-color: #fc3; | ||
background-color: #fef6e7 | background-color: var(--background-color-warning-subtle, #fef6e7); | ||
} | } | ||
/* Minimum thumb width */ | /* Minimum thumb width */ | ||
figure[typeof~='mw:File/Thumb'], | @media (min-width: 640px) { | ||
figure[typeof~='mw:File/Frame'], | figure[typeof~='mw:File/Thumb'], | ||
.thumbinner { | figure[typeof~='mw:File/Frame'], | ||
.thumbinner { | |||
min-width: 100px; | |||
} | |||
} | } | ||
| Line 185: | Line 182: | ||
#wikiDiff { | #wikiDiff { | ||
clear: both; | clear: both; | ||
} | } | ||
| Line 252: | Line 243: | ||
@media screen { | @media screen { | ||
/* Put a chequered background behind images, only visible if they have transparency, | |||
* except on main, user, and portal namespaces | |||
*/ | |||
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img { | |||
/* Put a chequered background behind images, only visible if they have transparency. | |||
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; | background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; | ||
} | } | ||
/* | |||
/* Make the list of references smaller | |||
* Keep in sync with Template:Refbegin/styles.css | |||
. | * And Template:Reflist/styles.css | ||
*/ | |||
.references { | |||
font-size: 90%; | |||
} | } | ||
} | } | ||
| Line 286: | Line 272: | ||
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS; | * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS; | ||
* SEE [[MediaWiki talk:Common.css/to do]] | * SEE [[MediaWiki talk:Common.css/to do]] | ||
* CSS is separated by component (which is why media queries are not joined) | |||
*/ | */ | ||
/* | /* Infoboxes */ | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
color: black; | color: black; | ||
padding: 0.2em; | padding: 0.2em; | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
width: 22em; | border-spacing: 3px; | ||
} | |||
@media screen { | |||
.infobox { | |||
background-color: #f8f9fa; | |||
} | |||
} | |||
@media (max-width: 640px) { | |||
.infobox { | |||
width: 100%; | |||
} | |||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | |||
@media (min-width: 640px) { | |||
.infobox { | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 22em; | |||
} | |||
} | } | ||
| Line 390: | Line 397: | ||
/* texhtml class for inline math (based on generic times-serif class) */ | /* texhtml class for inline math (based on generic times-serif class) */ | ||
/* remove spans when this is TemplateStyled */ | |||
span.texhtml { | span.texhtml { | ||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | ||
font-size: 118%; | font-size: 118%; | ||
line-height: 1; | line-height: 1; | ||
/* Force tabular and lining display for texhtml */ | /* Force tabular and lining display for texhtml */ | ||
font-variant-numeric: lining-nums tabular-nums; | font-variant-numeric: lining-nums tabular-nums; | ||
font-kerning: none; | font-kerning: none; | ||
| Line 404: | Line 409: | ||
span.texhtml span.texhtml { | span.texhtml span.texhtml { | ||
font-size: 100%; | font-size: 100%; | ||
} | |||
@media (min-width: 640px) { | |||
span.texhtml { | |||
white-space: nowrap; | |||
} | |||
} | |||
/* Prevent flags in tables from collapsing: Fix for T116318 | |||
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins | |||
*/ | |||
@media (max-width: 640px) { | |||
.flagicon a > img, | |||
.flagicon noscript > img { | |||
max-width: none !important; | |||
} | |||
} | } | ||
| Line 412: | Line 433: | ||
} | } | ||
/* Put anything you mean to be a sitewide addition above the TemplateStyles | /* | ||
* Put anything you mean to be a sitewide addition above the TemplateStyles | |||
* comment above. | * comment above. | ||
*/ | */ | ||