MediaWiki:Vectordark.css: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
(no margin for icons inside the main page tabs)
(fix Math extension on dark background)
 
(113 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*@namespace url(http://www.w3.org/1999/xhtml);*/
/* CSS placed here will affect users of the Vectordark skin */
/*@-moz-document domain("wiki.factorio.com"); */@media screen {
@media screen {
     /* FOLLOWING IS COMPILED CSS TAKEN FROM https://www.mediawiki.org/wiki/Skin:Vector-DarkCSS */
     /* FOLLOWING IS BASED ON COMPILED CSS TAKEN FROM https://www.mediawiki.org/wiki/Skin:Vector/DarkCSS AND LICENSED UNDER GNU GPL 3.0 https://www.gnu.org/licenses/gpl-3.0-standalone.html */
    /* CSS placed here will affect users of the Vectordark skin */
     /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
     /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
     h1,
     h1,
Line 10: Line 9:
     h5,
     h5,
     h6 {
     h6 {
         color: #c1c1c1
         color: #ffe6c0
    }
    .mw-body h1, .mw-body h2 {
        font-family: "Titillium Web", sans-serif;
     }
     }
     hr {
     hr {
         color: #222
         color: #222;
        background-color: #222
     }
     }
     .editOptions {
     .editOptions {
Line 21: Line 24:
     input,
     input,
     textarea {
     textarea {
         background-color: #4c4c4c;
         background-color: #3e3e3e;
         border-color: #4c4c4c;
         border-color: #4c4c4c;
         color: #c1c1c1
         color: #c1c1c1
    }
    #wpBio {
        background-color: #4c4c4c !important
     }
     }
     a,
     a,
     .mw-body a.external,
     .mw-body a.external,
     .mw-body a.extiw {
     .mw-body a.extiw {
        color: #e69100
    }
    .toctogglelabel {
         color: #e69100
         color: #e69100
     }
     }
Line 37: Line 46:
     a.new,
     a.new,
     #p-personal a.new {
     #p-personal a.new {
        color: #d44
    }
    .skin-vector-legacy a.new {
         color: #d44
         color: #d44
     }
     }
Line 51: Line 63:
     ul#filetoc,
     ul#filetoc,
     li.gallerybox div.thumb {
     li.gallerybox div.thumb {
         background-color: #4c4c4c;
         background-color: #444;
         border-color: #666
         border-color: #666
    }
    .tocnumber {
        color: inherit;
     }
     }
     code {
     code {
         border: none;
         border-color: #AAAAAA;
         background-color: inherit;
         background-color: #2A2A2A;
         color: inherit
         color: #c1c1c1
     }
     }
     table.mw_metadata td,
     table.mw_metadata td,
Line 63: Line 78:
     table.wikitable,
     table.wikitable,
     table.wikitable>*>tr>th,
     table.wikitable>*>tr>th,
     table.wikitable>*>tr>td,
     table.wikitable>*>tr>td {
    pre {
         color: #c1c1c1;
         color: #c1c1c1;
         background-color: #4c4c4c;
         background-color: #393939;
         border-color: #666
         border-color: #888
     }
     }
     table.mw_metadata th,
     table.mw_metadata th,
     table.wikitable>*>tr>th {
     table.wikitable>*>tr>th {
         background-color: #595959
         background-color: #424242
     }
     }
     table.diff {
     table.diff {
Line 82: Line 96:
     td.diff-context {
     td.diff-context {
         background-color: inherit;
         background-color: inherit;
         color: inherit
         color: inherit;
     }
     }
     #pagehistory li {
     #pagehistory li {
Line 92: Line 106:
         background-color: rgba(0, 0, 0, 0.8)
         background-color: rgba(0, 0, 0, 0.8)
     }
     }
     #left-navigation div.vectorTabs,
     .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    #right-navigation div.vectorTabs {
        background-color: #1f1f1f;
        background-image: -moz-linear-gradient(top,#333 5%,#1f1f1f 60%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#333),color-stop(60%,#1f1f1f));
        background-image: -webkit-linear-gradient(top,#333 5%,#1f1f1f 60%);
         background-image: linear-gradient(#333 5%, #1f1f1f 60%)
         background-image: linear-gradient(#333 5%, #1f1f1f 60%)
     }
     }
     #left-navigation div.vectorTabs ul,
     .vector-menu-tabs li {
    #right-navigation div.vectorTabs ul {
        background-color: #1f1f1f;
        background-image: -moz-linear-gradient(top, #333 5%, #1f1f1f 60%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #333),color-stop(60%, #1f1f1f));
        background-image: -webkit-linear-gradient(top, #333 5%, #1f1f1f 60%);
        background-image: linear-gradient(#333 5%, #1f1f1f 60%)
    }
    #left-navigation div.vectorTabs ul li,
    #right-navigation div.vectorTabs ul li {
         background-color: #222;
         background-color: #222;
        background-image: -moz-linear-gradient(top, #333 20%, #222 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333),color-stop(100%, #222));
        background-image: -webkit-linear-gradient(top, #333 20%, #222 100%);
         background-image: linear-gradient(#333 20%, #222 100%);
         background-image: linear-gradient(#333 20%, #222 100%);
         margin-right: 1px
         margin-right: 1px
     }
     }
     #left-navigation div.vectorTabs li.new a,
     .vector-menu-tabs li.new a,
     #right-navigation div.vectorTabs li.new a,
     .vector-menu-tabs li.new a,
     #left-navigation div.vectorTabs li.new a:visited,
     .vector-menu-tabs li.new a:visited,
     #right-navigation div.vectorTabs li.new a:visited {
     .vector-menu-tabs li.new a:visited {
         color: #d44
         color: #d44
     }
     }
     #left-navigation div.vectorTabs li.selected,
     .vector-menu-tabs li.selected,
     #right-navigation div.vectorTabs li.selected {
     .vector-menu-tabs li.selected {
         background-color: #333;
         background-color: #333;
         background-image: none !important;
         background-image: none !important;
         border-bottom: 1px solid #333
         border-bottom: 1px solid #333
     }
     }
     #left-navigation div.vectorTabs li.selected a,
     .vector-menu-tabs li.selected a,
     #right-navigation div.vectorTabs li.selected a,
     .vector-menu-tabs li.selected a,
     #left-navigation div.vectorTabs li.selected a:visited,
     .vector-menu-tabs li.selected a:visited,
     #right-navigation div.vectorTabs li.selected a:visited {
     .vector-menu-tabs li.selected a:visited {
         color: #a87723
         color: #a87723
     }
     }
     #left-navigation div.vectorTabs li a,
     .vector-menu-tabs li a,
     #right-navigation div.vectorTabs li a {
     .vector-menu-tabs li a {
         color: #e69100
         color: #e69100
     }
     }
     #left-navigation div.vectorTabs span,
     .vector-menu-dropdown {
    #right-navigation div.vectorTabs span {
         padding-right: 2px
         background: transparent
     }
     }
     div#mw-head #right-navigation div.vectorMenu h3 {
     .vector-menu-dropdown .vector-menu-heading {
        background: inherit
    }
    div#mw-head div.vectorMenu h3 span {
         color: #e69100
         color: #e69100
     }
     }
     div.vectorMenu h3 a {
     .vector-menu-dropdown li a {
        background: inherit
    }
    div.vectorMenu ul {
        background-color: black;
        border: solid 1px #0c0c0c
    }
    div.vectorMenu li a {
         color: #e69100
         color: #e69100
     }
     }
     div.vectorMenu li.selected a,
     .vector-menu-dropdown li.selected a,
     div.vectorMenu li.selected a:visited {
     .vector-menu-dropdown li.selected a:visited {
         color: #a87723;
         color: #a87723;
         text-decoration: none
         text-decoration: none
     }
     }
     div.vectorMenu#p-cactions div.menu {
     .vector-menu-dropdown .vector-menu-content {
         border-color: #666
         border-color: #333;
    }
        margin-top: 1px;
    div.vectorMenu#p-cactions ul {
         background-color: #4c4c4c;
        border: 0;
         background-color: #4c4c4c
     }
     }
     #mw-navigation div#mw-panel div.portal {
     .vector-menu-portal .vector-menu-heading {
         background-image: none;
         background-image: none;
         border-top: 1px solid #4c4c4c
         border-bottom: 1px solid #4c4c4c;
        color: #c1c1c1;
     }
     }
     #mw-navigation div#mw-panel div.portal#p-logo,
     #mw-navigation div#mw-panel div.portal#p-logo,
     #mw-navigation div#mw-panel div.portal#p-navigation {
     #mw-navigation div#mw-panel div.portal#p-navigation {
         border-top: none
         border-top: none
    }
    html {
        font-size: 100%
    }
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: sans-serif
     }
     }
     body {
     body {
Line 193: Line 168:
     }
     }
     .mw-body {
     .mw-body {
        margin-left: 11em;
        padding: 1.25em 1.5em 1.5em 1.5em;
         border: 1px solid #1f1f1f;
         border: 1px solid #1f1f1f;
         border-right-width: 0;
         border-right-width: 0;
Line 200: Line 173:
         background-color: #333;
         background-color: #333;
         color: #c1c1c1;
         color: #c1c1c1;
        direction: ltr
     }
     }
     .mw-body .mw-editsection,
     .mw-body .mw-editsection,
     .mw-body .mw-editsection-like {
     .mw-body .mw-editsection-like {
         font-family: sans-serif
         font-family: sans-serif
    }
    .mw-body p {
        line-height: inherit;
        margin: .5em 0
    }
    .mw-body h1,
    .mw-body h2,
    .mw-body #firstHeading {
        font-family: "Linux Libertine", Georgia, Times, serif;
        line-height: 1.3;
        margin-bottom: .25em;
        padding: 0
     }
     }
     .mw-body h1,
     .mw-body h1,
     .mw-body #firstHeading {
     .mw-body #firstHeading {
         font-size: 1.8em
         font-size: 1.8em
    }
    .mw-body h2 {
        font-size: 1.5em;
        margin-top: 1em
    }
    .mw-body h3,
    .mw-body h4,
    .mw-body h5,
    .mw-body h6 {
        line-height: 1.6;
        margin-top: .3em;
        margin-bottom: 0;
        padding-bottom: 0
     }
     }
     .mw-body h3 {
     .mw-body h3 {
         font-size: 1.17em
         font-size: 1.17em
    }
    .mw-body h3,
    .mw-body h4 {
        font-weight: bold
     }
     }
     .mw-body h4,
     .mw-body h4,
Line 260: Line 203:
     pre,
     pre,
     .mw-code {
     .mw-code {
        line-height: 1.3em;
         color: #ffffff;
         color: #ffffff;
         background-color: #333 !important;
         background-color: #333 !important;
Line 276: Line 218:
     .mw-body-content {
     .mw-body-content {
         position: relative;
         position: relative;
        line-height: 1.6;
        font-size: .875em
     }
     }
     body.vector-animateLayout .mw-body,
     body.vector-animateLayout .mw-body,
Line 317: Line 257:
         transition: margin-left 250ms
         transition: margin-left 250ms
     }
     }
     #p-personal {
     /* #pt-userpage,
        position: absolute;
        top: .33em;
        right: .75em;
        z-index: 100
    }
    #p-personal h3 {
        display: none
    }
    #p-personal ul {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding-left: 10em
    }
    #p-personal li {
        line-height: 1.125em;
        float: left;
        margin-left: .75em;
        margin-top: .5em;
        font-size: .75em;
        white-space: nowrap
    }
    #pt-userpage,
     #pt-anonuserpage {
     #pt-anonuserpage {
         background-position: left top;
         background-image: ; change this for a better image left of the user name
        background-repeat: no-repeat;
     } */
        padding-left: 15px !important
    }
    #p-search {
        float: left;
        margin-right: .5em;
        margin-left: .5em
     }
     #p-search h3 {
     #p-search h3 {
         display: none
         display: none
     }
     }
     #p-search form,
     .vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
    #p-search input {
         border-color: #e69100;
        margin: 0;
         box-shadow: inset 0 0 0 1px #e69100;
        margin-top: .4em
    }
    div#simpleSearch {
        display: block;
        width: 12.6em;
        padding-right: 1.4em;
        height: 1.4em;
        margin-top: .65em;
        position: relative;
        min-height: 1px;
         border: solid 1px #aaa;
        color: black;
        background-color: #333 !important;
        background-position: top left;
         background-repeat: repeat-x
    }
    div#simpleSearch input {
        margin: 0;
        padding: 0;
        border: 0;
        color: black;
        background-color: #333 !important
    }
    div#simpleSearch #searchInput {
        width: 100%;
        padding: .2em 0 .2em .2em;
        font-size: 13px;
        direction: ltr;
        -webkit-appearance: textfield
    }
    div#simpleSearch #searchInput:focus {
        outline: none
     }
     }
     div#simpleSearch #searchInput.placeholder {
     div#simpleSearch #searchInput.placeholder {
Line 404: Line 282:
     div#simpleSearch #searchInput::-webkit-search-results-decoration {
     div#simpleSearch #searchInput::-webkit-search-results-decoration {
         -webkit-appearance: textfield
         -webkit-appearance: textfield
    }
    div#simpleSearch #searchButton,
    div#simpleSearch #mw-searchButton {
        position: absolute;
        top: 0;
        right: 0;
        width: 1.65em;
        height: 100%;
        cursor: pointer;
        text-indent: -99999px;
        line-height: 1;
        direction: ltr;
        white-space: nowrap;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat
     }
     }
     div#simpleSearch #mw-searchButton {
     div#simpleSearch #mw-searchButton {
Line 426: Line 288:
     div.vectorTabs h3 {
     div.vectorTabs h3 {
         display: none
         display: none
    }
    div.vectorTabs {
        float: left;
        height: 2.5em;
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-left: 1px
    }
    div.vectorTabs ul {
        float: left;
        height: 100%;
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
        background-position: right bottom;
        background-repeat: no-repeat
    }
    div.vectorTabs ul li {
        float: left;
        line-height: 1.125em;
        display: inline-block;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #f3f3f3;
        background-position: bottom left;
        background-repeat: repeat-x;
        white-space: nowrap
    }
    div.vectorTabs ul>li {
        display: block
     }
     }
     div.vectorTabs li.new a,
     div.vectorTabs li.new a,
Line 473: Line 303:
     }
     }
     div.vectorTabs li a {
     div.vectorTabs li a {
        display: inline-block;
        height: 1.9em;
        padding-left: .5em;
        padding-right: .5em;
         color: #e69100;
         color: #e69100;
        cursor: pointer;
        font-size: .8em
     }
     }
     div.vectorTabs li>a {
     div.vectorTabs li>a {
         display: block
         display: block
    }
    div.vectorTabs span {
        display: inline-block;
        background-position: bottom right;
        background-repeat: no-repeat
    }
    div.vectorTabs span a {
        display: inline-block;
        padding-top: 1.25em
    }
    div.vectorTabs span>a {
        float: left;
        display: block
    }
    div.vectorMenu {
        direction: ltr;
        float: left;
        cursor: pointer;
        position: relative
     }
     }
     body.rtl div.vectorMenu {
     body.rtl div.vectorMenu {
         direction: rtl
         direction: rtl
     }
     }
     div#mw-head div.vectorMenu h3 {
     div.vectorMenu h3 span::after {
        float: left;
         background-image: url(/skins/Vectordark/images/arrow-down-icon.png?d72f0);
        background-repeat: no-repeat;
         background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M15.502%206.001l-5%205.001-5-5.001z%22%20fill%3D%22%23e69100%22%2F%3E%3C%2Fsvg%3E);
         background-position: bottom right;
         background-image: linear-gradient(transparent,transparent),url(/skins/Vectordark/images/arrow-down-icon.svg?92f5b)!ie;
        margin-left: -1px;
         background-image: -o-linear-gradient(transparent,transparent),url(/skins/Vectordark/images/arrow-down-icon.png?d72f0);
        font-size: 1em;
         background-position: 120% 50%;
        height: 2.5em;
         padding-right: 1px;
        margin-right: -1px
    }
    div.vectorMenu h3 span {
        display: block;
        font-size: .8em;
        padding-left: .7em;
        padding-top: 1.375em;
        margin-right: 20px;
        font-weight: normal;
        color: #4d4d4d
    }
    div.vectorMenu h3 a {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 2.5em;
        background-position: 100% 70%;
         background-repeat: no-repeat;
        -webkit-transition: background-position 250ms;
         -moz-transition: background-position 250ms;
        -o-transition: background-position 250ms;
         transition: background-position 250ms
     }
     }
     div.vectorMenu.menuForceShow h3 a {
     div.vectorMenu.menuForceShow h3 a {
         background-position: 100% 100%
         background-position: 100% 100%
    }
    div.vectorMenu div.menu {
        min-width: 100%;
        position: absolute;
        top: 2.5em;
        left: -1px;
        background-color: white;
        border: solid 1px silver;
        border-top-width: 0;
        clear: both;
        text-align: left;
        display: none
     }
     }
     div.vectorMenu:hover div.menu,
     div.vectorMenu:hover div.menu,
Line 572: Line 340:
     x:default {
     x:default {
         min-width: 0
         min-width: 0
    }
    div.vectorMenu li {
        padding: 0;
        margin: 0;
        text-align: left;
        line-height: 1em
    }
    div.vectorMenu li a {
        display: inline-block;
        padding: .5em;
        white-space: nowrap;
        color: #e69100;
        cursor: pointer;
        font-size: .8em
    }
    div.vectorMenu li>a {
        display: block
     }
     }
     div.vectorMenu li.selected a,
     div.vectorMenu li.selected a,
Line 642: Line 393:
             transform: rotate(360deg)
             transform: rotate(360deg)
         }
         }
    }
    #ca-unwatch.icon a,
    #ca-watch.icon a {
        margin: 0;
        padding: 0;
        display: block;
        width: 26px;
        padding-top: 3.1em;
        margin-top: 0;
        height: 0;
        overflow: hidden;
        background-position: 5px 60%
    }
    #ca-unwatch.icon a.loading,
    #ca-watch.icon a.loading {
        -webkit-animation: rotate 700ms infinite linear;
        -moz-animation: rotate 700ms infinite linear;
        -o-animation: rotate 700ms infinite linear;
        animation: rotate 700ms infinite linear;
        outline: none;
        cursor: default;
        pointer-events: none;
        background-position: 50% 60%;
        -webkit-transform-origin: 50% 57%;
        transform-origin: 50% 57%
    }
    #ca-unwatch.icon a span,
    #ca-watch.icon a span {
        display: none
     }
     }
     #mw-navigation h2 {
     #mw-navigation h2 {
Line 687: Line 409:
         background-color: #333
         background-color: #333
     }
     }
     #mw-head-base {
     .vector-menu-portal .vector-menu-content li a {
        margin-top: -5em;
        margin-left: 10em;
        height: 5em
    }
    div#mw-head {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }
    div#mw-head h3 {
        margin: 0;
        padding: 0
    }
    #left-navigation {
        float: left;
        margin-left: 11em;
        margin-top: 2.5em;
        margin-bottom: -2.5em;
        display: inline
    }
    #right-navigation {
        float: right;
        margin-top: 2.5em
    }
    #p-logo {
        position: absolute;
        top: -160px;
        left: 0.5em;
        width: 10em;
        height: 160px
    }
    #p-logo a {
        display: block;
        width: 10em;
        height: 160px;
        background-repeat: no-repeat;
        background-position: center center;
        text-decoration: none
    }
    div#mw-panel {
        font-size: inherit;
        position: absolute;
        top: 160px;
        padding-top: 1em;
        width: 10em;
        left: 0
    }
    div#mw-panel div.portal {
        margin: 0 .6em 0 .7em;
        padding: .25em 0;
        direction: ltr;
        background-position: top left;
        background-repeat: no-repeat;
    }
    div#mw-panel div.portal h3 {
        font-size: .75em;
        color: #4d4d4d;
        font-weight: normal;
        margin: 0;
        padding: .25em 0 .25em .25em;
        cursor: default;
        border: none
    }
    div#mw-panel div.portal div.body {
        margin: 0 0 0 1.25em;
        padding-top: 0
    }
    div#mw-panel div.portal div.body ul {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0
    }
    div#mw-panel div.portal div.body ul li {
        line-height: 1.125em;
        margin: 0;
        padding: .25em 0;
        font-size: .75em;
        word-wrap: break-word
    }
    div#mw-panel div.portal div.body ul li a {
         color: #e69100
         color: #e69100
     }
     }
     div#mw-panel div.portal div.body ul li a:visited {
     .vector-menu-portal .vector-menu-content li a:visited {
         color: #a87723
         color: #a87723
     }
     }
Line 785: Line 425:
         margin-left: .5em
         margin-left: .5em
     }
     }
     div#footer {
     div#mw-panel div.portal .body {
        margin-left: 11em;
         background-image: none;
        margin-top: 0;
        padding: .75em;
        direction: ltr
    }
    div#footer ul {
         list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0
     }
     }
     div#footer ul li {
     div#footer ul li {
        margin: 0;
        padding: 0;
        padding-top: .5em;
        padding-bottom: .5em;
         color: #595959;
         color: #595959;
        font-size: .7em
    }
    div#footer #footer-icons {
        float: right
    }
    div#footer #footer-icons li {
        float: left;
        margin-left: .5em;
        line-height: 2em;
        text-align: right
     }
     }
     div#footer #footer-info li {
     div#footer #footer-info li {
         line-height: 1.4em
         line-height: 1.4em
    }
    div#footer #footer-places li {
        float: left;
        margin-right: 1em;
        line-height: 2em
    }
    body.ltr div#footer #footer-places {
        float: left
     }
     }
     .mw-body .external {
     .mw-body .external {
Line 833: Line 442:
     /* For the ContentCell Template */
     /* For the ContentCell Template */
     .factorio-contentcell {
     .factorio-contentcell {
         background: #333 !important
         background: #242324;
        border: none;
        box-shadow: inset 0 0 2px 2px #141314,-1px -1px 2px 1px #2a292a,2px 2px 3px 0px #656565;
        border-radius: 0px;
        padding-bottom: 15px;
     }
     }
     .factorio-contentcell .titlebar {
     .factorio-contentcell .titlebar {
         background: #3d3d3d;
         background: inherit;
         color: #c1c1c1 !important;
         color: #ffe6c0;
         font-size: 120%
         font-size: 150%;
        font-family: "Titillium Web",sans-serif;
        font-weight: normal;
     }
     }
     /* Languages container on the main page */
     /* Languages container on the main page */
     .languages-container {
     .languages-container {
         background: #333
         background: #333;
     }
     }
     .languages-container p {
     .languages-container p {
         margin: 0 !important
         margin: 0 !important;
     }
     }
     /* Search Widget on the top of the page */
     /* Search Widget on the top of the page */
     .suggestions a.mw-searchSuggest-link {
     .suggestions a.mw-searchSuggest-link {
         color: #c1c1c1
         color: #c1c1c1;
     }
     }
     .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
     .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
         color: #d7d7d7
         color: #d7d7d7;
     }
     }
     .suggestions-results {
     .suggestions-results {
         background-color: #4c4c4c
         background-color: #4c4c4c;
     }
     }
     .suggestions-result {
     .suggestions-result {
         color: #c1c1c1
         color: #c1c1c1;
     }
     }
     .suggestions-special {
     .suggestions-special {
         background-color: #4c4c4c;
         background-color: #4c4c4c;
         color: #c1c1c1
         color: #c1c1c1;
     }
     }
     .suggestions-result-current {
     .suggestions-result-current {
         background-color: #595959;
         background-color: #595959;
         color: #d7d7d7
         color: #d7d7d7;
     }
     }
     .suggestions-result-current .special-label, .suggestions-result-current .special-query {
     .suggestions-result-current .special-label, .suggestions-result-current .special-query {
         color: #d7d7d7
         color: #d7d7d7;
     }
     }
     .suggestions-special .special-query {
     .suggestions-special .special-query {
Line 875: Line 490:
     }
     }
     div#simpleSearch #searchInput {
     div#simpleSearch #searchInput {
         color: #c1c1c1 !important;
         color: #c1c1c1;
        background-color: #333;
     }
     }
     /* Search page */
     /* Search page */
     #mw-searchoptions {
     #mw-searchoptions {
         background-color: #4c4c4c;
         background-color: #4c4c4c;
         border-color: #c0c0c0
         border-color: #c0c0c0;
     }
     }
     .mw-search-profile-tabs {
     .mw-search-profile-tabs {
         background: #595959 !important
         background: #595959 !important;
     }
     }
     .search-types .current a {
     .search-types .current a {
         color: #c1c1c1 !important
         color: #c1c1c1 !important;
     }
     }
     .oo-ui-textInputWidget input,
     .oo-ui-textInputWidget input,
Line 895: Line 511:
     }
     }
     .oo-ui-widget.oo-ui-widget-enabled input:focus {
     .oo-ui-widget.oo-ui-widget-enabled input:focus {
         border-color: #72777d
         border-color: #72777d;
     }
     }
     .oo-ui-menuSelectWidget {
     .oo-ui-menuSelectWidget {
Line 901: Line 517:
         border: 1px solid #a2a9b1;
         border: 1px solid #a2a9b1;
         border-radius: 0 0 2px 2px;
         border-radius: 0 0 2px 2px;
         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15)
         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
     }
     }
     .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
     .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #4c4c4c
    background-color: #4c4c4c;
     }
     }
     .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
     .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #4c4c4c
    background-color: #4c4c4c;
     }
     }
     .oo-ui-menuOptionWidget.oo-ui-optionWidget > .oo-ui-labelElement-label {
     .oo-ui-menuOptionWidget.oo-ui-optionWidget > .oo-ui-labelElement-label {
         color: #e69100
         color: #e69100;
    }
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
        color: #2a2a2a;
        background-color: #a87723;
        border-color: #a87723
    }
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
        background-color: #e69100;
        border-color: #e69100
     }
     }
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color:#2a2a2a;
  background-color:#a87723;
  border-color:#a87723;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color:#e69100;
  border-color:#e69100 ;
}
/* Move page */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
color: #c1c1c1;
background-color: #333;
border-color: #72777d;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: #333;
border-color: #9aa0a7
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: #e69100 !important;
box-shadow: inset 0 0 0 1px #e69100 !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
box-shadow: inset 0 0 0 1px #e69100 !important;
border-color: #e69100 !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
box-shadow: inset 0 0 0 0.1em #333;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
border-color: #72777d;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
border-color: #9aa0a7
}
     /* --- Navbox --- */
     /* --- Navbox --- */
     .navbox {
     .navbox {
Line 953: Line 599:
     .boilerplate {
     .boilerplate {
         background-color: #1c1c1c !important
         background-color: #1c1c1c !important
    }
    a.new {
        font-style: italic
     }
     }
     /* --- Infobox --- */
     /* --- Infobox --- */
     .infobox {
     .infobox {
         margin-bottom: 5px;
         margin-bottom: 5px;
         border-radius: 3px 3px 0 0
         border-radius: 0;
        background: #242324;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
        border-width: 3px;
     }
     }
     .infobox .infobox-header {
     .infobox .infobox-header {
         border-radius: 3px 3px 0 0
         border-radius: 0;
        border-width: 2px;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
    }
    .infobox .infobox-image {
        border-width: 2px;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
    }
 
    .infobox p {
        margin: 0;
    }
    .infobox table {
        padding: 0;
    }
    .infobox .infobox-header-text {
        font-family: "Titillium Web", sans-serif;
     }
     }
     .infobox .combat {
     .infobox .combat {
         background: #611616;
         background: #611616;
        color: #c1c1c1;
    }
    .infobox .liquids {
        background: #326177;
        color: #c1c1c1;
    }
    .infobox .logic {
        background: #3b155e;
         color: #c1c1c1;
         color: #c1c1c1;
     }
     }
     .infobox .intermediates {
     .infobox .intermediates {
         background: #525252;
         background: #54543f;
         color: #c1c1c1;
         color: #c1c1c1;
     }
     }
     .infobox .machinery {
     .infobox .production {
         background: #9c6500;
         background: #588435;
         color: #c1c1c1;
         color: #2a2a2a;
     }
     }
     .infobox .resources {
     .infobox .logistics {
         background: #221f1f;
         background: #5a0c41;
         color: #c1c1c1;
         color: #c1c1c1;
     }
     }
     .infobox .science {
     .infobox .space {
         background: #5a0c41;
         background: #093255;
        color: #c1c1c1;
     }
     }
     .infobox .technology {
     .infobox .technology {
         background: #004d00;
         background: #004d00;
        color: #c1c1c1;
    }
    .infobox .tools {
        background: #1f517c;
         color: #c1c1c1;
         color: #c1c1c1;
     }
     }
Line 1,005: Line 657:
         color: #c1c1c1;
         color: #c1c1c1;
     }
     }
    .infobox .tabber .tabbernav {
        border-bottom: none;
        padding-bottom: 3px;
    }
    /* the borders of the infobox rows */
    .infobox tr.border-top td {
        border-top: 2px solid #141414;
        padding: 0px 4px 1px 4px;
    } 
    .infobox tr td[colspan] {
        border-bottom: none;
    }
    .infobox tr td, .infobox tr td.infobox-vrow-value, .infobox tr td.infobox-extra {
        border-bottom: 2px solid #3e3e3e;
    }
    .infobox div.infobox-header tr td{
        border-bottom:  none;
    }
     /* Disambiguation Template */
     /* Disambiguation Template */
     .factoriodisambig {
     .factoriodisambig {
Line 1,021: Line 692:
     }
     }
     /* doc template */
     /* doc template */
     .template-documentation {
     .factorio-doc {
         background: #1c1c1c !important;
         background-color: #1c1c1c;
     }
     }
     /* Game Image */
     /* Game Image */
Line 1,062: Line 733:
         background-color: #4c4c4c !important;
         background-color: #4c4c4c !important;
     }
     }
     /* File List Overide */
     /* File List (Special:ListFiles) */
    /* Active first */
     .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
     .TablePager_nav td.TablePager_nav-first .TablePager_nav-enabled {
         background-color: #8a794c;
         background-image: url(/resources/dark/active-first.svg);
        color: #2a2a2a;
        border-color: #8a794c;
    }
    .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
        border-left-color: transparent;
     }
     }
     /* Active Previous */
     .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    .TablePager_nav td.TablePager_nav-prev .TablePager_nav-enabled {
         color: #e69100;
         background-image: url(/resources/dark/active-prev.svg);
        text-decoration: underline;
     }
     }
    /* Active Next */
     .oo-ui-icon-previous, .mw-ui-icon-previous::before {
     .TablePager_nav td.TablePager_nav-next .TablePager_nav-enabled {
         background-image: url(/resources/dark/prev.svg);
         background-image: url(/resources/dark/active-next.svg);
     }
     }
    /* Active Last */
     .oo-ui-image-progressive.oo-ui-icon-previous, .mw-ui-icon-previous-progressive::before {
     .TablePager_nav td.TablePager_nav-last .TablePager_nav-enabled {
         background-image: url(/resources/dark/active-prev.svg);
         background-image: url(/resources/dark/active-last.svg);
     }
     }
    /* First */
     .oo-ui-icon-first, .mw-ui-icon-first::before {
     .TablePager_nav td.TablePager_nav-first .TablePager_nav-disabled {
         background-image: url(/resources/dark/first.svg);
         background-image: url(/resources/dark/first.svg);
     }
     }
    /* Previous */
     .oo-ui-image-progressive.oo-ui-icon-first, .mw-ui-icon-first-progressive::before {
     .TablePager_nav td.TablePager_nav-prev .TablePager_nav-disabled {
         background-image: url(/resources/dark/active-first.svg);
         background-image: url(/resources/dark/prev.svg);
     }
     }
    /* Next */
     .oo-ui-icon-next, .mw-ui-icon-next::before {
     .TablePager_nav td.TablePager_nav-next .TablePager_nav-disabled {
         background-image: url(/resources/dark/next.svg);
         background-image: url(/resources/dark/next.svg);
     }
     }
     /* Last */
     .oo-ui-image-progressive.oo-ui-icon-next , .mw-ui-icon-next -progressive::before {
     .TablePager_nav td.TablePager_nav-last .TablePager_nav-disabled {
        background-image: url(/resources/dark/active-next.svg);
    }
     .oo-ui-icon-last, .mw-ui-icon-last::before {
         background-image: url(/resources/dark/last.svg);
         background-image: url(/resources/dark/last.svg);
     }
     }
     /* up small */
     .oo-ui-image-progressive.oo-ui-icon-last, .mw-ui-icon-last-progressive::before {
     .TablePager .TablePager_sort-ascending a {
        background-image: url(/resources/dark/active-last.svg);
    }
    /* up small */
     .mw-datatable-is-ascending a {
         background-image: url(/resources/dark/s-up.svg);
         background-image: url(/resources/dark/s-up.svg);
     }
     }
    /* down small */
    /* down small */
     .TablePager .TablePager_sort-descending a {
     .mw-datatable-is-descending a {
         background-image: url(/resources/dark/s-down.svg);
         background-image: url(/resources/dark/s-down.svg);
     }
     }
     /* Tabber Navigation */
     /* Tabber Navigation */
     ul.tabbernav li a {
     ul.tabbernav li a {
         background: #595959;
         background: #333333;
        border-color: #3E3E3E #141414 #141414 #3E3E3E;
        border-width: 2px;
     }
     }
     ul.tabbernav li a:link {
     ul.tabbernav li a:link {
Line 1,111: Line 788:
     }
     }
     ul.tabbernav li.tabberactive a {
     ul.tabbernav li.tabberactive a {
         background-color: #333;
         background-color: #242324;
        border-bottom: 1px solid #333;
    border-width: 2px;
    border-color: #141414 #3E3E3E #242324 #141414;
    border-style: solid;
     }
     }
     ul.tabbernav li a:hover {
     ul.tabbernav li a:hover {
        color: #e69100 !important;
    color:#e69100 !important;
        background: #c1c1c1 !important;
    background:#5c5c5c !important;
        border-bottom: 1px solid #c1c1c1 !important;
    border-color: #3E3E3E #141414 #141414 #3E3E3E;
    }
    ul.tabbernav li.tabberactive a:hover {
    border-color: #141414 #3E3E3E #242324 #141414;
    border-bottom: 2px solid #242324 !important
     }
     }
     ul.tabbernav li a:visited {
     ul.tabbernav li a:visited {
Line 1,125: Line 808:
     .toccolours, .mw-warning {
     .toccolours, .mw-warning {
         border-color: #666;
         border-color: #666;
         background-color: #4c4c4c;
         background-color: #444;
     }
     }
     /* Recent changes top box */
     /* Watch/unwatch icon */
     fieldset {
     .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before {
         border: 1px solid #141414;
         outline: none;
        background-position: 50% 60%;
        -webkit-transform-origin: 50% 57%;
        transform-origin: 50% 57%
     }
     }
     /* Watch/unwatch icon */
     .vector-menu-tabs #ca-watch.icon a::before {
    #ca-watch.icon a {
         background-image: linear-gradient(transparent,transparent),
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23333%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23333%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
     }
     }
    #ca-watch.icon a:hover, #ca-watch.icon a:focus {
    .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before {
         background-image: linear-gradient(transparent,transparent),
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23826f4e%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23826f4e%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
     }
     }
    #ca-unwatch.icon a {
    .vector-menu-tabs #ca-unwatch.icon a::before {
         background-image: linear-gradient(transparent,transparent),
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
     }
     }
     #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
     .vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before {
         background-image: linear-gradient(transparent,transparent),
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
Line 1,157: Line 842:
     /* Selector lists */
     /* Selector lists */
     select {
     select {
color: #c1c1c1;
color: #c1c1c1;
         background-color: #4c4c4c
         background-color: #4c4c4c
     }
     }
     /* Confirm account page */
     /* Confirm account extension */
     .mw-confirmaccount-type-0 {
     .mw-confirmaccount-type-0 {
         background-color: #333
         background-color: #333
Line 1,167: Line 852:
         background-color: #333
         background-color: #333
     }
     }
     /* Main page tabs test */
    .mw-confirmaccount-bar {
     .tab-head img {
        background-color: #2A2A2A;
  border: 1px solid #CCC;
        border-width: 2px
  background: #595959;
    }
         margin: 5px 0px;
    /* Special:Preferences */
    .client-js #preferences {
border: 1px solid #4c4c4c;
background-color: #2a2a2a;
    }
    .client-js #preferences fieldset {
border-top-color: #4c4c4c
    }
    .client-js #preferences legend {
color: inherit
    }
    .client-js #preftoc {
background-image: url(/resources/dark/preferences/break.png)
    }
    .client-js #preftoc li {
background-image: url(/resources/dark/preferences/break.png)
    }
    .client-js #preftoc a, .client-js #preftoc a:active {
color: #e69100;
    }
    .client-js #preftoc li.selected a {
background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
background-image: linear-gradient(#333 20%, #2a2a2a 100%);
background-color: #333;
color: #c1c1c1;
    }
    /* Special:UserLogin */
    .mw-ui-vform .warning{
        color: #c1c1c1;
        border-color: #382929;
        background-color: #351717;
    }
    .mw-ui-input {
        color: #c1c1c1;
        background-color: #333;
        border-color: #72777d;
        box-shadow: inset 0 0 0 0.1em #333;
    }
    .mw-ui-input:focus {
        border-color: #e69100 !important;
        box-shadow: inset 0 0 0 1px #e69100 !important;
    }
    .mw-ui-input:hover {
        border-color: #9aa0a7
    }
    .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-constructive, .mw-ui-button.mw-ui-progressive:not(:disabled) {
        color: #2a2a2a;
        background-color: #a87723;
        border-color: #a87723
    }
    .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
        background-color: #e69100;
        border-color: #e69100
    }
 
    /* SyntaxHighlight extension */
    .mw-highlight .s, .mw-highlight .s2 {
        color: #e42c2c;
    }
    .mw-highlight .k, .mw-highlight .kd, .mw-highlight .kc {
        color: #30ab30;
    }
    .mw-highlight .nn, .mw-highlight .nc {
        color: #5454F3;
    }
    .mw-highlight {
        background-color: #2A2A2A;
    }
    .mw-highlight .lineno {
        background-color: #4C4C4C;
    }
    .mw-highlight .o, .mw-highlight .p {
        color: #969696;
    }
    .mw-highlight .mi, .mw-highlight .mf {
        color: #ff6300;
    }
    .mw-highlight .ow {
        color: #F225FF;
    }
    .mw-highlight .nf {
        color: #8E8EFF;
    }
    .mw-highlight .c1 {
        color: #3ca8a8
    }
    /* --- Template:Boilerplate --- */
    .factorio-boilerplate table {
        background-color: #1c1c1c;
        border-color: #6f6f6f
    }
     /* Option dropdowns, group */
    optgroup {
        background-color: #4C4C4d;
    }
    /* Fancy Template:Icon */
     .factorio-icon[style*="background-color:#999"], .factorio-icon[style*="background-color:#929292"] {
        background-color: #313131 !important;
        border-top: 1px solid #454545;
        border-left: 1px solid #212121;
        border-right: 1px solid #212121;
        border-bottom: 1px solid #191919;
    }
    .factorio-icon[style*="background-color:#999"] img, .factorio-icon[style*="background-color:#929292"] img {
        filter: drop-shadow(0px 0px 4px #000);
    }
    /* text below edit box */
    .editOptions {
        color: inherit;
    }
    /* search result info (number of pages) */
    .results-info {
        color: inherit;
    }
    /* letter count in summary box */
    .oo-ui-textInputWidget > .oo-ui-labelElement-label {
        color: inherit;
    }
   
    /* site notice */
    #siteNotice {
         padding: 5px;
        background: #e74b4b;
        border: none;
        box-shadow: inset 0 0 2px 2px #222,-1px -1px 2px 1px #2a292a,2px 2px 3px 0px #656565;
        border-radius: 0px;
        max-width: 50%;
        margin: auto;
        margin-bottom: 15px;
        color: black;
    }
   
    #siteNotice a {
        color: #111168 !important;
        font-weight: bolder;
    }
    #siteNotice:empty {
        display: none;
    }
 
    /* Prototype parents list */
    .prototype-parents {
        background-color: #242324;
    }
 
    /* Prototype table of contents */
    .prototype-toc td {
        border-bottom: 1px dotted #555;
    }
   
    /* Semantic mediawiki */
    .smw-tabs input.nav-tab:checked + label.nav-label {
        color: inherit;
    }
   
    .usage-count {
        color: inherit !important;
        background-color: #242324 !important;
    }
 
    #mw-indicator-smw-entity-examiner {height: 16px;}
 
    /* Json page content model */
    .mw-json .value, .mw-json-single-value {
        background-color: #2e3e2b;
    }
    .mw-json th {
        background-color: #424242;
    }
    .mw-json-empty {
        background-color: #424242;
    }
    .mw-json tr {
        background-color: #393939;
    }
    /* Recent changes top box legacy version and boxes on RequestAccount */
    fieldset {
        border-color: #141414;
    }
    /* Recent changes top box js version */
    .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
        border-color: #141414;
        background-color: #333;
    }
    .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
        background-color: transparent;
    }
    .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
        color: #c1c1c1;
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
        color: #e69100;
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
        border-color: #e69100;
        box-shadow: inset 0 0 0 1px #e69100;
    }
    .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
        background-color: #424242;
        color: #c1c1c1;
    }
    .oo-ui-icon-close, .mw-ui-icon-close::before {
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E close %3C/title%3E %3Cpath d=%22m4.3 2.9 12.8 12.8-1.4 1.4L2.9 4.3z%22 fill%3D%22%23c1c1c1%22/%3E %3Cpath d=%22M17.1 4.3 4.3 17.1l-1.4-1.4L15.7 2.9z%22 fill%3D%22%23c1c1c1%22/%3E %3C/svg%3E");
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
        color: #ffe6c0;
    }
    .oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-moderation&image=bookmark&format=rasterized&skin=vector&version=eprhn);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E bookmark %3C/title%3E %3Cpath d=%22M5 1a2 2 0 0 0-2 2v16l7-5 7 5V3a2 2 0 0 0-2-2z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
}
    .oo-ui-icon-trash, .mw-ui-icon-trash::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-moderation&image=trash&format=rasterized&skin=vector&version=eprhn);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E trash %3C/title%3E %3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5H4z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .oo-ui-icon-article, .mw-ui-icon-article::before {
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E article %3C/title%3E %3Cpath d=%22M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22%20 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .oo-ui-icon-tag, .mw-ui-icon-tag::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-content&image=tag&format=rasterized&lang=en&skin=vector&version=1ew41);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E tag %3C/title%3E %3Cpath d=%22M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
        border-color: #141414;
    }
    /* Recent changes filters */
    .oo-ui-menuSelectWidget {
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuHeaderWidget-header {
        background-color: #333;
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuHeaderWidget-title {
        color: #ffe6c0;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuSectionOptionWidget {
        background-color: #424242;
    }
    .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
        color: #c1c1c1;
    }
    .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
        background-color: #393939;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
        color: #ffe6c0;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
        color: #c1c1c1;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
        background-color: #333;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
        background-color: #424242;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
        color: #c1c1c1;
    }
    /* Recent changes legend */
    .mw-changeslist-legend {
        border-color: #1F1F1F !important;
        background-color: #333 !important;
    }
    /* Footer text */
    .mw-footer li {
        color: #c1c1c1;
    }
    /* Not sure if this ever shows up */
    :focus {
        outline-color: #e69100;
     }
     }
     .tab-head-active img {
     /* fix code block linu number background */
  background-color: #e69100;
    .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
        box-shadow: inset 2.75em 0 0 #222;
     }
     }
     .tab {
    /* fix codemirror dark on dark text -- ideally the styles would be adjusted for dark mode but this will do for now */
  border: 1px solid #CCC;
     .CodeMirror-line {
        background: #eee !important;
     }
     }
    .tab .factorio-icon {
 
        margin: 0px;
/* Fix Math extension on dark background */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: hue-rotate(180deg) invert(1);
}
 
}
}

Latest revision as of 12:15, 6 November 2024

/* CSS placed here will affect users of the Vectordark skin */
@media screen {
    /* FOLLOWING IS BASED ON COMPILED CSS TAKEN FROM https://www.mediawiki.org/wiki/Skin:Vector/DarkCSS AND LICENSED UNDER GNU GPL 3.0 https://www.gnu.org/licenses/gpl-3.0-standalone.html */
    /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #ffe6c0
    }
    .mw-body h1, .mw-body h2 {
        font-family: "Titillium Web", sans-serif;
    }
    hr {
        color: #222;
        background-color: #222
    }
    .editOptions {
        background-color: #333;
        border-color: #4c4c4c
    }
    input,
    textarea {
        background-color: #3e3e3e;
        border-color: #4c4c4c;
        color: #c1c1c1
    }
    #wpBio {
        background-color: #4c4c4c !important
    }
    a,
    .mw-body a.external,
    .mw-body a.extiw {
        color: #e69100
    }
    .toctogglelabel {
        color: #e69100
    }
    a:visited,
    .mw-body a.external:visited,
    .mw-body a.extiw:visited {
        color: #a87723
    }
    a.new,
    #p-personal a.new {
        color: #d44
    }
    .skin-vector-legacy a.new {
        color: #d44
    }
    ul {
        list-style-image: none
    }
    div.thumbinner,
    .catlinks {
        background-color: #4c4c4c;
        border-color: #666
    }
    #toc,
    div.toc,
    ul#filetoc,
    li.gallerybox div.thumb {
        background-color: #444;
        border-color: #666
    }
    .tocnumber {
        color: inherit;
    }
    code {
        border-color: #AAAAAA;
        background-color: #2A2A2A;
        color: #c1c1c1
    }
    table.mw_metadata td,
    table.mw_metadata th,
    table.wikitable,
    table.wikitable>*>tr>th,
    table.wikitable>*>tr>td {
        color: #c1c1c1;
        background-color: #393939;
        border-color: #888
    }
    table.mw_metadata th,
    table.wikitable>*>tr>th {
        background-color: #424242
    }
    table.diff {
        background-color: #4c4c4c
    }
    td .diffchange {
        color: #4c4c4c
    }
    #pagehistory li.selected,
    td.diff-context {
        background-color: inherit;
        color: inherit;
    }
    #pagehistory li {
        border: 0
    }
    ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
    ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
    ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
        background-color: rgba(0, 0, 0, 0.8)
    }
    .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
        background-image: linear-gradient(#333 5%, #1f1f1f 60%)
    }
    .vector-menu-tabs li {
        background-color: #222;
        background-image: linear-gradient(#333 20%, #222 100%);
        margin-right: 1px
    }
    .vector-menu-tabs li.new a,
    .vector-menu-tabs li.new a,
    .vector-menu-tabs li.new a:visited,
    .vector-menu-tabs li.new a:visited {
        color: #d44
    }
    .vector-menu-tabs li.selected,
    .vector-menu-tabs li.selected {
        background-color: #333;
        background-image: none !important;
        border-bottom: 1px solid #333
    }
    .vector-menu-tabs li.selected a,
    .vector-menu-tabs li.selected a,
    .vector-menu-tabs li.selected a:visited,
    .vector-menu-tabs li.selected a:visited {
        color: #a87723
    }
    .vector-menu-tabs li a,
    .vector-menu-tabs li a {
        color: #e69100
    }
    .vector-menu-dropdown {
        padding-right: 2px
    }
    .vector-menu-dropdown .vector-menu-heading {
        color: #e69100
    }
    .vector-menu-dropdown li a {
        color: #e69100
    }
    .vector-menu-dropdown li.selected a,
    .vector-menu-dropdown li.selected a:visited {
        color: #a87723;
        text-decoration: none
    }
    .vector-menu-dropdown .vector-menu-content {
        border-color: #333;
        margin-top: 1px;
        background-color: #4c4c4c;
    }
    .vector-menu-portal .vector-menu-heading {
        background-image: none;
        border-bottom: 1px solid #4c4c4c;
        color: #c1c1c1;
    }
    #mw-navigation div#mw-panel div.portal#p-logo,
    #mw-navigation div#mw-panel div.portal#p-navigation {
        border-top: none
    }
    body {
        background-color: #2a2a2a
    }
    .mw-body {
        border: 1px solid #1f1f1f;
        border-right-width: 0;
        margin-top: 0;
        background-color: #333;
        color: #c1c1c1;
    }
    .mw-body .mw-editsection,
    .mw-body .mw-editsection-like {
        font-family: sans-serif
    }
    .mw-body h1,
    .mw-body #firstHeading {
        font-size: 1.8em
    }
    .mw-body h3 {
        font-size: 1.17em
    }
    .mw-body h4,
    .mw-body h5,
    .mw-body h6 {
        font-size: 100%
    }
    .mw-body #toc h2,
    .mw-body .toc h2 {
        font-size: 100%;
        font-family: sans-serif
    }
    div.emptyPortlet {
        display: none
    }
    ul {
        list-style-type: disc;
    }
    pre,
    .mw-code {
        color: #ffffff;
        background-color: #333 !important;
        border: 1px solid #ddd;
    }
    #siteNotice {
        font-size: .8em
    }
    .redirectText {
        font-size: 140%
    }
    .redirectMsg img {
        vertical-align: text-bottom
    }
    .mw-body-content {
        position: relative;
    }
    body.vector-animateLayout .mw-body,
    body.vector-animateLayout div#footer,
    body.vector-animateLayout #left-navigation {
        -webkit-transition: margin-left 250ms, padding 250ms;
        -moz-transition: margin-left 250ms, padding 250ms;
        -o-transition: margin-left 250ms, padding 250ms;
        transition: margin-left 250ms, padding 250ms
    }
    body.vector-animateLayout #p-logo {
        -webkit-transition: left 250ms;
        -moz-transition: left 250ms;
        -o-transition: left 250ms;
        transition: left 250ms
    }
    body.vector-animateLayout #mw-panel {
        -webkit-transition: padding-right 250ms;
        -moz-transition: padding-right 250ms;
        -o-transition: padding-right 250ms;
        transition: padding-right 250ms
    }
    body.vector-animateLayout #p-search {
        -webkit-transition: margin-right 250ms;
        -moz-transition: margin-right 250ms;
        -o-transition: margin-right 250ms;
        transition: margin-right 250ms
    }
    body.vector-animateLayout #p-personal {
        -webkit-transition: right 250ms;
        -moz-transition: right 250ms;
        -o-transition: right 250ms;
        transition: right 250ms
    }
    body.vector-animateLayout #mw-head-base {
        -webkit-transition: margin-left 250ms;
        -moz-transition: margin-left 250ms;
        -o-transition: margin-left 250ms;
        transition: margin-left 250ms
    }
    /* #pt-userpage,
    #pt-anonuserpage {
        background-image: ; change this for a better image left of the user name
    } */
    #p-search h3 {
        display: none
    }
    .vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
        border-color: #e69100;
        box-shadow: inset 0 0 0 1px #e69100;
    }
    div#simpleSearch #searchInput.placeholder {
        color: #999
    }
    div#simpleSearch #searchInput:-ms-input-placeholder {
        color: #999
    }
    div#simpleSearch #searchInput:-moz-placeholder {
        color: #999
    }
    div#simpleSearch #searchInput::-webkit-search-decoration,
    div#simpleSearch #searchInput::-webkit-search-cancel-button,
    div#simpleSearch #searchInput::-webkit-search-results-button,
    div#simpleSearch #searchInput::-webkit-search-results-decoration {
        -webkit-appearance: textfield
    }
    div#simpleSearch #mw-searchButton {
        z-index: 1
    }
    div.vectorTabs h3 {
        display: none
    }
    div.vectorTabs li.new a,
    div.vectorTabs li.new a:visited {
        color: #a55858
    }
    div.vectorTabs li.selected a,
    div.vectorTabs li.selected a:visited {
        color: #333;
        text-decoration: none
    }
    div.vectorTabs li.icon a {
        background-position: bottom right;
        background-repeat: no-repeat
    }
    div.vectorTabs li a {
        color: #e69100;
    }
    div.vectorTabs li>a {
        display: block
    }
    body.rtl div.vectorMenu {
        direction: rtl
    }
    div.vectorMenu h3 span::after {
        background-image: url(/skins/Vectordark/images/arrow-down-icon.png?d72f0);
        background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M15.502%206.001l-5%205.001-5-5.001z%22%20fill%3D%22%23e69100%22%2F%3E%3C%2Fsvg%3E);
        background-image: linear-gradient(transparent,transparent),url(/skins/Vectordark/images/arrow-down-icon.svg?92f5b)!ie;
        background-image: -o-linear-gradient(transparent,transparent),url(/skins/Vectordark/images/arrow-down-icon.png?d72f0);
        background-position: 120% 50%;
    }
    div.vectorMenu.menuForceShow h3 a {
        background-position: 100% 100%
    }
    div.vectorMenu:hover div.menu,
    div.vectorMenu.menuForceShow div.menu {
        display: block
    }
    div.vectorMenu ul {
        list-style-type: none;
        list-style-image: none;
        padding: 0;
        margin: 0;
        text-align: left
    }
    div.vectorMenu ul,
    x:-moz-any-link {
        min-width: 5em
    }
    div.vectorMenu ul,
    x:-moz-any-link,
    x:default {
        min-width: 0
    }
    div.vectorMenu li.selected a,
    div.vectorMenu li.selected a:visited {
        color: #333;
        text-decoration: none
    }
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @-moz-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @-o-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    #mw-navigation h2 {
        position: absolute;
        top: -9999px
    }
    #mw-page-base {
        height: 5em;
        background-position: bottom left;
        background-repeat: repeat-x;
        background-color: #2a2a2a;
        background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
        background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
        background-image: linear-gradient(#333 50%, #2a2a2a 100%);
        background-color: #333
    }
    .vector-menu-portal .vector-menu-content li a {
        color: #e69100
    }
    .vector-menu-portal .vector-menu-content li a:visited {
        color: #a87723
    }
    div#mw-panel div.portal.first {
        background-image: none;
        margin-top: 0
    }
    div#mw-panel div.portal.first h3 {
        display: none
    }
    div#mw-panel div.portal.first div.body {
        margin-left: .5em
    }
    div#mw-panel div.portal .body {
        background-image: none;
    }
    div#footer ul li {
        color: #595959;
    }
    div#footer #footer-info li {
        line-height: 1.4em
    }
    .mw-body .external {
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 13px;
    }
    /* CODE SPECIFIC TO FACTORIO PLACED HERE */
    /* For the ContentCell Template */
    .factorio-contentcell {
        background: #242324;
        border: none;
        box-shadow: inset 0 0 2px 2px #141314,-1px -1px 2px 1px #2a292a,2px 2px 3px 0px #656565;
        border-radius: 0px;
        padding-bottom: 15px;
    }
    .factorio-contentcell .titlebar {
        background: inherit;
        color: #ffe6c0;
        font-size: 150%;
        font-family: "Titillium Web",sans-serif;
        font-weight: normal;
    }
    /* Languages container on the main page */
    .languages-container {
        background: #333;
    }
    .languages-container p {
        margin: 0 !important;
    }
    /* Search Widget on the top of the page */
    .suggestions a.mw-searchSuggest-link {
        color: #c1c1c1;
    }
    .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
        color: #d7d7d7;
    }
    .suggestions-results {
        background-color: #4c4c4c;
    }
    .suggestions-result {
        color: #c1c1c1;
    }
    .suggestions-special {
        background-color: #4c4c4c;
        color: #c1c1c1;
    }
    .suggestions-result-current {
        background-color: #595959;
        color: #d7d7d7;
    }
    .suggestions-result-current .special-label, .suggestions-result-current .special-query {
        color: #d7d7d7;
    }
    .suggestions-special .special-query {
        color: #c1c1c1;
    }
    div#simpleSearch #searchInput {
        color: #c1c1c1;
        background-color: #333;
    }
    /* Search page */
    #mw-searchoptions {
        background-color: #4c4c4c;
        border-color: #c0c0c0;
    }
    .mw-search-profile-tabs {
        background: #595959 !important;
    }
    .search-types .current a {
        color: #c1c1c1 !important;
    }
    .oo-ui-textInputWidget input,
    .oo-ui-textInputWidget textarea {
        background-color: #333 !important;
        color: #c1c1c1 !important;
        box-shadow: inset 0 0 0 0.1em #C0C0C0 !important
    }
    .oo-ui-widget.oo-ui-widget-enabled input:focus {
        border-color: #72777d;
    }
    .oo-ui-menuSelectWidget {
        background-color: #333;
        border: 1px solid #a2a9b1;
        border-radius: 0 0 2px 2px;
        box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
    }
    .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	    background-color: #4c4c4c;
    }
    .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	    background-color: #4c4c4c;
    }
    .oo-ui-menuOptionWidget.oo-ui-optionWidget > .oo-ui-labelElement-label {
        color: #e69100;
    }
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color:#2a2a2a;
  background-color:#a87723;
  border-color:#a87723;
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color:#e69100;
  border-color:#e69100 ;
 }
	/* Move page */
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
		color: #c1c1c1;
		background-color: #333;
		border-color: #72777d;
	}
	.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
		background-color: #333;
	}
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
		background-color: #333;
		border-color: #9aa0a7
	}
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
		border-color: #e69100 !important;
		box-shadow: inset 0 0 0 1px #e69100 !important;
	}
	.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
		box-shadow: inset 0 0 0 1px #e69100 !important;
		border-color: #e69100 !important;
	}
	.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
		box-shadow: inset 0 0 0 0.1em #333;
	}
	.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
		border-color: #72777d;
	}
	.oo-ui-textInputWidget.oo-ui-widget-enabled input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
		border-color: #9aa0a7
	}
    /* --- Navbox --- */
    .navbox {
        padding-bottom: 5px
    }
    .navbox th {
        background: #1c1c1c;
        border-radius: 2px 2px 0px 0px
    }
    .navbox .navbox-header {
        background: #2a2a2a !important;
        color: #c1c1c1 !important
    }
    .navbox .list-data {
        background: #3a3939 !important;
        border-radius: 0px 2px 2px 0px
    }
    .navbox .group-data {
        background: #4c4c4c !important;
        border-radius: 2px 0px 0px 2px;
         font-weight: bold
    }
    .navbox p {
        margin: 0 !important;
    }
    .navbox-inner {
         background: #a87723;
         border: 2px solid #e69100;
         border-radius: 5px 5px 5px 5px
    }
    /* Boilerplate */
    .boilerplate {
        background-color: #1c1c1c !important
    }
    /* --- Infobox --- */
    .infobox {
        margin-bottom: 5px;
        border-radius: 0;
        background: #242324;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
        border-width: 3px;
    }
    .infobox .infobox-header {
        border-radius: 0;
        border-width: 2px;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
    }
    .infobox .infobox-image {
        border-width: 2px;
        border-color: #141414 #3E3E3E #3E3E3E #141414;
        border-style: solid;
    }

    .infobox p {
        margin: 0;
    }
    .infobox table {
        padding: 0;
    }
    .infobox .infobox-header-text {
        font-family: "Titillium Web", sans-serif;
    }
    .infobox .combat {
        background: #611616;
        color: #c1c1c1;
    }
    .infobox .intermediates {
        background: #54543f;
        color: #c1c1c1;
    }
    .infobox .production {
        background: #588435;
        color: #2a2a2a;
    }
    .infobox .logistics {
        background: #5a0c41;
        color: #c1c1c1;
    }
    .infobox .space {
        background: #093255;
    }
    .infobox .technology {
        background: #004d00;
        color: #c1c1c1;
    }
    .infobox .default-infobox {
        background: #126682;
        color: #c1c1c1;
    }
    .infobox .tabber .tabbernav {
        border-bottom: none;
        padding-bottom: 3px;
    }
    /* the borders of the infobox rows */
    .infobox tr.border-top td {
        border-top: 2px solid #141414;
        padding: 0px 4px 1px 4px;
    }  
    .infobox tr td[colspan] {
        border-bottom: none;
    }
    .infobox tr td, .infobox tr td.infobox-vrow-value, .infobox tr td.infobox-extra {
        border-bottom: 2px solid #3e3e3e;
    }
    .infobox div.infobox-header tr td{
        border-bottom:  none;
    }

    /* Disambiguation Template */
    .factoriodisambig {
        background: #333 !important;
    }
    .factoriodisambig i {
        color: #c1c1c1 !important;
    }
    /* factorio cleanup box */
    .factoriocleanup {
        background: #1c1c1c !important;
    }
    /* Delete Box */
    .factoriodelete {
        background: #1c1c1c !important
    }
    /* doc template */
    .factorio-doc {
        background-color: #1c1c1c;
    }
    /* Game Image */
    #license {
        background: #1c1c1c !important;
    }
    /* Template:Key */
    .keyboard-key {
        background-color: #1c1c1c !important;
    }
    /* Template Merge */
    .factoriomerge {
        background-color: #1c1c1c !important;
    }
    /* Template Move */
    #move {
        background-color: #1c1c1c !important;
    }
    /* Template Shortcut */
    .shortcutbox {
        background-color: #1c1c1c !important;
    }
    /* Spoilers */
    .spoiler-container .button {
        background: #3a3939 !important;
    }
    /* Preview Note */
    .previewnote {
        color: #db1f1f;
    }
    /* DataTable Fix */
    .mw-datatable th {
        background-color: #4c4c4c !important;
    }
    .mw-datatable td {
        background-color: #3a3939 !important;
    }
    .mw-datatable tr:hover td {
        background-color: #4c4c4c !important;
    }
    /* File List (Special:ListFiles) */
    .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
        background-color: #8a794c;
        color: #2a2a2a;
        border-color: #8a794c;
    }
    .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
        border-left-color: transparent;
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
        color: #e69100;
        text-decoration: underline;
    }
    .oo-ui-icon-previous, .mw-ui-icon-previous::before {
        background-image: url(/resources/dark/prev.svg);
    }
    .oo-ui-image-progressive.oo-ui-icon-previous, .mw-ui-icon-previous-progressive::before {
        background-image: url(/resources/dark/active-prev.svg);
    }
    .oo-ui-icon-first, .mw-ui-icon-first::before {
        background-image: url(/resources/dark/first.svg);
    }
    .oo-ui-image-progressive.oo-ui-icon-first, .mw-ui-icon-first-progressive::before {
        background-image: url(/resources/dark/active-first.svg);
    }
    .oo-ui-icon-next, .mw-ui-icon-next::before {
        background-image: url(/resources/dark/next.svg);
    }
    .oo-ui-image-progressive.oo-ui-icon-next , .mw-ui-icon-next -progressive::before {
        background-image: url(/resources/dark/active-next.svg);
    }
    .oo-ui-icon-last, .mw-ui-icon-last::before {
        background-image: url(/resources/dark/last.svg);
    }
    .oo-ui-image-progressive.oo-ui-icon-last, .mw-ui-icon-last-progressive::before {
        background-image: url(/resources/dark/active-last.svg);
    }
     /* up small */
    .mw-datatable-is-ascending a {
        background-image: url(/resources/dark/s-up.svg);
    }
     /* down small */
    .mw-datatable-is-descending a {
        background-image: url(/resources/dark/s-down.svg);
    }
    /* Tabber Navigation */
    ul.tabbernav li a {
        background: #333333;
        border-color: #3E3E3E #141414 #141414 #3E3E3E;
        border-width: 2px;
    }
    ul.tabbernav li a:link {
        color: #e69100;
    }
    ul.tabbernav li.tabberactive a {
        background-color: #242324;
    	border-width: 2px;
    	border-color: #141414 #3E3E3E #242324 #141414;
    	border-style: solid;
    }
    ul.tabbernav li a:hover {
    	color:#e69100 !important;
    	background:#5c5c5c !important;
    	border-color: #3E3E3E #141414 #141414 #3E3E3E;
    }
    ul.tabbernav li.tabberactive a:hover {
    	border-color: #141414 #3E3E3E #242324 #141414;
    	border-bottom: 2px solid #242324 !important
    }
    ul.tabbernav li a:visited {
        color: #a87723;
    }
    /* table of content colors that arent TOCs eg collapsible on balancer page, deletion warning */
    .toccolours, .mw-warning {
        border-color: #666;
        background-color: #444;
    }
    /* Watch/unwatch icon */
    .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before {
        outline: none;
        background-position: 50% 60%;
        -webkit-transform-origin: 50% 57%;
        transform-origin: 50% 57%
    }
    .vector-menu-tabs #ca-watch.icon a::before {
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23333%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
    }
    .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before {
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23826f4e%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
    }
    .vector-menu-tabs #ca-unwatch.icon a::before {
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
    }
    .vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before {
         background-image: linear-gradient(transparent,transparent),
             url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23e69100%22%20stroke%3D%22%23e69100%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E)
    }
    /* Recent changes byte colors */
    .mw-plusminus-pos {
        color: #0c870c
    }
    .mw-plusminus-neg {
        color: #db1f1f
    } 
    /* Selector lists */
    select {
		color: #c1c1c1;
        background-color: #4c4c4c
    }
    /* Confirm account extension */
    .mw-confirmaccount-type-0 {
        background-color: #333
    }
    .mw-confirmaccount-body-0 {
        background-color: #333
    }
    .mw-confirmaccount-bar {
        background-color: #2A2A2A;
        border-width: 2px
    }
    /* Special:Preferences */
    .client-js #preferences {
	border: 1px solid #4c4c4c;
	background-color: #2a2a2a;
    }
    .client-js #preferences fieldset {
	border-top-color: #4c4c4c
    }
    .client-js #preferences legend {
	color: inherit
    }
    .client-js #preftoc {
	background-image: url(/resources/dark/preferences/break.png)
    }
    .client-js #preftoc li {
	background-image: url(/resources/dark/preferences/break.png)
    }
    .client-js #preftoc a, .client-js #preftoc a:active {
	color: #e69100;
    }
    .client-js #preftoc li.selected a {
	background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
	background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
	background-image: linear-gradient(#333 20%, #2a2a2a 100%);
	background-color: #333;
	color: #c1c1c1;
    }
	
    /* Special:UserLogin */
    .mw-ui-vform .warning{
        color: #c1c1c1;
        border-color: #382929;
        background-color: #351717;
    }
    .mw-ui-input {
        color: #c1c1c1;
        background-color: #333;
        border-color: #72777d;
        box-shadow: inset 0 0 0 0.1em #333;
    }
    .mw-ui-input:focus {
        border-color: #e69100 !important;
        box-shadow: inset 0 0 0 1px #e69100 !important;
    }
    .mw-ui-input:hover {
        border-color: #9aa0a7
    }
    .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-constructive, .mw-ui-button.mw-ui-progressive:not(:disabled) {
        color: #2a2a2a;
        background-color: #a87723;
        border-color: #a87723
    }
    .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
        background-color: #e69100;
        border-color: #e69100
    }

    /* SyntaxHighlight extension */
    .mw-highlight .s, .mw-highlight .s2 {
        color: #e42c2c;
    }
    .mw-highlight .k, .mw-highlight .kd, .mw-highlight .kc {
        color: #30ab30;
    }
    .mw-highlight .nn, .mw-highlight .nc {
        color: #5454F3;
    }
    .mw-highlight {
        background-color: #2A2A2A;
    }
    .mw-highlight .lineno {
        background-color: #4C4C4C;
    }
    .mw-highlight .o, .mw-highlight .p {
        color: #969696;
    }
    .mw-highlight .mi, .mw-highlight .mf {
        color: #ff6300;
    }
    .mw-highlight .ow {
        color: #F225FF;
    }
    .mw-highlight .nf {
        color: #8E8EFF;
    }
    .mw-highlight .c1 {
        color: #3ca8a8
    }
    /* --- Template:Boilerplate --- */
    .factorio-boilerplate table {
        background-color: #1c1c1c;
        border-color: #6f6f6f
    }
    /* Option dropdowns, group */
    optgroup {
        background-color: #4C4C4d;
    }
    /* Fancy Template:Icon */
    .factorio-icon[style*="background-color:#999"], .factorio-icon[style*="background-color:#929292"] {
        background-color: #313131 !important;
        border-top: 1px solid #454545;
        border-left: 1px solid #212121;
        border-right: 1px solid #212121;
        border-bottom: 1px solid #191919;
    }
    .factorio-icon[style*="background-color:#999"] img, .factorio-icon[style*="background-color:#929292"] img {
        filter: drop-shadow(0px 0px 4px #000);
    }
    /* text below edit box */
    .editOptions {
        color: inherit;
    }
    /* search result info (number of pages) */
    .results-info {
        color: inherit;
    }
    /* letter count in summary box */
    .oo-ui-textInputWidget > .oo-ui-labelElement-label {
        color: inherit;
    }
    
    /* site notice */
    #siteNotice {
        padding: 5px;
        background: #e74b4b;
        border: none;
        box-shadow: inset 0 0 2px 2px #222,-1px -1px 2px 1px #2a292a,2px 2px 3px 0px #656565;
        border-radius: 0px;
        max-width: 50%;
        margin: auto;
        margin-bottom: 15px;
        color: black;
    }
    
    #siteNotice a {
        color: #111168 !important;
        font-weight: bolder;
    }
    #siteNotice:empty {
        display: none;
    }

    /* Prototype parents list */
    .prototype-parents {
        background-color: #242324;
    }

    /* Prototype table of contents */
    .prototype-toc td {
        border-bottom: 1px dotted #555;
    }
    
    /* Semantic mediawiki */
    .smw-tabs input.nav-tab:checked + label.nav-label {
        color: inherit;
    }
    
    .usage-count {
        color: inherit !important;
        background-color: #242324 !important;
    }

    #mw-indicator-smw-entity-examiner {height: 16px;}

    /* Json page content model */
    .mw-json .value, .mw-json-single-value {
         background-color: #2e3e2b;
    }
    .mw-json th {
        background-color: #424242;
    }
    .mw-json-empty {
        background-color: #424242;
    }
    .mw-json tr {
        background-color: #393939;
    }
    /* Recent changes top box legacy version and boxes on RequestAccount */
    fieldset {
        border-color: #141414;
    }
    /* Recent changes top box js version */
    .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
        border-color: #141414;
        background-color: #333;
    }
    .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
        background-color: transparent;
    }
    .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
        color: #c1c1c1;
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
        color: #e69100;
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
        border-color: #e69100;
        box-shadow: inset 0 0 0 1px #e69100;
    }
    .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
        background-color: #424242;
        color: #c1c1c1;
    }
    .oo-ui-icon-close, .mw-ui-icon-close::before {
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E close %3C/title%3E %3Cpath d=%22m4.3 2.9 12.8 12.8-1.4 1.4L2.9 4.3z%22 fill%3D%22%23c1c1c1%22/%3E %3Cpath d=%22M17.1 4.3 4.3 17.1l-1.4-1.4L15.7 2.9z%22 fill%3D%22%23c1c1c1%22/%3E %3C/svg%3E");
    }
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
        color: #ffe6c0;
    }
    .oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-moderation&image=bookmark&format=rasterized&skin=vector&version=eprhn);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E bookmark %3C/title%3E %3Cpath d=%22M5 1a2 2 0 0 0-2 2v16l7-5 7 5V3a2 2 0 0 0-2-2z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
}
    .oo-ui-icon-trash, .mw-ui-icon-trash::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-moderation&image=trash&format=rasterized&skin=vector&version=eprhn);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E trash %3C/title%3E %3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5H4z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .oo-ui-icon-article, .mw-ui-icon-article::before {
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E article %3C/title%3E %3Cpath d=%22M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22%20 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .oo-ui-icon-tag, .mw-ui-icon-tag::before {
        background-image: url(/load.php?modules=oojs-ui.styles.icons-content&image=tag&format=rasterized&lang=en&skin=vector&version=1ew41);
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E tag %3C/title%3E %3Cpath d=%22M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22 fill%3D%22%23ffe6c0%22/%3E %3C/svg%3E");
    }
    .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
        border-color: #141414;
    }
    /* Recent changes filters */
    .oo-ui-menuSelectWidget {
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuHeaderWidget-header {
        background-color: #333;
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuHeaderWidget-title {
        color: #ffe6c0;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
        border-color: #141414;
    }
    .mw-rcfilters-ui-filterMenuSectionOptionWidget {
        background-color: #424242;
    }
    .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
        color: #c1c1c1;
    }
    .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
        background-color: #393939;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
        color: #ffe6c0;
    }
    .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
        color: #c1c1c1;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
        background-color: #333;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
        background-color: #424242;
    }
    .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
        color: #c1c1c1;
    }
    /* Recent changes legend */
    .mw-changeslist-legend {
        border-color: #1F1F1F !important;
        background-color: #333 !important;
    }
    /* Footer text */
    .mw-footer li {
        color: #c1c1c1;
    }
    /* Not sure if this ever shows up */
    :focus {
        outline-color: #e69100;
    }
    /* fix code block linu number background */
    .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
        box-shadow: inset 2.75em 0 0 #222;
    }
    /* fix codemirror dark on dark text -- ideally the styles would be adjusted for dark mode but this will do for now */
    .CodeMirror-line {
        background: #eee !important;
    }

/* Fix Math extension on dark background */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: hue-rotate(180deg) invert(1);
}

}
Retrieved from "https://wiki.factorio.com/index.php?title=MediaWiki:Vectordark.css&oldid=205079"