MediaWiki:Common.css: Difference between revisions

From Parallel Wiki
Jump to navigation Jump to search
No edit summary
(Add support for custom hex code colors)
 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:ParallelStyles.css");


/*
/*
Line 7: Line 5:
  * Styling inside .mw-parser-output should generally use TemplateStyles.
  * 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> */
body {
q {
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
quotes: '"' '"' "'" "'";
}
}


/* Avoid collision of blockquote with floating elements by swapping margin and padding */
/** Main page stylings **/
blockquote {
@supports (flex-wrap: wrap) {  
overflow: hidden;
.edition-group {
margin: 1em 0;
display: flex;
padding: 0 40px;
flex-wrap: wrap;
}
.edition-group .edition-box {
flex: 17.4em;
}
}
}


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


.mw-body-content sub,
.mw-body-content sup,
span.reference /* for Parsoid */ {
font-size: 80%;
}


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


/* Reduce page jumps by hiding collapsed/dismissed content */
.hatnote i {
.client-js .mw-special-Watchlist #watchlist-message,
font-style: normal;
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
 
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
}


/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
div.hatnote {
.mw-rcfilters-enabled .mw-specialpage-summary {
padding-left: 1.6em;
margin-top: 1em;
}
 
/* 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;
margin-bottom: 0.5em;
}
}


/* Styling for JQuery makeCollapsible, matching that of collapseButton */
div.hatnote + div.hatnote {
.mw-parser-output .mw-collapsible-toggle {
margin-top: -0.5em;
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* [[Template:Layered blueprint]] */
/* @noflip */
@-webkit-keyframes layered-blueprint-fade-in {
float: left;
0% {
/* @noflip */
opacity: 0;
text-align: left;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
}


/* Lists in wikitable data cells are always left-aligned */
@keyframes layered-blueprint-fade-in {
.wikitable td ul,
0% {
.wikitable td ol,
opacity: 0;
.wikitable td dl {
visibility: hidden;
/* @noflip */
}
text-align: left;
100% {
opacity: 1;
visibility: visible;
}
}
}


/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
.layered-blueprint-layer {
.mw-parser-output table.mw-hiero-table td {
-webkit-animation: layered-blueprint-fade-in 200ms;
vertical-align: middle;
animation: layered-blueprint-fade-in 200ms;
}
}


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


/* System messages styled similarly to fmbox */
@keyframes layered-blueprint-fade-out {
div.mw-warning-with-logexcerpt,
0% {
div.mw-lag-warn-high,
opacity: 1;
div.mw-cascadeprotectedwarning,
visibility: visible;
div#mw-protect-cascadeon,
div.titleblacklist-warning {
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 */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
 
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}
 
/* Minimum thumb width */
.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 Abuse Filter tags */
.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 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 {
/* Gallery styles background changes are restricted to screen view.
  In printing we should avoid applying backgrounds. */
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
/* 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;
}
/* But not on articles, user pages, or portals. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img {
background-image: none;
}
}
 
100% {
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
opacity: 0;
  do not apply to print mode */
visibility: hidden;
#siteSub {
display: block;
}
}
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
.flaggedrevs_draft_synced,
-webkit-animation: layered-blueprint-fade-out 200ms;
.flaggedrevs_stable_synced,
animation: layered-blueprint-fade-out 200ms;
/* "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]]
*/
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 8 (2016-05-21)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}


/* Display list items inline */
/* [[Template:YouTube]] */
.hlist dd,
.youtube-video {
.hlist dt,
display: block;
.hlist li {
margin: 0; /* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
display: inline;
}
}


/* Display nested lists inline */
/* Prevent page jump from the toolbar loading */
.hlist.inline,
.client-js #editform {
.hlist.inline dl,
/* To disable margin collapsing */
.hlist.inline ol,
overflow: hidden;
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
}


/* Hide empty list items */
.client-js .mw-editform > #wpTextbox1 {
.hlist .mw-empty-li {
    margin-top: 73px;
display: none;
}
}


/* Generate interpuncts */
.wikiEditor-ui-toolbar .tabs span.tab a:before {
.hlist dt:after {
filter: invert(1);
content: ": ";
}
 
/**
* Note hlist style usage differs in Minerva and is defined in core as well!
* Please check Minerva desktop (and Minerva.css) when changing
* See https://phabricator.wikimedia.org/T213239
*/
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
}


.hlist dd:last-child:after,
/* Alternating cell background */
.hlist dt:last-child:after,
.alternatecells:nth-child(odd) {
.hlist li:last-child:after {
background-color: #F9F9F9;
content: none;
}
}
 
body.wgl-theme-dark .alternatecells:nth-child(odd) {
/* Add parentheses around nested lists */
background-color: #222;
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
}


.hlist dd dd:last-child:after,
/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.hlist dd dt:last-child:after,
.alternaterows tr:nth-child(even),
.hlist dd li:last-child:after,
.infobox-rows tr:nth-child(even) {
.hlist dt dd:last-child:after,
background-color: #F9F9F9;
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
}
 
body.wgl-theme-dark .alternaterows tr:nth-child(even),
/* Put ordinals in front of ordered list items */
body.wgl-theme-dark .infobox-rows tr:nth-child(even) {
.hlist ol {
background-color: #222;
counter-reset: listitem;
}
}


.hlist ol > li {
/* Scale file page image to the width of the page */
counter-increment: listitem;
#file img {
max-width: 100%;
height: auto;
}
}


.hlist ol > li:before {
/* Highlight clicked reference in blue to help navigation */
content: " " counter(listitem) "\a0";
ol.references li:target,
sup.reference:target,
span.citation:target {  
background-color: #C1DAF2;
}
}


.hlist dd ol > li:first-child:before,
/* Style the sitenotice */
.hlist dt ol > li:first-child:before,
#siteNotice #localNotice,
.hlist li ol > li:first-child:before {
#siteNotice .globalNotice,
content: " (" counter(listitem) "\a0";
.page-MediaWiki_Sitenotice .mw-content-ltr .mw-parser-output {
margin-bottom: 24px;
}
}


/* Unbulleted lists */
/* Allow parts of toc to be hidden */
.plainlist ol,
/* Section levels */
.plainlist ul {
.toc-hidelevel2 .toclevel-1 ul,
line-height: inherit;
.toc-hidelevel3 .toclevel-2 ul,
list-style: none none;
.toc-hidelevel4 .toclevel-3 ul,
margin: 0;
/* Numbers */
.toc-nonumbers .tocnumber {
display: none;
}
}


.plainlist ol li,
/* Adjust styles for small screens */
.plainlist ul li {
@media (max-width: 500px) {
margin-bottom: 0;
#content div.thumb {
}
float: none;
 
}
/* 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,
/* Simulate link styling for JS only links */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.jslink {
.infobox caption {
color: #0645AD;
padding: 0.2em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}


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


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


/* Normal font styling for wikitable row headers with scope="row" tag */
/* Try to use nearest neighbour scaling for pixelated images */
.wikitable.plainrowheaders th[scope=row],
.mcwiki-header-grass,
.wikitable.plainrowheaders th[scope=rowgroup] {
.ns-special .gallerybox img,
font-weight: normal;
.ns-14 .gallerybox img,
/* @noflip */
.filehistory a img,
text-align: left;
.pixel-image,
.invslot-item-image,
.sprite {
image-rendering: optimizeSpeed;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
}


/* ambox/tmbox/imbox/cmbox/ombox/fmbox message boxes */
/* Add [[File:Mojang logo.svg]] to known Mojang employee userlinks */
th.mbox-text,
.mw-userlink[href="/w/User:Dinnerbone-gpuser"], .mw-userlink[href="/w/User:Dinnerbone-gpuser?action=edit&redlink=1"],
td.mbox-text {  /* The message body cell(s) */
.mw-userlink[href="/w/User:Jeb_mojang"], .mw-userlink[href="/w/User:Jeb_mojang?action=edit&redlink=1"],
border: none;
.mw-userlink[href="/w/User:MidnightEnforcer"], .mw-userlink[href="/w/User:MidnightEnforcer?action=edit&redlink=1"],
/* @noflip */
.mw-userlink[href="/w/User:Minecraft_Staff"], .mw-userlink[href="/w/User:Minecraft_Staff?action=edit&redlink=1"],
padding: 0.25em 0.9em;    /* 0.9em left/right */
.mw-userlink[href="/w/User:Mojang_tommo"], .mw-userlink[href="/w/User:Mojang_tommo?action=edit&redlink=1"],
width: 100%;              /* Make all mboxes the same width regardless of text length */
.mw-userlink[href="/w/User:Slicedlime"], .mw-userlink[href="/w/User:Slicedlime?action=edit&redlink=1"],
}
.mw-userlink[href="/w/User:Jocopa3"], .mw-userlink[href="/w/User:Jocopa3?action=edit&redlink=1"],
.mw-userlink[href="/w/User:IP_Justice"], .mw-userlink[href="/w/User:IP_Justice?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cornerhard"], .mw-userlink[href="/w/User:Cornerhard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:CornerHard"], .mw-userlink[href="/w/User:CornerHard?action=edit&redlink=1"],


td.mbox-image {                /* The left image cell */
/* legacy/deleted */
border: none;
.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102"], .mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102?action=edit&redlink=1"],
/* @noflip */
/* previously User:Jonkagstrom47437 */
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
.mw-userlink[href="/w/User:@DeletedUser40286849"], .mw-userlink[href="/w/User:@DeletedUser40286849?action=edit&redlink=1"],
text-align: center;
/* previously User:shoghicp */
.mw-userlink[href="/w/User:@DeletedUser40317681"], .mw-userlink[href="/w/User:@DeletedUser40317681?action=edit&redlink=1"] {
padding-left: 17px;
background: url('filepath://Mojang_logo.svg') no-repeat left center;
background-size: 14px 14px;
}
}


td.mbox-imageright {          /* The right image cell */
/* Add [[File:Grass Block JE7 BE6.png]] to known Minecraft/Mojang-related contractor employee userlinks */
border: none;
.mw-userlink[href="/w/User:C418bla"], .mw-userlink[href="/w/User:C418bla?action=edit&redlink=1"] {
/* @noflip */
padding-left: 17px;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
background: url('filepath://Grass_Block_JE7_BE6.png') no-repeat left center;
text-align: center;
background-size: 14px 14px;
}
}


td.mbox-empty-cell {          /* An empty narrow cell */
/* Add [[File:Gray Mojang Thing.png]] to known ex-Mojang employee userlinks */
border: none;
.mw-userlink[href="/w/User:EvilSeph"], .mw-userlink[href="/w/User:EvilSeph?action=edit&redlink=1"],
padding: 0;
.mw-userlink[href="/w/User:ExcitedZe"], .mw-userlink[href="/w/User:ExcitedZe?action=edit&redlink=1"],
width: 1px;
.mw-userlink[href="/w/User:Neon_Master"], .mw-userlink[href="/w/User:Neon_Master?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RazzleberryFox"], .mw-userlink[href="/w/User:RazzleberryFox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tahg"], .mw-userlink[href="/w/User:Tahg?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tamerjeison"], .mw-userlink[href="/w/User:Tamerjeison?action=edit&redlink=1"],
.mw-userlink[href="/w/User:HelenAngel"], .mw-userlink[href="/w/User:HelenAngel?action=edit&redlink=1"],
/* previously User:ProfMobius */
.mw-userlink[href="/w/User:@DeletedUser40549330"], .mw-userlink[href="/w/User:@DeletedUser40549330?action=edit&redlink=1"] {
padding-left: 17px;
background: url('filepath://Gray_Mojang_Thing.png') no-repeat left center;
}
}


/* Article message box styles */
/* Make external links the same colour as internal links, the icon is enough to differentiate them */
table.ambox {
.mw-body a.external {
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
color: #0645ad;
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c;  /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}


/* Single border between stacked boxes. */
.mw-body a.external:visited {
table.ambox + table.ambox,
color: #0b0080;
table.ambox + .mw-empty-elt + table.ambox {
margin-top: -1px;
}
}


.ambox th.mbox-text,
.mw-body a.external:active {
.ambox td.mbox-text {           /* The message body cell(s) */
color: #faa700;
padding: 0.25em 0.5em;       /* 0.5em left/right */
}
}


.ambox td.mbox-image {          /* The left image cell */
/* Make tabs the correct size */
/* @noflip */
body {
padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
}


.ambox td.mbox-imageright {      /* The right image cell */
/* Classes corresponding to Minecraft formatting codes */
/* @noflip */
.format-0 {
padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
color: #000;
text-shadow: 0.125em 0.125em 0 #000;
}
}
 
.format-1 {
table.ambox-notice {
color: #0000A8;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #00002A;
border-left: 10px solid #36c;       /* Blue */
}
}
 
.format-2 {
table.ambox-speedy {
color: #00A800;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #002A00;
border-left: 10px solid #b32424;   /* Red */
background-color: #fee7e6;         /* Pink */
}
}
 
.format-3 {
table.ambox-delete {
color: #00A8A8;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #002A2A;
border-left: 10px solid #b32424;   /* Red */
}
}
 
.format-4 {
table.ambox-content {
color: #A80000;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #2A0000;
border-left: 10px solid #f28500;   /* Orange */
}
}
 
.format-5 {
table.ambox-style {
color: #A800A8;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #2A002A;
border-left: 10px solid #fc3;       /* Yellow */
}
}
 
.format-6 {
table.ambox-move {
color: #FBA800;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #3E2A00;
border-left: 10px solid #9932cc;   /* Purple */
}
}
 
.format-7 {
table.ambox-protection {
color: #A8A8A8;
/* @noflip */
text-shadow: 0.125em 0.125em 0 #2A2A2A;
border-left: 10px solid #a2a9b1;   /* Gray-gold */
}
}
 
.format-8 {
/* Image message box styles */
color: #545454;
table.imbox {
text-shadow: 0.125em 0.125em 0 #151515;
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;   /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}
 
.format-9 {
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
color: #5454FB;
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
text-shadow: 0.125em 0.125em 0 #15153E;
display: block;         /* Fix for webkit to force 100% width.  */
}
}
 
.format-a {
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
color: #54FB54;
margin: 4px;
text-shadow: 0.125em 0.125em 0 #153E15;
}
}
 
.format-b {
table.imbox-notice {
color: #54FBFB;
border: 3px solid #36c;       /* Blue */
text-shadow: 0.125em 0.125em 0 #153E3E;
}
}
 
.format-c {
table.imbox-speedy {
color: #FB5454;
border: 3px solid #b32424;   /* Red */
text-shadow: 0.125em 0.125em 0 #3E1515;
background-color: #fee7e6;   /* Pink */
}
}
 
.format-d {
table.imbox-delete {
color: #FB54FB;
border: 3px solid #b32424;   /* Red */
text-shadow: 0.125em 0.125em 0 #3E153E;
}
}
 
.format-e {
table.imbox-content {
color: #FBFB54;
border: 3px solid #f28500;   /* Orange */
text-shadow: 0.125em 0.125em 0 #3E3E15;
}
}
 
.format-f,
table.imbox-style {
#minetip-tooltip {
border: 3px solid #fc3;       /* Yellow */
color: #FBFBFB;
text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
}
 
.format-g {
table.imbox-move {
color: #DDD605;
border: 3px solid #9932cc;   /* Purple */
text-shadow: 0.125em 0.125em 0 #373501;
}
}
 
.format-h {
table.imbox-protection {
color: #E3D4D1;
border: 3px solid #a2a9b1;   /* Gray-gold */
text-shadow: 0.125em 0.125em 0 #383534;
}
}
 
.format-i {
table.imbox-license {
color: #CECACA;
border: 3px solid #88a;       /* Dark gray */
text-shadow: 0.125em 0.125em 0 #333232;
background-color: #f7f8ff;   /* Light gray */
}
}
 
.format-j {
table.imbox-featured {
color: #443A3B;
border: 3px solid #cba135;   /* Brown-gold */
text-shadow: 0.125em 0.125em 0 #110E0E;
}
}
 
.format-l {
/* Category message box styles */
font-weight: bold;
table.cmbox {
letter-spacing: 0.125em;
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;   /* Default "notice" blue */
box-sizing: border-box;
}
}
 
.format-m {
table.cmbox-notice {
text-decoration: line-through;
background-color: #d8e8ff;   /* Blue */
}
}
 
.format-n {
table.cmbox-speedy {
text-decoration: underline;
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;    /* Red */
background-color: #ffdbdb;   /* Pink */
}
}
 
.format-o {
table.cmbox-delete {
font-style: italic;
background-color: #ffdbdb;   /* Pink */
}
}
 
.format-p {
table.cmbox-content {
color: #DEB12D;
background-color: #ffe7ce;   /* Orange */
text-shadow: 0.125em 0.125em 0 #372C0B;
}
}
 
.format-q {
table.cmbox-style {
color: #47A036;
background-color: #fff9db;   /* Yellow */
text-shadow: 0.125em 0.125em 0 #04280D;
}
}
 
.format-s {
table.cmbox-move {
color: #2CBAA8;
background-color: #e4d8ff;   /* Purple */
text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
}
 
.format-t {
table.cmbox-protection {
color: #21497B;
background-color: #efefe1;   /* Gray-gold */
text-shadow: 0.125em 0.125em 0 #08121E;
}
}
 
.format-u {
/* Other pages message box styles */
color: #9A5CC6;
table.ombox {
text-shadow: 0.125em 0.125em 0 #261731;
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;   /* Default "notice" gray */
background-color: #f8f9fa;
box-sizing: border-box;
}
}
 
.format-v {
table.ombox-notice {
color: #EB7114;
border: 1px solid #a2a9b1;   /* Gray */
text-shadow: 0.125em 0.125em 0 #3B1D05;
}
}
 
/* Custom color codes because §m and §n are used twice. */
table.ombox-speedy {
.format-y {
border: 2px solid #b32424;   /* Red */
color: #971607;
background-color: #fee7e6;   /* Pink */
text-shadow: 0.125em 0.125em 0 #250501;
}
}
 
.format-z {
table.ombox-delete {
color: #B4684D;
border: 2px solid #b32424;   /* Red */
text-shadow: 0.125em 0.125em 0 #2D1A13;
}
}
 
/* Class for &#123456 and &$123 adding custom hex colors. */
table.ombox-content {
.format-custom {
border: 1px solid #f28500;   /* Orange */
text-shadow: 0.125em 0.125em 0 color-mix(in srgb, currentColor 25%, #000 75%);
}
}


table.ombox-style {
/* Styling for minecraft style tooltip */
border: 1px solid #fc3;       /* Yellow */
#minetip-tooltip {
position: fixed;
top: 0;
left: 0;
background-color: #100010;
background-color: rgba(16, 0, 16, 0.94);
padding: 0.375em;
font-family: Minecraft, sans-serif;
font-size: 16px;
word-spacing: 4px;
white-space: nowrap;
line-height: 1.25em;
margin: 0.125em 0.25em;
pointer-events: none;
z-index: 9999;
}
}


table.ombox-move {
#minetip-tooltip::before {
border: 1px solid #9932cc;   /* Purple */
content: "";
position: absolute;
top: 0.125em;
right: -0.125em;
bottom: 0.125em;
left: -0.125em;
border: 0.15em solid #100010;
border-style: none solid;
border-color: rgba(16, 0, 16, 0.94);
}
}


table.ombox-protection {
#minetip-tooltip::after {
border: 2px solid #a2a9b1;   /* Gray-gold */
content: "";
position: absolute;
top: 0.125em;
right: 0;
bottom: 0.125em;
left: 0;
border: 0.125em solid #2D0A63;
border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}
}


/* Talk page message box styles */
#minetip-tooltip > .description,
table.tmbox {
#minetip-tooltip > .minetip-description {
margin: 4px 10%;
display: block;
border-collapse: collapse;
margin-top: 0.25em;
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box;
}
}


.tmbox.mbox-small {
/* prevent sitenotice show/hide toggle from moving page contents down after pageload */
min-width: 0;               /* reset the min-width of tmbox above        */
.globalNotice .globalNoticeDismiss {
float: right;
}
}


.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
/* Prevent "Other Review Tools" from showing up at the top of Special:RecentChanges */
margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-table {
width: 100%;                 /* For Safari and Opera */
display: none;
}
}


.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
/* Style code, pre and similar elements/classes with one common styling */
line-height: 1.5em;         /* also "nested", so reset styles that are  */
@media screen {
font-size: 100%;             /* set in "mbox-small" above.                */
pre, code, .mw-code {
background-color: #F8F9FA;
color: #000;
border: 1px solid #BBC2C6;
}
}
}


table.tmbox-speedy {
kbd, .kbd-color {
border: 2px solid #b32424;   /* Red */
text-shadow: 0 1px 0 #FFF;
background-color: #fee7e6;   /* Pink */
background-color: #F8F9FA;
color: #222;
box-shadow: 0 1px rgba(0,0,0,0.2), 0 0 0 2px #FFF inset;
border-color: #BBC2C6;
font-size: smaller;
}
}


table.tmbox-delete {
/* Fixes for small screens */
border: 2px solid #b32424;   /* Red */
@media screen and (max-width: 720px) {
#mw-head {
top: 13px;
}
div#mw-navigation div#mw-panel {
position: static !important; /* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */
}
}
}


table.tmbox-content {
@media screen and (max-width: 500px) {
border: 2px solid #f28500;    /* Orange */
/* TOC fix */
#mw-content-text > .mw-parser-output > div[style*="float"] {
float: none !important;
margin: 0 !important;
}
}
}


table.tmbox-style {
/* presumable Discord link on comportal */
border: 2px solid #fc3;      /* Yellow */
.CPDiscord {
}
float: right;
 
margin-left: 1em;
table.tmbox-move {
border: 2px solid #9932cc;    /* Purple */
}
 
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;    /* Default "system" gray */
box-sizing: border-box;
}
 
table.fmbox-system {
background-color: #f8f9fa;
}
 
table.fmbox-warning {
border: 1px solid #bb7070;  /* Dark pink */
background-color: #ffdbdb;  /* Pink */
}
 
table.fmbox-editnotice {
background-color: transparent;
}
 
/* These mbox-small classes must be placed after all other
  ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
  they override "table.ambox + table.ambox" above. */
html body.mediawiki .mbox-small {  /* For the "small=yes" option. */
/* @noflip */
clear: right;
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {  /* For the "small=left" option. */
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* 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)
/* Styling for tooltip */
  and links when we don't want them to (nowraplinks a) */
.explain {
.nowrap,
border-bottom: 0;
.nowraplinks a {
text-decoration: underline dotted;
white-space: nowrap;
cursor: help;
}
}


/* But allow wrapping where desired: */
/* Show help cursor when an abbr element has a title attribute */
.wrap,
abbr[title] {
.wraplinks a {
cursor: help;
white-space: normal;
}
}


/* Selectively hide headers in WikiProject banners */
/* Machine-readable extra template information */
/* TemplateStyles */
.history-json, .chest-json, .chestcontents-json, .sound-json, .spawntable-json, .advancements-json, .achievements-json {
.wpb .wpb-header {
display: none;
display: none;
}
}


.wpbs-inner .wpb .wpb-header {
.mw-references-columns {
display: table-row;
overflow-wrap: break-word;
}
 
.wpbs-inner .wpb-outside {
display: none;            /* hide things that should only display outside shells */
}
 
/* 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 */
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
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.
*/

Latest revision as of 01:48, 5 November 2024

/* CSS placed here will be applied to all skins */

/*
 * This is the CSS for all desktop skins on en.Wikipedia.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */

body {
	font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
}

/** Main page stylings **/
@supports (flex-wrap: wrap) { 
	.edition-group {
		display: flex;
		flex-wrap: wrap;
	}
	.edition-group .edition-box {
		flex: 17.4em;
	}
}



/* Hatnotes and disambiguation notices */
.hatnote {
	font-style: italic;
}

.hatnote i {
	font-style: normal;
}

div.hatnote {
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

div.hatnote + div.hatnote {
	margin-top: -0.5em;
}

/* [[Template:Layered blueprint]] */
@-webkit-keyframes layered-blueprint-fade-in {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes layered-blueprint-fade-in {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

.layered-blueprint-layer {
	-webkit-animation: layered-blueprint-fade-in 200ms;
	animation: layered-blueprint-fade-in 200ms;
}

@-webkit-keyframes layered-blueprint-fade-out {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes layered-blueprint-fade-out {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}

.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
	-webkit-animation: layered-blueprint-fade-out 200ms;
	animation: layered-blueprint-fade-out 200ms;
}

/* [[Template:YouTube]] */
.youtube-video {
	display: block;
}

/* Prevent page jump from the toolbar loading */
.client-js #editform {
	/* To disable margin collapsing */
	overflow: hidden;
}

.client-js .mw-editform > #wpTextbox1 {
    margin-top: 73px;
}

.wikiEditor-ui-toolbar .tabs span.tab a:before {
	filter: invert(1);
}

/* Alternating cell background */
.alternatecells:nth-child(odd) {
	background-color: #F9F9F9;
}
body.wgl-theme-dark .alternatecells:nth-child(odd) {
	background-color: #222;
}

/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterows tr:nth-child(even),
.infobox-rows tr:nth-child(even) {
	background-color: #F9F9F9;
}
body.wgl-theme-dark .alternaterows tr:nth-child(even),
body.wgl-theme-dark .infobox-rows tr:nth-child(even) {
	background-color: #222;
}

/* Scale file page image to the width of the page */
#file img {
	max-width: 100%;
	height: auto;
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target { 
	background-color: #C1DAF2;
}

/* Style the sitenotice */
#siteNotice #localNotice,
#siteNotice .globalNotice,
.page-MediaWiki_Sitenotice .mw-content-ltr .mw-parser-output {
	margin-bottom: 24px;
}

/* Allow parts of toc to be hidden */
/* Section levels */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-3 ul,
/* Numbers */
.toc-nonumbers .tocnumber {
	display: none;
}

/* Adjust styles for small screens */
@media (max-width: 500px) {
	#content div.thumb {
		float: none;
	}
}

/* Simulate link styling for JS only links */
.jslink {
	color: #0645AD;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jslink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.jslink:active {
	color: #FAA700;
}

/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.pixel-image,
.invslot-item-image,
.sprite {
	image-rendering: optimizeSpeed;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

/* Add [[File:Mojang logo.svg]] to known Mojang employee userlinks */
.mw-userlink[href="/w/User:Dinnerbone-gpuser"], .mw-userlink[href="/w/User:Dinnerbone-gpuser?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jeb_mojang"], .mw-userlink[href="/w/User:Jeb_mojang?action=edit&redlink=1"],
.mw-userlink[href="/w/User:MidnightEnforcer"], .mw-userlink[href="/w/User:MidnightEnforcer?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Minecraft_Staff"], .mw-userlink[href="/w/User:Minecraft_Staff?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mojang_tommo"], .mw-userlink[href="/w/User:Mojang_tommo?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Slicedlime"], .mw-userlink[href="/w/User:Slicedlime?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jocopa3"], .mw-userlink[href="/w/User:Jocopa3?action=edit&redlink=1"],
.mw-userlink[href="/w/User:IP_Justice"], .mw-userlink[href="/w/User:IP_Justice?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cornerhard"], .mw-userlink[href="/w/User:Cornerhard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:CornerHard"], .mw-userlink[href="/w/User:CornerHard?action=edit&redlink=1"],

/* legacy/deleted */
.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102"], .mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102?action=edit&redlink=1"],
/* previously User:Jonkagstrom47437 */
.mw-userlink[href="/w/User:@DeletedUser40286849"], .mw-userlink[href="/w/User:@DeletedUser40286849?action=edit&redlink=1"],
/* previously User:shoghicp */
.mw-userlink[href="/w/User:@DeletedUser40317681"], .mw-userlink[href="/w/User:@DeletedUser40317681?action=edit&redlink=1"] {
	padding-left: 17px;
	background: url('filepath://Mojang_logo.svg') no-repeat left center;
	background-size: 14px 14px;
}

/* Add [[File:Grass Block JE7 BE6.png]] to known Minecraft/Mojang-related contractor employee userlinks */
.mw-userlink[href="/w/User:C418bla"], .mw-userlink[href="/w/User:C418bla?action=edit&redlink=1"] {
	padding-left: 17px;
	background: url('filepath://Grass_Block_JE7_BE6.png') no-repeat left center;
	background-size: 14px 14px;
}

/* Add [[File:Gray Mojang Thing.png]] to known ex-Mojang employee userlinks */
.mw-userlink[href="/w/User:EvilSeph"], .mw-userlink[href="/w/User:EvilSeph?action=edit&redlink=1"],
.mw-userlink[href="/w/User:ExcitedZe"], .mw-userlink[href="/w/User:ExcitedZe?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Neon_Master"], .mw-userlink[href="/w/User:Neon_Master?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RazzleberryFox"], .mw-userlink[href="/w/User:RazzleberryFox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tahg"], .mw-userlink[href="/w/User:Tahg?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tamerjeison"], .mw-userlink[href="/w/User:Tamerjeison?action=edit&redlink=1"],
.mw-userlink[href="/w/User:HelenAngel"], .mw-userlink[href="/w/User:HelenAngel?action=edit&redlink=1"],
/* previously User:ProfMobius */
.mw-userlink[href="/w/User:@DeletedUser40549330"], .mw-userlink[href="/w/User:@DeletedUser40549330?action=edit&redlink=1"] {
	padding-left: 17px;
	background: url('filepath://Gray_Mojang_Thing.png') no-repeat left center;
}

/* Make external links the same colour as internal links, the icon is enough to differentiate them */
.mw-body a.external {
	color: #0645ad;
}

.mw-body a.external:visited {
	color: #0b0080;
}

.mw-body a.external:active {
	color: #faa700;
}

/* Make tabs the correct size */
body {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}

/* Classes corresponding to Minecraft formatting codes */
.format-0 {
	color: #000;
	text-shadow: 0.125em 0.125em 0 #000;
}
.format-1 {
	color: #0000A8;
	text-shadow: 0.125em 0.125em 0 #00002A;
}
.format-2 {
	color: #00A800;
	text-shadow: 0.125em 0.125em 0 #002A00;
}
.format-3 {
	color: #00A8A8;
	text-shadow: 0.125em 0.125em 0 #002A2A;
}
.format-4 {
	color: #A80000;
	text-shadow: 0.125em 0.125em 0 #2A0000;
}
.format-5 {
	color: #A800A8;
	text-shadow: 0.125em 0.125em 0 #2A002A;
}
.format-6 {
	color: #FBA800;
	text-shadow: 0.125em 0.125em 0 #3E2A00;
}
.format-7 {
	color: #A8A8A8;
	text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
.format-8 {
	color: #545454;
	text-shadow: 0.125em 0.125em 0 #151515;
}
.format-9 {
	color: #5454FB;
	text-shadow: 0.125em 0.125em 0 #15153E;
}
.format-a {
	color: #54FB54;
	text-shadow: 0.125em 0.125em 0 #153E15;
}
.format-b {
	color: #54FBFB;
	text-shadow: 0.125em 0.125em 0 #153E3E;
}
.format-c {
	color: #FB5454;
	text-shadow: 0.125em 0.125em 0 #3E1515;
}
.format-d {
	color: #FB54FB;
	text-shadow: 0.125em 0.125em 0 #3E153E;
}
.format-e {
	color: #FBFB54;
	text-shadow: 0.125em 0.125em 0 #3E3E15;
}
.format-f,
#minetip-tooltip {
	color: #FBFBFB;
	text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
.format-g {
	color: #DDD605;
	text-shadow: 0.125em 0.125em 0 #373501;
}
.format-h {
	color: #E3D4D1;
	text-shadow: 0.125em 0.125em 0 #383534;
}
.format-i {
	color: #CECACA;
	text-shadow: 0.125em 0.125em 0 #333232;
}
.format-j {
	color: #443A3B;
	text-shadow: 0.125em 0.125em 0 #110E0E;
}
.format-l {
	font-weight: bold;
	letter-spacing: 0.125em;
}
.format-m {
	text-decoration: line-through;
}
.format-n {
	text-decoration: underline;
}
.format-o {
	font-style: italic;
}
.format-p {
	color: #DEB12D;
	text-shadow: 0.125em 0.125em 0 #372C0B;
}
.format-q {
	color: #47A036;
	text-shadow: 0.125em 0.125em 0 #04280D;
}
.format-s {
	color: #2CBAA8;
	text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
.format-t {
	color: #21497B;
	text-shadow: 0.125em 0.125em 0 #08121E;
}
.format-u {
	color: #9A5CC6;
	text-shadow: 0.125em 0.125em 0 #261731;
}
.format-v {
	color: #EB7114;
	text-shadow: 0.125em 0.125em 0 #3B1D05;
}
/* Custom color codes because §m and §n are used twice. */
.format-y {
	color: #971607;
	text-shadow: 0.125em 0.125em 0 #250501;
}
.format-z {
	color: #B4684D;
	text-shadow: 0.125em 0.125em 0 #2D1A13;
}
/* Class for &#123456 and &$123 adding custom hex colors. */
.format-custom {
	text-shadow: 0.125em 0.125em 0 color-mix(in srgb, currentColor 25%, #000 75%);
}

/* Styling for minecraft style tooltip */
#minetip-tooltip {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #100010;
	background-color: rgba(16, 0, 16, 0.94);
	padding: 0.375em;
	font-family: Minecraft, sans-serif;
	font-size: 16px;
	word-spacing: 4px;
	white-space: nowrap;
	line-height: 1.25em;
	margin: 0.125em 0.25em;
	pointer-events: none;
	z-index: 9999;
}

#minetip-tooltip::before {
	content: "";
	position: absolute;
	top: 0.125em;
	right: -0.125em;
	bottom: 0.125em;
	left: -0.125em;
	border: 0.15em solid #100010;
	border-style: none solid;
	border-color: rgba(16, 0, 16, 0.94);
}

#minetip-tooltip::after {
	content: "";
	position: absolute;
	top: 0.125em;
	right: 0;
	bottom: 0.125em;
	left: 0;
	border: 0.125em solid #2D0A63;
	border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
	border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}

#minetip-tooltip > .description,
#minetip-tooltip > .minetip-description {
	display: block;
	margin-top: 0.25em;
}

/* prevent sitenotice show/hide toggle from moving page contents down after pageload */
.globalNotice .globalNoticeDismiss {
	float: right;
}

/* Prevent "Other Review Tools" from showing up at the top of Special:RecentChanges */
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-table {
	display: none;
}

/* Style code, pre and similar elements/classes with one common styling */
@media screen {
	pre, code, .mw-code {
		background-color: #F8F9FA;
		color: #000;
		border: 1px solid #BBC2C6;
	}
}

kbd, .kbd-color {
	text-shadow: 0 1px 0 #FFF;
	background-color: #F8F9FA;
	color: #222;
	box-shadow: 0 1px rgba(0,0,0,0.2), 0 0 0 2px #FFF inset;
	border-color: #BBC2C6;
	font-size: smaller;
}

/* Fixes for small screens */
@media screen and (max-width: 720px) {
	#mw-head {
		top: 13px;
	}
	
	div#mw-navigation div#mw-panel {
		position: static !important; /* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */
	}
}

@media screen and (max-width: 500px) {
	/* TOC fix */
	#mw-content-text > .mw-parser-output > div[style*="float"] {
		float: none !important;
		margin: 0 !important;
	}
}

/* presumable Discord link on comportal */
.CPDiscord {
	float: right;
	margin-left: 1em;
	clear: right;
}

/* Styling for tooltip */
.explain {
	border-bottom: 0;
	text-decoration: underline dotted;
	cursor: help;
}

/* Show help cursor when an abbr element has a title attribute */
abbr[title] {
	cursor: help;
}

/* Machine-readable extra template information */
.history-json, .chest-json, .chestcontents-json, .sound-json, .spawntable-json, .advancements-json, .achievements-json {
	display: none;
}

.mw-references-columns {
	overflow-wrap: break-word;
}
Retrieved from "https://wiki.parallelmc.org/w/index.php?title=MediaWiki:Common.css&oldid=10844"