MediaWiki:Common.css: Difference between revisions

From The Walkscape Walkthrough
Content added Content deleted
No edit summary
Tag: Reverted
m (Revert)
 
(28 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/*
/* CSS placed here will be applied to all skins */
* This is the CSS common to all desktop skins on en.Wikipedia.
/* Font Imports Below */
* Styling inside .mw-parser-output should generally use TemplateStyles.
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
/* Reset italic styling set by user agent */

cite,

dfn {

font-style: inherit;


/* COLORS */
/* ignore errors in this section, it's correct */
:root {
--test: red;
--primary-main: #dfdbc2;
--primary-light1: #f6efd2;
--primary-light2: #efeabe;
--primary-dark1: #d5d0ba;
--primary-dark2: #cacab0;
--primary-dark3: #cfc9a4;
--primary-dark4: #beb694;
--primary-dark5: #807657;
--secondary-main: #1f5d04;
--secondary-dark1: #003715;
--secondary-dark2: #2f523d;
--secondary-light1: #337800;
--secondary-light2: #439407;
--secondary-semitransparent: #1f5d0420;
--textcolor-main: #000000;
--textcolor-secondary: #807657;
}
}


/* Dark Mode colors */
/* Straight quote marks for <q> */
q {
:root.client-darkmode {
quotes: '"' '"' "'" "'";
--test: cyan;
--primary-main: #262d36;
--primary-dark1: #1d232c;
--primary-dark2: #142f30;
--primary-dark4: #050d1a;
--primary-dark5: #000000;
--textcolor-main: #dfdbc2;
--textcolor-secondary: #7a99a5;
}
}


.bg-test {
.mw-wiki-logo {
background-image: url(https://static.miraheze.org/walkscapewiki/thumb/d/d9/Logo_square.png/240px-Logo_square.png)
background-color: var(--test);
}
}
.bg-primary-main {
background-color: var(--primary-main);
}
.bg-primary-dark1 {
background-color: var(--primary-dark1);
}








/* Avoid collision of blockquote with floating elements by swapping margin and padding */
/* Fix the editor fonts misbehaving */
blockquote {
body {
overflow: hidden;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
margin: 1em 0;
padding: 0 40px;
}
}


/* Consistent size for <small>, <sub> and <sup> */
body * {
small {
font-family: inherit;
font-size: 85%;
}
}


.mw-body-content sub,
/* make the wikitext syntax highlighting retain the font */
.mw-body-content sup {
.CodeMirror-code {
font-size: 80%;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
}


/* Same spacing for indented and unindented paragraphs on talk pages */
/* make the font bigger */
.ns-talk .mw-body-content dd {
.wikiEditor-ui .ace_editor {
margin-top: 0.4em;
font-size: 14px;
margin-bottom: 0.4em;
}
}


/* Reduce page jumps by hiding collapsed/dismissed content */
.wikiEditor-ui-text {
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
font-size: 16px;
}


/* Avoid FOUC/reflows on collapsed elements. */
/* make then indent guides semi-transparent blue */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
.ace-tm .ace_indent-guide {
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
border-right: 1px solid #0000ff20;
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
margin-right: -1px;
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
background: none;
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
}
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,


/* Hide charinsert base for those not using the gadget */
/* Font Classes */
#editpage-specialchars {

display: none;
.fatfont {
font-family: 'Luckiest Guy', cursive;
}
}


/* Make the list of references smaller
.amaticfont {
* Keep in sync with Template:Refbegin/styles.css
font-family: 'Amatic SC', cursive;
* And Template:Reflist/styles.css
*/
ol.references {
font-size: 90%;
margin-bottom: 0.5em;
}
}


/* Cite customizations for Parsoid

* Once everything uses the one true parser these are just customizations

*/

span[ rel="mw:referencedBy" ] {
/*classes that show/hide content on pc and mobile depending on the screen size. If you use a very narrow window on pc, the mobile class will trigger.*/
counter-reset: mw-ref-linkback 0;

@media only screen and (max-width: 850px) {
.onlypc {
display: none;
}
}
}


span[ rel='mw:referencedBy' ] > a::before {
@media only screen and (min-width: 850px) {
content: counter( mw-ref-linkback, lower-alpha );
.onlymobile {
font-size: 80%;
display: none;
font-weight: bold;
font-style: italic;
}
}
}

/* classes that show/hide content depending on dark/light mode */


a[ rel="mw:referencedBy" ]::before {
:root:not(.client-darkmode) .onlydarkmode {
font-weight: bold;
display: none;
content: "^";
}
}


span[ rel="mw:referencedBy" ]::before {
.client-darkmode .onlylightmode {
content: "^ ";
display: none;
}
}


.mw-ref > a[data-mw-group=lower-alpha]::after {

content: '[' counter( mw-Ref, lower-alpha ) ']';



span.gradient-text {
font-size: var(--pcsize);
}
}


.mw-ref > a[data-mw-group=upper-alpha]::after {

content: '[' counter( mw-Ref, upper-alpha ) ']';

@media only screen and (max-width: 850px) {
span.gradient-text {
font-size: var(--mobilesize);
}
}
}


.mw-ref > a[data-mw-group=decimal]::after {

content: '[' counter( mw-Ref, decimal ) ']';

/* class that makes the image grayscale */
.grayscale img {
filter: grayscale(100%);
}
}


.mw-ref > a[data-mw-group=lower-roman]::after {

content: '[' counter( mw-Ref, lower-roman ) ']';





/* classes that resize images to % of component. They are used in many templates already */
.res-img img {
width: 22%;
height:auto;
}
}


.mw-ref > a[data-mw-group=upper-roman]::after {
.animations img {
content: '[' counter( mw-Ref, upper-roman ) ']';
max-width:40%;
height:auto;
}
}


.mw-ref > a[data-mw-group=lower-greek]::after {
.sto img {
content: '[' counter( mw-Ref, lower-greek ) ']';
max-width:100%;
height:auto;
}
}


/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.seven img {
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
max-width:70%;
font-weight: normal;
height:auto;
padding-right: 0.2em;
padding-left: 0.2em;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.imgmax-w img {
/* @noflip */
width: 100%;
float: left;
height: auto;
}
}


/* Lists in wikitable data cells are always left-aligned */
.imgmax-h img {
.wikitable td ul,
height: 100%;
.wikitable td ol,
width: auto;
.wikitable td dl {
/* @noflip */
text-align: left;
}
}


/* Change the external link icon to a PDF icon for all PDF files */
/* workaround for the built in code that broke imgmax-h */
.mw-parser-output a[href$=".pdf"].external,
.mw-body .imgmax-h a img {
.mw-parser-output a[href*=".pdf?"].external,
height: 100% !important;
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
}


/* 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-cascadeprotectedwarning,

div#mw-protect-cascadeon {

clear: both;

margin: 0.2em 0;

border: 1px solid #bb7070;
/* ANIMATIONS */
background-color: #ffdbdb;

padding: 0.25em 0.9em;

box-sizing: border-box;
/* Fairy hover effect */
.hover {
transition: filter 0.2s;
filter: drop-shadow(0px 0px 0px #00000000);
}
}


/* default colors for partial block message */
.hover:hover {
/* gotta get over the hump introduced by the triple class above */
filter: drop-shadow(0px 0px 5px #fff8c4ff);
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
}


/* Minimum thumb width */

figure[typeof~='mw:File/Thumb'],

figure[typeof~='mw:File/Frame'],
/* Fairy tilt animation */
.thumbinner {
@keyframes mymove {
min-width: 100px;
0% {transform: rotate(7deg);}
5% {transform: rotate(10deg);}
50% {transform: rotate(10deg);}
55% {transform: rotate(7deg);}
100% {transform: rotate(7deg);}
}
}


/* Prevent floating boxes from overlapping any category listings,

file histories, edit previews, and edit [Show changes] views. */

#mw-subcategories,
/* main page image animation */
#mw-pages,
@keyframes openscroll {
#mw-category-media,
0% {transform: scaleY(0.0001);}
#filehistory,
50% {transform: scaleY(0.0001);}
#wikiPreview,
80% {transform: scaleY(1);}
#wikiDiff {
90% {transform: scaleY(0.95);}
clear: both;
100% {transform: scaleY(1);}
}
}


/* Styling for tags in changes pages */

.mw-tag-markers {

font-style: italic;

font-size: 90%;
/* image panel animation */
@keyframes ipanel {
0% {transform: translate(-50%, 0) scale(0.0001);}
50% {transform: translate(-50%, 0) scale(0.0001);}
80% {transform: translate(-50%, 0) scale(1);}
90% {transform: translate(-50%, 0) scale(0.95);}
100% {transform: translate(-50%, 0) scale(1);}
}
}


/* Hide stuff meant for accounts with special permissions. Made visible again in

[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],

[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
/* fade-in animation */
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
@keyframes fade-in {
[[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
0% {opacity: 0%;}
.checkuser-show,
100% {opacity: 100%;}
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}


/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]


Hide the images in editnotices to keep them readable in VE view.

Long term, editnotices should become a core feature so that they can be designed responsive. */

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
/* top alignment animation */
.ve-ui-mwNoticesPopupTool-item .mbox-image,
@keyframes scrollpos-top {
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
0% {top: var(--scrolltop-from, -150%);}
display: none !important;
100% {top: var(--scrolltop-to, -70%);}
}
}


/* Remove bullets when there are multiple edit page warnings */

ul.permissions-errors {

margin: 0;















/* rotate on hover class */
.tiltbutton {
transition: transform 0.2s;
}
}


ul.permissions-errors > li {
.tiltbutton:hover {
list-style: none;
transform: rotate(5deg);
}
}


/* larger inline math */

span.mwe-math-mathml-inline {

font-size: 118%;
/* rise and shadow on hover */

.shadowbutton {
transition: transform 0.2s, filter 0.25s;
filter: drop-shadow(0px 1px 1px #00000000);
}
}


/* Make <math display="block"> be left aligned with one space indent for
.shadowbutton:hover {
* compatibility with style conventions
transform: translate(0px, -6px) scale(1.06);
*/
filter: drop-shadow(0px 10px 10px #00000090) brightness(110%);
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}


.mwe-math-mathml-display math {

display: inline;











/*username colors!*/
/* Xena */
a[href$=":Xena"],
a[href$="/Xena"] {
color: #578c00 !important;
}
}
/* Yoru */
a[href$=":Yoru"],
a[href$="/Yoru"] {
color: #7148b8 !important;
}
/* Crysmon */
a[href$=":BoulderKuzon"],
a[href$="/BoulderKuzon"] {
color: #943b3b !important;
}
/* Mae50ul */
a[href$=":Mae50ul"],
a[href$="/Mae50ul"] {
color: #5b636b !important;
}
/* Neda */
a[href$=":Neda"],
a[href$="/Neda"] {
color: #c54924 !important;
}
/* Wusoth */
a[href$=":Wusoth"],
a[href$="/Wusoth"] {
color: #919b00 !important;
}




@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 {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}


/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
/*makes all page titles display higher than the overlay*/
do not apply to print mode */
#firstHeading {
#siteSub {
position: relative;
display: block;
z-index: 3;
}
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
/* makes the image crop to the container */
.flaggedrevs_draft_synced,
.crop img {
.flaggedrevs_stable_synced,
-webkit-object-fit: cover
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
}
/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
*/


/* Infobox template style */
/* transparency gradient mask that makes things under it clickable */
.Mask {
.infobox {
border: 1px solid #a2a9b1;
-webkit-mask-image: linear-gradient(to top, #ffffff00 0%, #ffffff16, #ffffff90 100%);
border-spacing: 3px;
mask-image: linear-gradient(to top, #ffffff00 0%, #ffffff16, #ffffff90 100%);
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
}


.infobox-header,
/* makes the content unselectable */
.infobox-label,
.unselectable {
.infobox-above,
pointer-events: none !important;
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
}


.infobox-label,

.infobox-data,

/* Remove element selector when every .infobox thing is using the standard module/templates */

.infobox th,
/* mobile and pc width/height classes */
.infobox td {

/* @noflip */
.mobilepcwidth {
text-align: left;
width: var(--pcwidth, 70%);
}
}


/* Remove .infobox when element selectors above are removed */
@media only screen and (max-width: 850px) {
.infobox .infobox-above,
.mobilepcwidth {
.infobox .infobox-title,
width: var(--mobilewidth, 93%);
/* Remove element selector when every .infobox thing is using the standard module/templates */
}
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
}


.infobox-title,
.mobilepcheight {
/* Remove element selector when every .infobox thing is using the standard module/templates */
height: var(--pcheight, auto);
.infobox caption {
padding: 0.2em;
}
}


/* Remove .infobox when element selectors above are removed */
@media only screen and (max-width: 850px) {
.infobox .infobox-header,
.mobilepcheight {
.infobox .infobox-subheader,
height: var(--mobileheight, auto);
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
}
}


/* float only on pc */


/* Remove .infobox when element selectors above are removed */
.pcfloat {
.infobox .infobox-navbar {
float: none;
/* @noflip */
text-align: right;
}
}


/* Normal font styling for wikitable row headers with scope="row" tag */
@media only screen and (min-width: 850px) {
.wikitable.plainrowheaders th[scope=row],
.pcfloat {
.wikitable.plainrowheaders th[scope=rowgroup] {
float: var(--pcfloat, right);
font-weight: normal;
/* @noflip */
text-align: left;
}
}
}






/* Remove underlines from certain links */
/* TOC classes */
.nounderlines a,
.toclimit-1 li.toclevel-2 {
.IPA a:link,
display: none;
.IPA a:visited {
text-decoration: none !important;
}
}


/* Prevent line breaks in silly places where desired (nowrap)

and links when we don't want them to (nowraplinks a) */

.nowrap,

.nowraplinks a {

white-space: nowrap;




/* Sleek Gallery Class */

/* img rounded corners and size correction */
.sleek .thumb img {
border-radius: 5px;
width: -webkit-fill-available;
height: auto;
}
}


/* But allow wrapping where desired: */
/* take off the max width limit from nolines and traditional galleries */
.wrap,
ul.gallery.mw-gallery-nolines.sleek, ul.gallery.mw-gallery-traditional.sleek {
.wraplinks a {
max-width: none !important;
white-space: normal;
}
}


/* texhtml class for inline math (based on generic times-serif class) */
/* disable left gallerybox margins, and force the width */
span.texhtml {
.sleek li.gallerybox {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
margin-left: 0;
font-size: 118%;
width: var(--sleekpcwidth, var(--sleekwidth)) !important;
line-height: 1;
vertical-align: var(--align, top);
white-space: nowrap;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}


span.texhtml span.texhtml {
@media only screen and (max-width: 850px) {
font-size: 100%;
.sleek li.gallerybox {
margin-left: 0;
width: var(--sleekmobilewidth, var(--sleekwidth)) !important;
}
}
}


@media screen {
.sleek div {
.nochecker .gallerybox .thumb img {
width: auto !important;
background-image: none;
}
}
}


/* Put anything you mean to be a sitewide addition above the TemplateStyles
/* gallerytext */
* comment above.
.sleek .gallerytext {
*/
background: linear-gradient(180deg,#beb69480,transparent);
border-radius: 5px;
border: none;
}

.sleek .gallerytext p {
font-weight: bold;
color: #807657;
}

/* remove thumb border */
.sleek .thumb {
border-width: 0px !important;
}









/* class that centers content on mobile */

@media only screen and (max-width: 850px) {
.mobilecenter {
text-align: -webkit-center;
}
}



























/* calendar CSS */

/* negate the max-width from Common.css */
.fc table {
display: table;
max-width: 100% !important;
}

.fc-button {
filter: invert(0.7) sepia(1) saturate(1.6) contrast(1.8) hue-rotate(52deg);
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover {
border-color: #ada091;
}

.fc th {
padding: 6px !important;
}

.fc-event, .fc-event a, .fc-event:hover, .ui-widget .fc-event {
color: white !important;
}

.fc-event {
padding: 5px;
transition: 0.4s;
filter: sepia(0.4) saturate(1.5);
}

.fc-event:hover {
filter: brightness(1.1);
}

.event-title {
text-shadow: 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242, 0 0 0.2em #424242;
mix-blend-mode: luminosity;
letter-spacing: .03em;
}

.event-subtle {
opacity: 0.6;
}

.fc-row > div:first-child {
border-width: 0px;
}

.fc-sat {
background-color: #008eff0d;
}

.fc-sun {
background-color: #ff00000a;
}

th.fc-day-header {
background-image: linear-gradient(180deg, #245105, #356812);
color: #9bff90;
border-color: #3d7217;
}

td.fc-head-container.fc-widget-header {
border-color: #3d7217;
}

#eventcalendar-1 > .fc-view-container {
background-image: linear-gradient(180deg, #3d7217, #af9678 20%);
padding: 4px;
}

.fc-day-grid.fc-unselectable {
background-image: linear-gradient(180deg, #d5d0ba, #d5d0baef);
}

.fc-today {
background: #f5f2df !important;
font-weight: 900;
color: green;
}

.fc-today.fc-sat {
background: #d3e7ff !important;
}

.fc-today.fc-sun {
background: #ffe1d3 !important;
}

div.fc {
max-width: 1000px;
}

@media only screen and (max-width: 850px) {
div.fc {
font-size: 60%;
}
}

Latest revision as of 02:11, 11 March 2024

/*
 * This is the CSS common to all desktop skins on en.Wikipedia.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */
/* Reset italic styling set by user agent */
cite,
dfn {
	font-style: inherit;
}

/* Straight quote marks for <q> */
q {
	quotes: '"' '"' "'" "'";
}

.mw-wiki-logo {
    background-image: url(https://static.miraheze.org/walkscapewiki/thumb/d/d9/Logo_square.png/240px-Logo_square.png)
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px;
}

/* Consistent size for <small>, <sub> and <sup> */
small {
	font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
	font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
	display: none;
}

/* Make the list of references smaller
 * Keep in sync with Template:Refbegin/styles.css
 * And Template:Reflist/styles.css
 */
ol.references {
	font-size: 90%;
	margin-bottom: 0.5em;
}

/* Cite customizations for Parsoid
 * Once everything uses the one true parser these are just customizations
 */
span[ rel="mw:referencedBy" ] {
	counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
	content: counter( mw-ref-linkback, lower-alpha );
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
	font-weight: bold;
	content: "^";
}

span[ rel="mw:referencedBy" ]::before {
	content: "^ ";
}

.mw-ref > a[data-mw-group=lower-alpha]::after {
	content: '[' counter( mw-Ref, lower-alpha ) ']';
}

.mw-ref > a[data-mw-group=upper-alpha]::after {
	content: '[' counter( mw-Ref, upper-alpha ) ']';
}

.mw-ref > a[data-mw-group=decimal]::after {
	content: '[' counter( mw-Ref, decimal ) ']';
}

.mw-ref > a[data-mw-group=lower-roman]::after {
	content: '[' counter( mw-Ref, lower-roman ) ']';
}

.mw-ref > a[data-mw-group=upper-roman]::after {
	content: '[' counter( mw-Ref, upper-roman ) ']';
}

.mw-ref > a[data-mw-group=lower-greek]::after {
	content: '[' counter( mw-Ref, lower-greek ) ']';
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;
	padding-right: 0.2em;
	padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	/* @noflip */
	text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
	/* @noflip */
	padding: 8px 18px 8px 0;
}

/* 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-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: #ffdbdb;
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* default colors for partial block message */
/* 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;
	background-color: #fef6e7;
}

/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
	min-width: 100px;
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
	clear: both;
}

/* Styling for tags in changes pages */
.mw-tag-markers {
	font-style: italic;
	font-size: 90%;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
   [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
   [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
   [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
	display: none;
}

/* Hide the redlink generated by {{Editnotice}},
   this overrides the ".sysop-show { display: none; }" above that applies
   to the same link as well. See [[phab:T45013]]

   Hide the images in editnotices to keep them readable in VE view.
   Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
	display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
	margin: 0;
}

ul.permissions-errors > li {
	list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
	font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for 
 * compatibility with style conventions
 */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
	display: inline;
}

@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 {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}

	/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
	   do not apply to print mode */
	#siteSub {
		display: block;
	}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
	display: none;
}
/*
 * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
 * SEE [[MediaWiki talk:Common.css/to do]]
 */

/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 22em;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
	font-weight: normal;
	/* @noflip */
	text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
	text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	white-space: nowrap;
	/* Force tabular and lining display for texhtml */
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}

span.texhtml span.texhtml {
	font-size: 100%;
}

@media screen {
	.nochecker .gallerybox .thumb img {
		background-image: none;
	}
}

/* Put anything you mean to be a sitewide addition above the TemplateStyles
 * comment above.
 */