MediaWiki:Common.css: Difference between revisions

From wizzypedia
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
 
(62 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 */
/*
* This is the CSS for 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;
}


/* --- General look and feel of the site --- */
/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}


/* latin-ext */
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
@font-face {
blockquote {
  font-family: 'Titillium Web';
overflow: hidden;
  font-style: normal;
margin: 1em 0;
  font-weight: 400;
padding: 0 40px;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/resources/dark/fonts/TitilliumWeb-Regular.ttf') format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
}
/* latin */
 
@font-face {
/* Consistent size for <small>, <sub> and <sup> */
  font-family: 'Titillium Web';
small {
  font-style: normal;
font-size: 85%;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/resources/dark/fonts/TitilliumWeb-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
}
/* latin-ext */
 
@font-face {
.mw-body-content sub,
  font-family: 'Titillium Web';
.mw-body-content sup,
  font-style: normal;
span.reference /* for Parsoid */ {
  font-weight: 600;
font-size: 80%;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/resources/dark/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
}
/* latin */
 
@font-face {
/* Same spacing for indented and unindented paragraphs on talk pages */
  font-family: 'Titillium Web';
.ns-talk .mw-body-content dd {
  font-style: normal;
margin-top: 0.4em;
  font-weight: 600;
margin-bottom: 0.4em;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/resources/dark/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
}
/* latin-ext */
 
@font-face {
/* Reduce page jumps by hiding collapsed/dismissed content */
  font-family: 'Titillium Web';
.client-js .mw-special-Watchlist #watchlist-message,
  font-style: normal;
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
  font-weight: 700;
 
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/resources/dark/fonts/TitilliumWeb-Bold.ttf') format('truetype');
/* Hide charinsert base for those not using the gadget */
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
#editpage-specialchars {
display: none;
}
}
/* latin */
 
@font-face {
/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
  font-family: 'Titillium Web';
.mw-rcfilters-enabled .mw-specialpage-summary {
  font-style: normal;
margin-top: 1em;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/resources/dark/fonts/TitilliumWeb-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
}


/* --- remove sidebar label and upper border of custom toolbox to make it look like that point is part of the tools section --- */
/* 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;
}


#p-tb {
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
padding-bottom: 0 !important;
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
}


#p-custom-tb {
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
border-top: none !important;
/* @noflip */
padding-top: 0 !important;
float: left;
/* @noflip */
text-align: left;
}
}


#p-custom-tb-label {
/* Lists in wikitable data cells are always left-aligned */
display: none;
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
}


/* Remove overdone top margin on slideshow galleries */
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
.mw-parser-output table.mw-hiero-table td {
vertical-align: middle;
}


ul.gallery.mw-gallery-slideshow {
/* Change the external link icon to a PDF icon for all PDF files */
margin: 1em 0;
.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;
}
}


/* Adjust wikitable padding */
/* System messages styled similarly to fmbox */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
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;
}


table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
/* default colors for partial block message */
    padding: 0.15em 0.45em
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
}


/* Hide the semantic wiki notices for now */
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}


.smw-editpage-help {
/* Minimum thumb width */
  display: none;
.thumbinner {
min-width: 100px;
}
}


/* --- End of General look and feel of the site --- */
/* 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;
}


/* --- boilerplate style class for templates that deal with the wiki organisation etc examples: template:archive, template:merge, template:delete, template:stub, template:disambiguation --- */
/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}


.factorio-boilerplate {
/* Hide stuff meant for accounts with special permissions. Made visible again in
margin:auto auto 10px;
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
width:100%
  [[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;
}
}


.factorio-boilerplate table {
/* Hide the redlink generated by {{Editnotice}},
margin:auto;
  this overrides the ".sysop-show { display: none; }" above that applies
text-align:left;
  to the same link as well. See [[phab:T45013]]
border:2px solid #aaa;
 
background-color: #e4f0f7;
  Hide the images in editnotices to keep them readable in VE view.
width:calc(100% - 23em)
  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;
}
}


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


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


/* --- Template:Key --- */
/* 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;
}
 
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
  do not apply to print mode */
#siteSub {
display: block;
}
}


.keyboard-key {
/* Hide FlaggedRevs notice UI when there are no pending changes */
border: 1px solid #aaa;
.flaggedrevs_draft_synced,
background-color: #f9f9f9;
.flaggedrevs_stable_synced,
border-radius: 0.2em;
/* "Temporary" to remove links in sidebar T255381 */
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
#t-upload,
padding: 0.1em 0.3em;
/* Hide broken download box on Special:Book pending T285400 */
font-family: inherit;
.mw-special-Book #coll-downloadbox {
font-size: 0.85em;
display: none;
}
}


/* --- Template:ContentCell --- */
/*
* 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;
}


.factorio-contentcell {
/* Display list items inline */
background: #F9F9F9;
.hlist dd,
border: 1px solid #AAAAAA;
.hlist dt,
vertical-align: top;
.hlist li {
-moz-border-radius: 5px;
margin: 0; /* don't trust the note that says margin doesn't work with inline
-webkit-border-radius: 5px;
* removing margin: 0 makes dds have margins again */
padding: 7px;
display: inline;
}
}


.factorio-contentcell .titlebar {
/* Display nested lists inline */
background: #E4F0F7;
.hlist.inline,
padding: 5px;
.hlist.inline dl,
margin: 3px;
.hlist.inline ol,
font-weight: bold;
.hlist.inline ul,
text-align: center;
.hlist dl dl,
color: #033251;
.hlist dl ol,
font-size: 120%;
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
}


/* --- TEMPLATE:Icon --- */
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}


.factorio-icon {
/* Generate interpuncts */
display:inline-block;
.hlist dt:after {
margin:5px;
content: ": ";
position:relative;
padding:3px;
width:32px;
height:32px;
border:1px solid #4B4543;
}
}


.factorio-icon-text {
/**
  position:absolute;
* Note hlist style usage differs in Minerva and is defined in core as well!
  bottom: -3px;
* Please check Minerva desktop (and Minerva.css) when changing
right: 2px;
  * See https://phabricator.wikimedia.org/T213239
color:#fff;
  */
font-size:larger;
.hlist dd:after,
font-weight: bold;
.hlist li:after {
text-shadow: 0px 1px 1px #000, 0px -1px 1px #000, 1px 0px 1px #000,-1px 0px 1px #000;
content: " · ";
pointer-events: none
font-weight: bold;
}
}


/* --- TEMPLATE:NavboxIconLink --- */
.hlist dd:last-child:after,
.navbox-icon {
.hlist dt:last-child:after,
position: relative;
.hlist li:last-child:after {
content: none;
}
}


.navbox-icon-text {
/* Add parentheses around nested lists */
position: absolute;
.hlist dd dd:first-child:before,
bottom: -5px;
.hlist dd dt:first-child:before,
right: 1px;
.hlist dd li:first-child:before,
color:#fff;
.hlist dt dd:first-child:before,
font-size:10px;
.hlist dt dt:first-child:before,
font-weight: bold;
.hlist dt li:first-child:before,
text-shadow: 0px 1px 1px #000, 0px -1px 1px #000, 1px 0px 1px #000,-1px 0px 1px #000;
.hlist li dd:first-child:before,
pointer-events: none
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
}


span.whiteLink a { color: white; }
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.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;
}


/* --- Gerneral --- */
/* Put ordinals in front of ordered list items */
.hidden {
.hlist ol {
display: none;
counter-reset: listitem;
}
}


/* --- Languages template --- */
.hlist ol > li {
.languages-container {
counter-increment: listitem;
background: #EFEFEF;
padding: 5px;
border-color: #ACACAC;
border-width: 1px;
border-style: solid;
border-bottom-width: medium;
}
}


.languages-container p {
.hlist ol > li:before {
margin: 0;
content: " " counter(listitem) "\a0";
}
}


.languages-message {
.hlist dd ol > li:first-child:before,
font-weight: bold;
.hlist dt ol > li:first-child:before,
font-size: smaller;
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
}


/* --- Spoilers --- */
/* Unbulleted lists */
.spoiler-container .button {
.plainlist ol,
  background: #E4F0F7;
.plainlist ul {
  border: 1px solid #b1d3e7;
line-height: inherit;
  box-shadow: -1px 1px 5px #777777;
list-style: none none;
  display: inline-block;
margin: 0;
  padding: 2px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 4px;
}
}


.spoiler-container .button:active {
.plainlist ol li,
  box-shadow: -1px 1px 1px #777777;
.plainlist ul li {
margin-bottom: 0;
}
}


/* --- Infobox --- */
/* Infobox template style */
.infobox {
.infobox {
width: 22em;
border: 1px solid #a2a9b1;
float: right;
border-spacing: 3px;
border: 1px solid #aaa;
background-color: #f8f9fa;
border-radius: 10px 10px 0 0;
color: black;
margin-left: 5px;
/* @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 table, .infobox tr {
.infobox-header,
width: 100%;
.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 table {
.infobox-label,
border-spacing: 0;
.infobox-data,
  padding: 4px;
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
}


.infobox .infobox-image img{
/* Remove .infobox when element selectors above are removed */
width: 100%;
.infobox .infobox-above,
height: auto;
.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-header > div:first-child {
.infobox-title,
text-align: center;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
padding: 0.2em;
}
}


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


.infobox-header-text {
/* Remove .infobox when element selectors above are removed */
padding:0;
.infobox .infobox-navbar {
text-align: left !important;
/* @noflip */
text-align: right;
}
}


.infobox-header-text span{
/* Normal font styling for wikitable row headers with scope="row" tag */
font-size: 1.2em;
.wikitable.plainrowheaders th[scope=row],
font-weight: bold;
.wikitable.plainrowheaders th[scope=rowgroup] {
line-height: 1.2em;
font-weight: normal;
/* @noflip */
text-align: left;
}
}


.infobox-header-text p{
/* ambox/tmbox/imbox/cmbox/ombox/fmbox message boxes */
margin: 0;
th.mbox-text,
td.mbox-text {   /* The message body cell(s) */
border: none;
/* @noflip */
padding: 0.25em 0.9em;    /* 0.9em left/right */
width: 100%;               /* Make all mboxes the same width regardless of text length */
}
}


.infobox-edit-link {
td.mbox-image {               /* The left image cell */
font-weight:normal;
border: none;
font-size:small;
/* @noflip */
padding-right: 0.5em;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: right;
text-align: center;
}
}


.infobox-edit-link a {
td.mbox-imageright {           /* The right image cell */
color: inherit !important;
border: none;
font-style: italic;
/* @noflip */
text-decoration: underline;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
}


/* switching the infobox-header colors per category using classes so that they can be easily modified by user css */
td.mbox-empty-cell {          /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}


.infobox .combat {
/* Article message box styles */
  background: #FF0000;
table.ambox {
color: white;
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c; /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}


.infobox .intermediates {
/* Single border between stacked boxes. */
background: #AAAAAA;
table.ambox + table.ambox,
table.ambox + .mw-empty-elt + table.ambox {
margin-top: -1px;
}
}


.infobox .production {
.ambox th.mbox-text,
background: #FFA600;
.ambox td.mbox-text {           /* The message body cell(s) */
padding: 0.25em 0.5em;       /* 0.5em left/right */
}
}


.infobox .logistics {
.ambox td.mbox-image {           /* The left image cell */
background: #A1056F;
/* @noflip */
color: white;
padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
}
}


.infobox .technology {
.ambox td.mbox-imageright {     /* The right image cell */
background: #228B22;
/* @noflip */
padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
}
}


.infobox .default-infobox {
table.ambox-notice {
background: lightblue;
/* @noflip */
border-left: 10px solid #36c;       /* Blue */
}
}


/* end of the style classes for the infobox header color switcher */
table.ambox-speedy {
/* @noflip */
border-left: 10px solid #b32424;    /* Red */
background-color: #fee7e6;          /* Pink */
}


.infobox p {
table.ambox-delete {
margin: 0;
/* @noflip */
border-left: 10px solid #b32424;   /* Red */
}
}
.infobox .infobox-header th {
 
white-space: nowrap;
table.ambox-content {
/* @noflip */
border-left: 10px solid #f28500;   /* Orange */
}
}


.infobox .infobox-header > div {
table.ambox-style {
display: inline-block;
/* @noflip */
border-left: 10px solid #fc3;       /* Yellow */
}
}


.infobox .infobox-header .header-icon {
table.ambox-move {
vertical-align: top;
/* @noflip */
border-left: 10px solid #9932cc;    /* Purple */
}
 
table.ambox-protection {
/* @noflip */
border-left: 10px solid #a2a9b1;   /* Gray-gold */
}
}


.infobox .infobox-header {
/* Image message box styles */
border-radius: 7px 7px 0 0;
table.imbox {
overflow: hidden;
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;    /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}


.infobox tr.border-top td {
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
border-top: 1px solid #aaa;
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
display: block;         /* Fix for webkit to force 100% width.  */
}
}


.infobox tr td:nth-child(2) {
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
text-align: right;
margin: 4px;
}
}


.infobox .infobox-header th > div {
table.imbox-notice {
display: inline-block;
border: 3px solid #36c;       /* Blue */
}
}


.infobox-vrow-value {
table.imbox-speedy {
text-align: center;
border: 3px solid #b32424;    /* Red */
background-color: #fee7e6;   /* Pink */
}
}


.infobox .tabber .tabbernav {
table.imbox-delete {
margin-top: 5px;
border: 3px solid #b32424;   /* Red */
}
}


.infobox .tabber .tabbertab {
table.imbox-content {
border: 0px;
border: 3px solid #f28500;   /* Orange */
padding: 0px;
}


table.imbox-style {
border: 3px solid #fc3;      /* Yellow */
}
}
.infobox .tabber table {
 
padding-bottom: 0px;
table.imbox-move {
border: 3px solid #9932cc;   /* Purple */
}
}


/* --- Navbox --- */
table.imbox-protection {
.navbox {
border: 3px solid #a2a9b1;    /* Gray-gold */
padding-top: 1.5em;
}
}


.navbox th {
table.imbox-license {
background: rgba(173, 216, 230, 1.0);
border: 3px solid #88a;       /* Dark gray */
border-radius: 10px;
background-color: #f7f8ff;   /* Light gray */
}
}


.navbox, .navbox tr, .navbox table, .navbox p {
table.imbox-featured {
width: 100%;
border: 3px solid #cba135;   /* Brown-gold */
}
}


.navbox-header p {
/* Category message box styles */
text-align: center;
table.cmbox {
font-size: 125%;
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;   /* Default "notice" blue */
box-sizing: border-box;
}
}


.navbox p {
table.cmbox-notice {
margin: 0;
background-color: #d8e8ff;   /* Blue */
}
}


.navbox td > div, .navbox th > div {
table.cmbox-speedy {
margin: 0px 10px;
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;    /* Red */
background-color: #ffdbdb;   /* Pink */
}
}


.navbox .navbox-header {
table.cmbox-delete {
width: 100%;
background-color: #ffdbdb;   /* Pink */
}
}


.navbox .list-data {
table.cmbox-content {
width: 100%;
background-color: #ffe7ce;   /* Orange */
border-radius: 0 10px 10px 0;
background: rgba(173, 216, 230, 0.4);
}
}


.navbox .group-data {
table.cmbox-style {
white-space: nowrap;
background-color: #fff9db;   /* Yellow */
text-align: right;
border-radius: 10px 0 0 10px;
background: rgba(173, 216, 230, 0.7);
}
}


/* Style for horizontal lists (separator following item).
table.cmbox-move {
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
background-color: #e4d8ff;   /* Purple */
  @revision 9 (2016-08-10)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
}
/* Display list items inline */
 
.hlist dd,
table.cmbox-protection {
.hlist dt,
background-color: #efefe1;   /* Gray-gold */
.hlist li {
    margin: 0;
    display: inline;
}
}
/* Display nested lists inline */
 
.hlist.inline,
/* Other pages message box styles */
.hlist.inline dl,
table.ombox {
.hlist.inline ol,
margin: 4px 10%;
.hlist.inline ul,
border-collapse: collapse;
.hlist dl dl, .hlist dl ol, .hlist dl ul,
border: 1px solid #a2a9b1;    /* Default "notice" gray */
.hlist ol dl, .hlist ol ol, .hlist ol ul,
background-color: #f8f9fa;
.hlist ul dl, .hlist ul ol, .hlist ul ul {
box-sizing: border-box;
    display: inline;
}
}
/* Hide empty list items */
 
.hlist .mw-empty-li,
table.ombox-notice {
.hlist .mw-empty-elt {
border: 1px solid #a2a9b1;   /* Gray */
    display: none;
}
}
/* Generate interpuncts */
 
.hlist dt:after {
table.ombox-speedy {
    content: ": ";
border: 2px solid #b32424;    /* Red */
background-color: #fee7e6;   /* Pink */
}
}
.hlist dd:after,
 
.hlist li:after {
table.ombox-delete {
    content: " · ";
border: 2px solid #b32424;   /* Red */
    font-weight: bold;
}
}
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
table.ombox-content {
.hlist li:last-child:after {
border: 1px solid #f28500;   /* Orange */
    content: none;
}
}
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
table.ombox-style {
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
border: 1px solid #fc3;       /* Yellow */
.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, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
table.ombox-move {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
border: 1px solid #9932cc;   /* Purple */
    content: ")";
    font-weight: normal;
}
}
/* Put ordinals in front of ordered list items */
 
.hlist ol {
table.ombox-protection {
    counter-reset: listitem;
border: 2px solid #a2a9b1;   /* Gray-gold */
}
}
.hlist ol > li {
 
    counter-increment: listitem;
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box;
}
}
.hlist ol > li:before {
 
    content: " " counter(listitem) "\a0";
.tmbox.mbox-small {
min-width: 0;               /* reset the min-width of tmbox above        */
}
}
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
.hlist li ol > li:first-child:before {
margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)   */
    content: " (" counter(listitem) "\a0";
width: 100%;                 /* For Safari and Opera */
}
}


/* Template:Stub */
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
line-height: 1.5em;          /* also "nested", so reset styles that are  */
font-size: 100%;            /* set in "mbox-small" above.                */
}


.stub {
table.tmbox-speedy {
border: 5px solid #FF6666;
border: 2px solid #b32424;   /* Red */
border-radius: 10px;
background-color: #fee7e6;   /* Pink */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
padding: 5px;
}
}


/* Template:Inventory */
table.tmbox-delete {
border: 2px solid #b32424;    /* Red */
}


.tab-header div {
table.tmbox-content {
display: inline-block
border: 2px solid #f28500;    /* Orange */
}
}


.tab-head {
table.tmbox-style {
position: relative;
border: 2px solid #fc3;       /* Yellow */
cursor: pointer
}
}


.tab-head:after {
table.tmbox-move {
content: attr(data-name);
border: 2px solid #9932cc;   /* Purple */
pointer-events: none;
position: absolute;
display: none;
z-index: 1000;
background-color: rgba(67, 67, 72, 0.8);
padding: 8px 8px;
min-width: 125px;
font-family: 'Titillium Web',sans-serif;
color: white
}
}


.tab-head img {
table.tmbox-protection,
border-top: 1px solid #c7c7c7;
table.tmbox-notice {
border-left: 1px solid #6e6e6e;
border: 1px solid #c0c090;   /* Gray-brown */
border-right: 1px solid #6e6e6e;
border-bottom: 1px solid #1c1c1c;
background-color: #8e8e8e;
margin: 5px 0px 5px 1px
}
}


.tab-head img:hover {
/* Footer and header message box styles */
background-color: #e39827
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;    /* Default "system" gray */
box-sizing: border-box;
}
}


.tab-head-active img {
table.fmbox-system {
background-color: #e39827;
background-color: #f8f9fa;
border-top: 1px solid #2A2A2A;
border-left: 1px solid #2A2A2A;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC
}
}


.tab .factorio-icon {
table.fmbox-warning {
margin: 0.5px;
border: 1px solid #bb7070;  /* Dark pink */
background-color: #313131;
background-color: #ffdbdb;  /* Pink */
border-top: 1px solid #454545;
  border-left: 1px solid #212121;
border-right: 1px solid #212121;
  border-bottom: 1px solid #191919
}
}


.tab .factorio-icon img {
table.fmbox-editnotice {
filter: drop-shadow(0px 0px 4px #000)
background-color: transparent;
}
}


.tab .factorio-icon:hover {
/* These mbox-small classes must be placed after all other
background-color: #e39827
  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;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
}


.tab .factorio-icon:after {
html body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
position: absolute;
/* @noflip */
pointer-events: none;
margin: 4px 1em 4px 0;
display: none;
box-sizing: border-box;
z-index: 1000;
overflow: hidden;
background-color: rgba(67, 67, 72, 0.8);
width: 238px;
padding: 8px 8px;
border-collapse: collapse;
min-width: 125px;
font-size: 88%;
font-family: 'Titillium Web',sans-serif;
line-height: 1.25em;
color: white
}
}


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


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


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


.factorio-list ul {
/* Selectively hide headers in WikiProject banners */
list-style-image: none;
/* TemplateStyles */
.wpb .wpb-header {
display: none;
}
}


.factorio-list ul li ul {
.wpbs-inner .wpb .wpb-header {
list-style-type: square;
display: table-row;
}
}


.factorio-list ul li ul li ul {
.wpbs-inner .wpb-outside {
list-style-type: circle;
display: none;             /* hide things that should only display outside shells */
}
}


.factorio-list ul li ul li ul li ul{
/* texhtml class for inline math (based on generic times-serif class) */
list-style-type: disc;
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;
}
}


/* Template:Documentation */
span.texhtml span.texhtml {
font-size: 100%;
}


.factorio-doc {
@media screen {
margin-top:1em;
.nochecker .gallerybox .thumb img {
clear: both;
background-image: none;
border: 2px dotted #666666;
}
padding: 0.6em;
background-color: #f5f5f5;
}
}


.factorio-doc-heading {
/* Start edits by Waz */
padding-bottom:3px;
 
border-bottom:1px solid #aaa;
body.page-Main_Page.action-view #siteSub,
margin-bottom:1ex;
body.page-Main_Page.action-submit #siteSub {
    display: none;
}
}


/* Template:BlueprintString */
/* --- Template:ContentCell --- */


.bps-box {
.factorio-contentcell {
  background-color: #105482;
  background: #181A1B;
  border: 3px solid;
  border: 1px solid rgb(62, 68, 70);
  border-color: #c1c1c1 #616161 #616161 #c1c1c1;
vertical-align: top;
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
padding: 7px;
}
 
.factorio-contentcell .titlebar {
background: rgb(51, 55, 57);
  padding: 5px;
  padding: 5px;
  width: 13em;
  margin: 3px;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  text-align: center;
  cursor: pointer;
  color: #bbb5ac;
  margin: 3px
  font-size: 120%;
}
}
.bps-box:active {
 
  background-color:#074774;
body, #mw-page-base{
  border-color: #616161 #c1c1c1 #c1c1c1 #616161;
background: #1D2021;
}
}
.bps-box img {
 
pointer-events: none;
.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited {
color: #BBB5AC;
}
}


.gallerytext .bps-box {
h1, h2, h3, h4, h5, h6, p, i, strong, li, ul, .templatequotecite, .mw-content-ltr .thumbcaption {
margin: auto
color: rgb(235 232 228);
}
}


/* Text blinking in rail signal colors */
.mw-body, .parsoid-body {
background-color:#181A1B;
border: 1px solid #084B7A;
    color: #ffffffa1;
}


@keyframes rail-signal-blink {
.vector-menu-tabs li {
  33% { color: #55FF55; }
background-image: linear-gradient(rgb(24, 26, 27) 50%, rgb(29, 32, 33) 100%);
  66% { color: #FFFF55; }
}
}
@-webkit-keyframes rail-signal-blink {
 
  33% { color: #55FF55; }
.vector-menu-tabs li a, a, a:visited, .skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited  {
  66% { color: #FFFF55; }
color: rgb(102, 177, 250);
}
}
.rail-signal-blink {
 
  animation: rail-signal-blink 3s step-start 0s infinite;
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{
  -webkit-animation: rail-signal-blink 3s step-start 0s infinite;
color: rgb(211, 207, 202);
  color: #ee7777;
background-color: #14213d;
}
}


/* Prototype parents list */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(rgba(51, 55, 57, 0) 0px, rgb(51, 55, 57) 100%);
}


.prototype-parents {
div.thumbinner {
     background-color: #eaecf0;
     border: 1px solid rgb(62, 68, 70);
     margin-top: -1em !important;
     background-color: rgb(27, 30, 31);
     padding-bottom: 3px;
     font-size: 94%;
    padding-left: 0.5em;
}
}


/* Prototype table of contents */
.toc, .toccolours {
.prototype-toc {
     border: 1px solid rgb(62, 68, 70);
     list-style-type: none;
     background-color: rgb(27, 30, 31);
     border-collapse: collapse;
     padding: 5px;
     font-size: 14px;
     font-size: 95%;
     line-height: 1.2;
}
}
.prototype-toc td {
 
    font-family: monospace;
.catlinks {
     padding-bottom: 3px;
border: 1px solid rgb(62, 68, 70);
    border-bottom: 1px dotted #d8d8d8;
     background-color: rgb(27, 30, 31);
}
}
.prototype-toc-item-name {
 
    width: 20em;
.vector-menu-dropdown .vector-menu-content{
     padding-left: 2em;
border: 1px solid rgb(62, 68, 70);
     padding-right: 1em;
     background-color: rgb(27, 30, 31);
     color: rgb(102, 177, 250);
}
}
.prototype-toc-item-info {
 
     padding-left: 1em;
.infobox {
    border: 1px solid rgb(62, 68, 70);
    border-spacing: 3px;
     background-color: rgb(27, 30, 31);
color: rgb(187, 181, 172);
}
}
.prototype-property-type-usage {
 
     columns: 22em 3;
.thumbimage {
    -moz-columns: 22em 3;
     background-color: unset;
     -webkit-columns: 22em 3;
     border: unset;
    break-inside: avoid-column;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    font-family: monospace;
    font-size: 14px;
}
}


/* Prototype tree on Prototype definitions */
 
  /* The few prototypes that are roots of the prototype tree */
/* End edits by Waz */
.prototype-tree-root ul {
 
list-style-image: none;
/* Put anything you mean to be a sitewide addition above the TemplateStyles
margin: 0;
  * comment above.
*/
 
/* Start Edits By Dotta */
 
.floatnone img {
  max-width: 100%;
  height: auto;
}
}


.prototype-tree-root li {
.diff-context {
list-style-type: none;
    background: #181a1c;
    border-color: #4c4c4c;
    color: #ffffff;
}
}


.prototype-tree-root li::before {
.diff-deletedline .diffchange {
content: "⯀";
    background: #45391d;
margin-right: 5px;
pointer-events: none
}
}


/* The actual prototype tree, without roots. */
.diff-addedline .diffchange {
.prototype-tree ul {
    background: #092a4a;
list-style-image: none;
border-left: solid rgb(95, 95, 95) 1px;
padding-left: 9px;
margin-left: 6px;
}
}


.prototype-tree li {
.vector-search-box-input {
list-style-type: none;
    background-color: rgb(255 255 255 / 77%);
}
}


.prototype-tree li::before {
/* new page links */
content: "⯀";
.skin-vector-legacy a.new, a.new {
margin-right: 5px;
    color: #ff7e7e;
pointer-events: none
}
}


.prototype-tree .prototype-tree-parent::before {
.mw-message-box-warning, .warningbox {
content: "⮝";
    background-color: #2a1c01;
    border-color: #7b6114;
}
}


.prototype-tree .prototype-tree-parent-collapsed::before {
.mw-search-profile-tabs {
content: "⮟";
    background-color: #181a1c;
}
.search-types .current a {
    color: #d8d8d8;
}
}


/* Used on Rocket Rush page */
#mw-searchoptions {
.factorio-icon-less-margin .factorio-icon {
    background-color: #181a1c;
margin: 0.5px;
}
}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
    border: 1px solid #8c4141;
    background-color: #351212;
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: #181a1b;
}
.arrowSteps li {
    background-color: #101213;
}
#mwe-upwiz-steps li.head {
    background-color: #162131;
}
.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
    background: #0a0a0a;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
    background-color: #171717;
}
.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
    background: #21262a !important;
}
.oo-ui-window-content {
    background: #494949;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #1f2223;
    border: 1px solid #4b4d50;
}
ul {
  list-style: disc;
}
.mw-upload-bookletLayout-filePreview {
    background-color: #2f2f2f;
}
.oo-ui-labelWidget.oo-ui-inline-help {
    color: #ffffff;
}
.oo-ui-labelElement-label {
    color: #b3b3b3;
}
.oo-ui-popupWidget-popup {
    background-color: #181a1b;
}
.oo-ui-buttonElement-button {
   
}
.ve-ui-mwSaveDialog-license {
    color: #dfe3e6;
}
.ve-ui-mwSaveDialog-options {
    background-color: #494949;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #222222;
    color: #f7f7f7;
}
.editOptions {
    background-color: #1e2021;
}
.mw-notification {
background-color: #222222;
}
/* End Edits By Dotta */

Latest revision as of 16:41, 19 July 2022

/* 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.
 */
/* Reset italic styling set by user agent */
cite,
dfn {
	font-style: inherit;
}

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

/* 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,
span.reference /* for Parsoid */ {
	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 .mw-special-Watchlist #watchlist-message,
.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 */
.mw-rcfilters-enabled .mw-specialpage-summary {
	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;
}

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

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

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

/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
.mw-parser-output table.mw-hiero-table td {
	vertical-align: middle;
}

/* 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 */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
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;
	}

	/* 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]]
 */

/* 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 */
.hlist dd,
.hlist dt,
.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 */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.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 */
.hlist .mw-empty-li {
	display: none;
}

/* Generate interpuncts */
.hlist dt:after {
	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,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

/* Add parentheses around nested lists */
.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,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.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;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}

.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}

/* 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;
}

/* ambox/tmbox/imbox/cmbox/ombox/fmbox message boxes */
th.mbox-text,
td.mbox-text {   /* The message body cell(s) */
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;     /* 0.9em left/right */
	width: 100%;               /* Make all mboxes the same width regardless of text length */
}

td.mbox-image {                /* The left image cell */
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}

td.mbox-imageright {           /* The right image cell */
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
	text-align: center;
}

td.mbox-empty-cell {           /* An empty narrow cell */
	border: none;
	padding: 0;
	width: 1px;
}

/* Article message box styles */
table.ambox {
	margin: 0 10%;                  /* 10% = Will not overlap with other elements */
	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. */
table.ambox + table.ambox,
table.ambox + .mw-empty-elt + table.ambox {
	margin-top: -1px;
}

.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
	padding: 0.25em 0.5em;       /* 0.5em left/right */
}

.ambox td.mbox-image {           /* The left image cell */
	/* @noflip */
	padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}

.ambox td.mbox-imageright {      /* The right image cell */
	/* @noflip */
	padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
	/* @noflip */
	border-left: 10px solid #36c;       /* Blue */
}

table.ambox-speedy {
	/* @noflip */
	border-left: 10px solid #b32424;    /* Red */
	background-color: #fee7e6;          /* Pink */
}

table.ambox-delete {
	/* @noflip */
	border-left: 10px solid #b32424;    /* Red */
}

table.ambox-content {
	/* @noflip */
	border-left: 10px solid #f28500;    /* Orange */
}

table.ambox-style {
	/* @noflip */
	border-left: 10px solid #fc3;       /* Yellow */
}

table.ambox-move {
	/* @noflip */
	border-left: 10px solid #9932cc;    /* Purple */
}

table.ambox-protection {
	/* @noflip */
	border-left: 10px solid #a2a9b1;    /* Gray-gold */
}

/* Image message box styles */
table.imbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 3px solid #36c;    /* Default "notice" blue */
	background-color: #fbfbfb;
	box-sizing: border-box;
}

.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
	margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
	display: block;         /* Fix for webkit to force 100% width.  */
}

.mbox-inside .imbox {       /* For imboxes inside other templates.  */
	margin: 4px;
}

table.imbox-notice {
	border: 3px solid #36c;       /* Blue */
}

table.imbox-speedy {
	border: 3px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}

table.imbox-delete {
	border: 3px solid #b32424;    /* Red */
}

table.imbox-content {
	border: 3px solid #f28500;    /* Orange */
}

table.imbox-style {
	border: 3px solid #fc3;       /* Yellow */
}

table.imbox-move {
	border: 3px solid #9932cc;    /* Purple */
}

table.imbox-protection {
	border: 3px solid #a2a9b1;    /* Gray-gold */
}

table.imbox-license {
	border: 3px solid #88a;       /* Dark gray */
	background-color: #f7f8ff;    /* Light gray */
}

table.imbox-featured {
	border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
	margin: 3px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;
	background-color: #dfe8ff;    /* Default "notice" blue */
	box-sizing: border-box;
}

table.cmbox-notice {
	background-color: #d8e8ff;    /* Blue */
}

table.cmbox-speedy {
	margin-top: 4px;
	margin-bottom: 4px;
	border: 4px solid #b32424;    /* Red */
	background-color: #ffdbdb;    /* Pink */
}

table.cmbox-delete {
	background-color: #ffdbdb;    /* Pink */
}

table.cmbox-content {
	background-color: #ffe7ce;    /* Orange */
}

table.cmbox-style {
	background-color: #fff9db;    /* Yellow */
}

table.cmbox-move {
	background-color: #e4d8ff;    /* Purple */
}

table.cmbox-protection {
	background-color: #efefe1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;    /* Default "notice" gray */
	background-color: #f8f9fa;
	box-sizing: border-box;
}

table.ombox-notice {
	border: 1px solid #a2a9b1;    /* Gray */
}

table.ombox-speedy {
	border: 2px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}

table.ombox-delete {
	border: 2px solid #b32424;    /* Red */
}

table.ombox-content {
	border: 1px solid #f28500;    /* Orange */
}

table.ombox-style {
	border: 1px solid #fc3;       /* Yellow */
}

table.ombox-move {
	border: 1px solid #9932cc;    /* Purple */
}

table.ombox-protection {
	border: 2px solid #a2a9b1;    /* Gray-gold */
}

/* Talk page message box styles */
table.tmbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #c0c090;    /* Default "notice" gray-brown */
	background-color: #f8eaba;
	min-width: 80%;
	box-sizing: border-box;
}

.tmbox.mbox-small {
	min-width: 0;                /* reset the min-width of tmbox above        */
}

.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
	margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
	width: 100%;                 /* For Safari and Opera */
}

.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
	line-height: 1.5em;          /* also "nested", so reset styles that are   */
	font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
	border: 2px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}

table.tmbox-delete {
	border: 2px solid #b32424;    /* Red */
}

table.tmbox-content {
	border: 2px solid #f28500;    /* Orange */
}

table.tmbox-style {
	border: 2px solid #fc3;       /* Yellow */
}

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;
	/* @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)
   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;
}

/* Selectively hide headers in WikiProject banners */
/* TemplateStyles */
.wpb .wpb-header {
	display: none;
}

.wpbs-inner .wpb .wpb-header {
	display: table-row;
}

.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;
	}
}

/* Start edits by Waz */

body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {
    display: none;
}

/* --- Template:ContentCell --- */

.factorio-contentcell {
 background:  #181A1B;
 border: 1px solid rgb(62, 68, 70);
 vertical-align: top;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 7px;
}

.factorio-contentcell .titlebar {
 background: rgb(51, 55, 57);
 padding: 5px;
 margin: 3px;
 font-weight: bold;
 text-align: center;
 color:  #bbb5ac;
 font-size: 120%;
}

body, #mw-page-base{
	background: #1D2021;
}

.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited {
	color: #BBB5AC;
}

h1, h2, h3, h4, h5, h6, p, i, strong, li, ul, .templatequotecite, .mw-content-ltr .thumbcaption {
	color: rgb(235 232 228);
}

.mw-body, .parsoid-body {
	background-color:#181A1B;
	border: 1px solid #084B7A;
    color: #ffffffa1;
}

.vector-menu-tabs li {
	background-image: linear-gradient(rgb(24, 26, 27) 50%, rgb(29, 32, 33) 100%);
}

.vector-menu-tabs li a, a, a:visited, .skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited  {
	color: rgb(102, 177, 250);
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{
	color: rgb(211, 207, 202);
	background-color: #14213d;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: linear-gradient(rgba(51, 55, 57, 0) 0px, rgb(51, 55, 57) 100%);
	
}

div.thumbinner {
    border: 1px solid rgb(62, 68, 70);
    background-color: rgb(27, 30, 31);
    font-size: 94%;
}

.toc, .toccolours {
    border: 1px solid rgb(62, 68, 70);
    background-color: rgb(27, 30, 31);
    padding: 5px;
    font-size: 95%;
}

.catlinks {
	border: 1px solid rgb(62, 68, 70);
    background-color: rgb(27, 30, 31);
}

.vector-menu-dropdown .vector-menu-content{
	border: 1px solid rgb(62, 68, 70);
    background-color: rgb(27, 30, 31);
    color: rgb(102, 177, 250);
}

.infobox {
    border: 1px solid rgb(62, 68, 70);
    border-spacing: 3px;
    background-color: rgb(27, 30, 31);
	color: rgb(187, 181, 172);
}

.thumbimage {
    background-color: unset;
    border: unset;
}


/* End edits by Waz */

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

/* Start Edits By Dotta */

.floatnone img {
  max-width: 100%;
  height: auto;
}

.diff-context {
    background: #181a1c;
    border-color: #4c4c4c;
    color: #ffffff;
}

.diff-deletedline .diffchange {
    background: #45391d;
}

.diff-addedline .diffchange {
    background: #092a4a;
}

.vector-search-box-input {
    background-color: rgb(255 255 255 / 77%);
}

/* new page links */
.skin-vector-legacy a.new, a.new {
    color: #ff7e7e;
}

.mw-message-box-warning, .warningbox {
    background-color: #2a1c01;
    border-color: #7b6114;
}

.mw-search-profile-tabs {
    background-color: #181a1c;
}
.search-types .current a {
    color: #d8d8d8;
}

#mw-searchoptions {
    background-color: #181a1c;
}

div.mw-warning-with-logexcerpt, 
div.mw-lag-warn-high, 
div.mw-cascadeprotectedwarning, 
div#mw-protect-cascadeon, 
div.titleblacklist-warning {
    border: 1px solid #8c4141;
    background-color: #351212;
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: #181a1b;
}

.arrowSteps li {
    background-color: #101213;
}

#mwe-upwiz-steps li.head {
    background-color: #162131;
}

.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
    background: #0a0a0a;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
    background-color: #171717;
}

.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
    background: #21262a !important;
}

.oo-ui-window-content {
    background: #494949;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #1f2223;
    border: 1px solid #4b4d50;
}

ul {
  list-style: disc;
}

.mw-upload-bookletLayout-filePreview {
    background-color: #2f2f2f;
}

.oo-ui-labelWidget.oo-ui-inline-help {
    color: #ffffff;
}
.oo-ui-labelElement-label {
    color: #b3b3b3;
}

.oo-ui-popupWidget-popup {
    background-color: #181a1b;
}

.oo-ui-buttonElement-button {
    
}

.ve-ui-mwSaveDialog-license {
    color: #dfe3e6;
}

.ve-ui-mwSaveDialog-options {
    background-color: #494949;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #222222;
    color: #f7f7f7;
}

.editOptions {
    background-color: #1e2021;
}

.mw-notification {
	background-color: #222222;
}

/* End Edits By Dotta */
Retrieved from "https://wizzypedia.forgottenrunes.com/index.php?title=MediaWiki:Common.css&oldid=32116"