WikipediNyah

MediaWiki:Common.css: Difference between revisions

← Older edit
Undo revision 452 by NeonWabbit (talk)
Tag: Undo
No edit summary
Tag: Manual revert
 
(12 intermediate revisions by the same user not shown)
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 .mw-special-Watchlist #watchlist-message,
.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:
}
}


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


/* Cite customizations for Parsoid
/* Cite customizations */
* Once everything uses the one true parser these are just customizations
*/
span[ rel="mw:referencedBy" ] {
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
counter-reset: mw-ref-linkback 0;
Line 86: Line 79:
span[ rel="mw:referencedBy" ]::before {
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
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 ) ']';
}
}


Line 145: Line 114:


/* System messages styled similarly to fmbox */
/* System messages styled similarly to fmbox */
div.mw-warning-with-logexcerpt,
/* 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 {
div.titleblacklist-warning {
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 131:


/* 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);
}
 
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}
}


/* 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'],
min-width: 100px;
.thumbinner {
min-width: 100px;
}
}
}


Line 185: Line 155:
#wikiDiff {
#wikiDiff {
clear: both;
clear: both;
}
/* Styling for tags in changes pages */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}
}


Line 252: Line 216:


@media screen {
@media screen {
/* Gallery styles background changes are restricted to screen view.
/* Put a chequered background behind images, only visible if they have transparency,
  In printing we should avoid applying backgrounds. */
* except on main, user, and portal namespaces
/* The backgrounds for galleries. */
*/
#content .gallerybox div.thumb {
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
/* Light gray padding */
background-color: #f8f9fa;
}
/* Put a chequered background behind images, only visible if they have transparency.
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
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;
}
}
/* But not on articles, user pages, or portals. */
.ns-0 .gallerybox .thumb img,
/* Make the list of references smaller
.ns-2 .gallerybox .thumb img,
* Keep in sync with Template:Refbegin/styles.css
.ns-100 .gallerybox .thumb img {
* And Template:Reflist/styles.css
background-image: none;
*/
.references {
font-size: 90%;
}
}
}
}


Line 286: Line 245:
  * 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)
  */
  */


/* Infobox template style */
/* Infoboxes */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
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 370:


/* 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;
white-space: nowrap;
/* Force tabular and lining display for texhtml */
/* Force tabular and lining display for texhtml */
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
font-kerning: none;
Line 404: Line 382:
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 406:
}
}


/* 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.
  */
  */
Retrieved from "https://wikis.redgreenblue.art/WikipediNyah/MediaWiki:Common.css"