MediaWiki:Common.css: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(561 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* ++ THIS SECTION WILL ENCOMPASS THE DOC TEMPLATE ++ */


/* --- General look and feel of the site --- */
/* Figcaption */
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption {
  background-color: #2d2d44;
  padding: 6px;
  border: 1px solid #607ea4;
}


/* latin-ext */
/* Figcaption Image */
@font-face {
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a {
  font-family: 'Titillium Web';
   background-color: #5858ae;
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/resources/dark/fonts/TitilliumWeb-Regular.ttf') format('truetype');
   unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
}
/* latin */
 
@font-face {
/* Links in the "More" dropdown list */
  font-family: 'Titillium Web';
.vector-menu-dropdown .mw-list-item a {
  font-style: normal;
   color: #a8c1ec;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/resources/dark/fonts/TitilliumWeb-Regular.ttf') format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
}
/* latin-ext */
 
@font-face {
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
   font-family: 'Titillium Web';
border-radius: 7px;
   font-style: normal;
border-color: #a5a4dbad;
   font-weight: 600;
padding: 9px; }
   src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/resources/dark/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
 
   unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
/* Unpatrolled Edits */
.unpatrolled {color: #ffff00;}
 
/* Doc Entire Box */
.docbox {
   background: #34646f;
   border: 2px dashed #ffffff8c;
   border-radius: 10px;
   padding: 5px;
   padding-left: 10px;
}
}
/* latin */
 
@font-face {
/* Doc Template Headers */
   font-family: 'Titillium Web';
.docheader {
   font-style: normal;
  background-color: #50938c;
   font-weight: 600;
  border-radius: 7px;
   src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/resources/dark/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
   border-bottom: 4px solid #2a534f;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
   padding-left: 10px;
   font-size: 17px;
   color: #fff;
   font-weight: bold;
}
}
/* latin-ext */
 
@font-face {
/* Doc Entire Box (RED) */
   font-family: 'Titillium Web';
.docbox2 {
   font-style: normal;
   background: #6f3434;
   font-weight: 700;
   border: 2px dashed #ffd5d57d;
   src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/resources/dark/fonts/TitilliumWeb-Bold.ttf') format('truetype');
   border-radius: 10px;
   unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
   padding: 5px;
   padding-left: 10px;
}
}
/* latin */
 
@font-face {
/* Doc Template Headers (RED) */
   font-family: 'Titillium Web';
.docheader2 {
   font-style: normal;
  background-color: #bd5f5f;
   font-weight: 700;
  border-radius: 7px;
   src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/resources/dark/fonts/TitilliumWeb-Bold.ttf') format('truetype');
   border-bottom: 4px solid #511d1de6;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
   padding-left: 10px;
   font-size: 17px;
   color: #fff;
   font-weight: bold;
}
}


/* --- remove sidebar label and upper border of custom toolbox to make it look like that point is part of the tools section --- */
/* ++ END OF DOC TEMPLATE SECTION ++ */
 
/* Editing a Protected page */
.mw-message-box-warning {
  background-color: #792828;
  border: 2px solid #bb7070;
  border-radius: 11px;
  color: white;
}


#p-tb {
/* Good Article Icon */
padding-bottom: 0 !important;
.goodarticle {
  float: right;
  margin-top: -47px;
  margin-right: 8px;
}
}


#p-custom-tb {
/* Headlined Articles Icon */
border-top: none !important;
.headlined {
padding-top: 0 !important;
  float: right;
  margin-top: -47px;
  margin-right: 42px;
}
}


#p-custom-tb-label {
/* Span RedirectFrom Text */
display: none;
span.mw-redirectedfrom {
  font-size: 11px;
}
}


/* Remove overdone top margin on slideshow galleries */
/* Subpages Link */
span.subpages {
  float: left;
  margin-top: -15px;
  font-size: 11px;
}


ul.gallery.mw-gallery-slideshow {
/* Textcrunch Div on the Main Page */
margin: 1em 0;
.textcrunch {
  line-height: 20px;
}
}


/* Adjust wikitable padding */
/* To-do List Div Template */


table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
.tododiv {
    padding: 0.15em 0.45em
  font-size: 11px;
  background-color: #393939;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  line-height: 15px;
  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
  margin-top: 3px;
  margin-bottom: -32px;
}
}


/* Hide the semantic wiki notices for now */
/* Bubbled Text Template (Small Version) */


.smw-editpage-help {
.bubblesmall {
   display: none;
  background-color: #5e5e5e;
  border-radius: 6px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
   line-height: 18px;
}
}


/* --- End of General look and feel of the site --- */
.bubblesmall:hover {
  background-color: #5478a6;
}


/* --- boilerplate style class for templates that deal with the wiki organisation etc examples: template:archive, template:merge, template:delete, template:stub, template:disambiguation --- */
.bubblesmall:active {
  background-color: #266464;
}
 
/* Vector Menu Portal - aka Sidebar */


.factorio-boilerplate {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
margin:auto auto 10px;
  color: #adc0ce;
width:100%
}
}


.factorio-boilerplate table {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
margin:auto;
  color: #9ec2ff;
text-align:left;
border:2px solid #aaa;
background-color: #e4f0f7;
width:calc(100% - 23em)
}
}


/* --- Template:Achievement --- */


.achievement {
.vector-menu-portal {
border:none;
  background-color: #262644;
background:none
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #63619b;
  margin-bottom: 8px;
  filter: drop-shadow(-4px 5px 4px #00000091);
  border-left: 3px solid #63619b;
  border-bottom: 3px solid #63619b;
}
}


/* --- Template:Key --- */
/* .vector-menu-portal was the original sidebar class */


.keyboard-key {
.vector-menu-portal .vector-menu-heading {
border: 1px solid #aaa;
  color: #c6cdd2;
background-color: #f9f9f9;
border-radius: 0.2em;
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.85em;
}
}


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


.factorio-contentcell {
.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
background: #F9F9F9;
  padding: 6px;
border: 1px solid #AAAAAA;
vertical-align: top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px;
}
}


.factorio-contentcell .titlebar {
.tabs-tabbox > .tabs-label {
background: #E4F0F7;
  background-color: #5f5d97;
padding: 5px;
margin: 3px;
font-weight: bold;
text-align: center;
color: #033251;
font-size: 120%;
}
}


/* --- TEMPLATE:Icon --- */
.tabs-tabbox:hover > .tabs-label:hover {
  background-color: #6c6aac;
}


.factorio-icon {
.tabs-tabbox > .tabs-container {
display:inline-block;
  border: 1px solid #8A7F9F;
margin:5px;  
  border-bottom: 3px solid #7A78A6 !important;
position:relative;
  border-right: 3px solid #7A78A6 !important;
padding:3px;
  background-color: #41405b;
width:32px;
height:32px;
border:1px solid #4B4543;
}
}


.factorio-icon-text {
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
position:absolute;
  background-color: #474580;
bottom: -3px;
  border: 1px solid #9fa1f4;
right: 2px;
  border-bottom: #00000000; /* none */
color:#fff;
font-size:larger;
font-weight: bold;
text-shadow: 0px 1px 1px #000, 0px -1px 1px #000, 1px 0px 1px #000,-1px 0px 1px #000;
pointer-events: none
}
}


/* --- TEMPLATE:NavboxIconLink --- */
/* Active Filter Selector */
.navbox-icon {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
position: relative;
  margin: 6px;
  color: #2e284d;
}
}


.navbox-icon-text {
/* Traitbar Colors (Default) */
position: absolute;
 
bottom: -5px;
.traitbar {
right: 1px;
  background-color: #23110b;
color:#fff;
  border: 0px solid #23110b;
font-size:10px;
font-weight: bold;
text-shadow: 0px 1px 1px #000, 0px -1px 1px #000, 1px 0px 1px #000,-1px 0px 1px #000;
pointer-events: none
}
}


span.whiteLink a { color: white; }
/* Admin Link Test */


/* --- Gerneral --- */
a[href="/wiki/User:Zippy"] {
.hidden {
  color: orange;
display: none;
}
}


/* --- Languages template --- */
/* Standard Images */
.languages-container {
 
background: #EFEFEF;
#imagefix {
padding: 5px;
  padding-top: 10px;
border-color: #ACACAC;
  margin-bottom: -10px;
border-width: 1px;
border-style: solid;
border-bottom-width: medium;
}
}


.languages-container p {
/* Experimental Photoshop Template */
margin: 0;
 
.photoshop {
  filter: contrast(100);
}
}


.languages-message {
/* Colored Squares */
font-weight: bold;
 
font-size: smaller;
.colorsquare {
  margin-top: 4px;
}
}


/* --- Spoilers --- */
.colorsquare2 {
.spoiler-container .button {
  margin-top: 10px;
  background: #E4F0F7;
}
  border: 1px solid #b1d3e7;
 
  box-shadow: -1px 1px 5px #777777;
/* Helpful Links */
  display: inline-block;
 
  padding: 2px;
#bubble_link a {color: #ffbf00;}
  font-weight: bold;
#bubble_link a:hover {color: #ffe495; text-decoration: underline dotted #ffe495;}
  cursor: pointer;
#bubble_link a:visited {color: #ffbf00;}
   margin-bottom: 4px;
#bubble_link a:active {color: #fff4d4; text-decoration: underline dotted #fff4d4;}
 
#bubble_link a.new {color: #ffabab; text-decoration: none;}
#bubble_link a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
#bubble_link a.new:visited {color: #ffabab; text-decoration: none;}
#bubble_link a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
 
/* Resource Navigation Template */
 
#navbar_links {box-shadow: 1px 1px 1px 1px #00000042;}
#navbar_links a {color: #eee;}
#navbar_links a:hover {color: #fff; text-shadow:13px 13px 10px #ffffff00, 1px 1px 10px #ccc;}
#navbar_links a:visited {color: #eee;}
#navbar_links a:active {color: #fff;}
 
#navbar_links a.new {color: #ffabab; text-decoration: none;}
#navbar_links a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf; text-shadow:0px 0px 0px #f00, 0px 0px 0px #ccc;}
#navbar_links a.new:visited {color: #ffabab; text-decoration: none;}
#navbar_links a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
 
/* Redirect Links (disabled)
 
.mw-body-content a.mw-redirect {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:hover {color: #ffd557; text-decoration: none;}
.mw-body-content a.mw-redirect:visited {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:Active {color: #ffc005; text-decoration: none;} */
 
/* Image List Page Controls */
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
   color: #b0bbd2;
}
}


.spoiler-container .button:active {
/* Recent Changes - Active Filters Box */
   box-shadow: -1px 1px 1px #777777;
 
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
   background-color: #283d53;
  border-radius: 13px;
}
}


/* --- Infobox --- */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.infobox {
  border: 0px solid #00000000;
width: 22em;
float: right;
border: 1px solid #aaa;
border-radius: 10px 10px 0 0;
margin-left: 5px;
}
}


.infobox table, .infobox tr {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
width: 100%;
  background-color: #3b4f60;
}
}


.infobox table {
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
border-spacing: 0;
  border-radius: 10px;
padding: 4px;
  inset 0 0 0 1px #8383c1;
}
}


.infobox .infobox-image img{
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
width: 100%;
  color: #a7caee;
height: auto;
}
}


.infobox-header > div:first-child {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
text-align: center;
  color: #e2edf9;
}
}


.infobox-header > div {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
padding: 5px 0;
  border-radius: 14px;
}
}


.infobox-header-text {
.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters div.oo-ui-tagMultiselectWidget-group {
padding:0;
  background-color: #4b6f95;
text-align: left !important;
  border-radius: 11px;
}
}


.infobox-header-text span{
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
font-size: 1.2em;
  color: white;
font-weight: bold;
line-height: 1.2em;
}
}


.infobox-header-text p{
/* Gallery Area */
margin: 0;
 
ul.gallery {
  margin: 0.5em 0 0 0.6em;
  padding: 7px;
  background-color: #25244440;
  border-radius: 10px;
  width: 95%;
}
}


.infobox-edit-link {
/* Round Div Templates */
font-weight:normal;
 
font-size:small;
.rounddiv {
padding-right: 0.5em;
  background-color: #313146;
text-align: right;
  border-radius: 10px;
  padding: 3px;
  padding-left: 15px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
  margin-top: 6px;
}
}


.infobox-edit-link a {
/* Block User Page */
color: inherit !important;
 
font-style: italic;
.oo-ui-labelWidget.oo-ui-inline-help {
text-decoration: underline;
  color: #c3c2e6;
}
 
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
  color: #dddcf0;
}
}


/* switching the infobox-header colors per category using classes so that they can be easily modified by user css */
/* Custom Cursor */


.infobox .combat {
body {
background: #FF0000;
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
color: white;
}
}


.infobox .intermediates {
#wpDestFile, #wpUploadDescription, #wpLicense {
background: #AAAAAA;
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
}


.infobox .production {
a:hover {
background: #FFA600;
  cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
}
}


.infobox .logistics {
input[type="button"] {
background: #A1056F;
  cursor: url('https://i.imgur.com/lyt5e4l.png'), pointer;
color: white;
}
}


.infobox .technology {
vector-menu-tabs ul {
background: #228B22;
  margin-left: -1px;
}
}


.infobox .default-infobox {
.vector-menu-tabs li a {
background: lightblue;
  cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
  height: 39px !important;
}
}


/* end of the style classes for the infobox header color switcher */
span#basic-tooltip {
  cursor: url('https://songsofsyx.com/wiki/images/9/9f/Sos_help.png'), pointer;
}


.infobox p {
/* pre {
margin: 0;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}
.infobox .infobox-header th {
 
white-space: nowrap;
#wpDestFile, #wpUploadDescription, #wpLicense {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
 
input {
  background-color: #444444;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}


.infobox .infobox-header > div {
label {
display: inline-block;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}


.infobox .infobox-header .header-icon {
.mw-editform #wpTextbox1 {
vertical-align: top;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */
 
/* The main body stuff */
 
body {
  background-color: #444362;
}
}


.infobox .infobox-header {
#contentSub, #contentSub2 {
border-radius: 7px 7px 0 0;
  color: #fff;
overflow: hidden;
}
}


.infobox tr.border-top td {
code {
border-top: 1px solid #aaa;
  color: #fff;
  background-color: #2d264f;
  font-size: 11.5px;
}
}


.infobox tr td:nth-child(2) {
.editOptions {
text-align: right;
  color: #fff;
  background-color:#474766;
}
}


.infobox .infobox-header th > div {
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
display: inline-block;
  box-shadow: inset 0 0 0 1px #c8c8c8;
}
}


.infobox-vrow-value {
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
text-align: center;
  color: #fff;
  background-color: #35354a;
}
}


.infobox .tabber .tabbernav {
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  margin-top: 5px;
  color: #fff;  
  background-color: #15304a;
}
}


.infobox .tabber .tabbertab {
/* Search Results */
border: 0px;
padding: 0px;


.mw-search-result-data {
  color: #b0f092;
  font-size: 49%;
}
}
.infobox .tabber table {
 
padding-bottom: 0px;
/* Gallery */
 
li.gallerybox div.thumb {
  background-color: #313144;
  border: 1px solid #6c6a9f;
  border-radius: 7px;
}
}


/* --- Navbox --- */
div.gallerytext {
.navbox {
  font-size: 85%;
padding-top: 1.5em;
}
}


.navbox th {
/* Custom Cursor */
background: rgba(173, 216, 230, 1.0);
 
border-radius: 10px;
p {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
}


.navbox, .navbox tr, .navbox table, .navbox p {
/* span.editHelp {
width: 100%;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tbody {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tr {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}
td {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */


.navbox-header p {
/* File Upload Text Boxes */
text-align: center;
 
font-size: 125%;
#wpDestFile, #wpUploadDescription, #wpLicense {
  color: #fff;
  background-color: #2d264f;
}
}


.navbox p {
.mw-body .mw-indicator {
margin: 0;
  margin-right: 15px;
  margin-top: 6px;
}
}


.navbox td > div, .navbox th > div {
/* First Header */
margin: 0px 10px;
 
.mw-body .firstHeading {  
  background-color: #39384f;
  width: 98%;
  border-radius: 30px;
  padding-left: 30px;
  border-bottom: 3px solid #202037;
  font-family: verdana;
  font-size: 26px;
  text-shadow: -2px 2px 0px #0000004f, 0px 0px 6px #0000;
}
}


.navbox .navbox-header {
/* Brackets in Headers */
width: 100%;
 
.mw-editsection a {
  letter-spacing: 0px !important;
}
}


.navbox .list-data {
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
width: 100%;
  color: #b0afc4;
border-radius: 0 10px 10px 0;
background: rgba(173, 216, 230, 0.4);
}
}


.navbox .group-data {
.mw-editsection-divider {
white-space: nowrap;
  color: #8a8999;
text-align: right;
border-radius: 10px 0 0 10px;
background: rgba(173, 216, 230, 0.7);
}
}


/* Style for horizontal lists (separator following item).
/* Drop box that has the word "more" in it. */
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 
  @revision 9 (2016-08-10)
.vector-menu-dropdown h3 {
  @author [[User:Edokter]]
  color: #fff;
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
}
/* Display list items inline */
 
.hlist dd,
.vector-menu-dropdown .vector-menu-content-list {
.hlist dt,
  background-color: #474664
.hlist li {
    margin: 0;
    display: inline;
}
}
/* Display nested lists inline */
 
.hlist.inline,
.vector-menu-dropdown li a {
.hlist.inline dl,
  color: #eee;
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
}
/* Hide empty list items */
 
.hlist .mw-empty-li,
/* Preview/Warning Box */
.hlist .mw-empty-elt {
 
    display: none;
.warningbox {
  color: #fff;
  background-color: #ac1616;
  border: 2px dashed #d26363;
  padding: 10px;
}
}
/* Generate interpuncts */
 
.hlist dt:after {
/* HR */
    content: ": ";
 
hr {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(161, 159, 191, 0.65) 50%, rgba(2,0,36,0) 100%) !important;
}
}
.hlist dd:after,
 
.hlist li:after {
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
    content: " · ";
  color: #fff;
    font-weight: bold;
}
}
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
.mw-body-content h4 {
.hlist li:last-child:after {
  font-size: 108%;
    content: none;
  margin-top: -1px;
  margin-left: 14px;
  padding-left: 7px;
  background-image: linear-gradient(to right,#38374f42 20%,transparent);
  border-radius: 20px;
  padding-top: 1px;
}
}
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
  color: #62618c;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
/* Recent Changes Abbr */
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    content: ")";
  color: #b4b3e1;
    font-weight: normal;
  background-color: #38384f;
}
}
/* Put ordinals in front of ordered list items */
 
.hlist ol {
/* Bullet Point List */
    counter-reset: listitem;
 
ul {
  list-style-image: none;
}
}
.hlist ol > li {
 
    counter-increment: listitem;
/* Update Footer */
 
#footer-info li {
  color: #9997ce;
}
}
.hlist ol > li:before {
 
    content: " " counter(listitem) "\a0";
.mw-footer {
  padding-left: 31px;
  font-size: 14px;
}
}
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
/* Upload File Fields */
.hlist li ol > li:first-child:before {
 
    content: " (" counter(listitem) "\a0";
fieldset {
  border: 2px solid #3d3c55;
}
}


/* Template:Stub */
/* Thumbs and Captions */


.stub {
.mw-content-ltr .thumbcaption {
border: 5px solid #FF6666;
  background-color: #2a1a55;
border-radius: 10px;
  color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
padding: 5px;
}
}


/* Template:Inventory */
div.thumbinner {
  border: 1px solid #9391bb;
  background-color: #3e3260;
  margin-bottom: -10px;
}


.tab-header div {
html .thumbimage {
display: inline-block
  border: 1px solid #51565b;
  background-color: #2f2f42;
}
}


.tab-head {
/* Main Edit Text Box */
position: relative;
 
cursor: pointer
.mw-editform #wpTextbox1 {
  background-color: #37374f;
  color: #fff;
}
}


.tab-head:after {
/* File Upload Options Box */
content: attr(data-name);
 
pointer-events: none;
#filetoc {
position: absolute;
  background-color: #232C39;
display: none;
  border: 1px solid #67668e;
z-index: 1000;
  border-radius: 7px;
background-color: rgba(67, 67, 72, 0.8);
  padding: 2px;
padding: 8px 8px;
  font-size: 87%;
min-width: 125px;
font-family: 'Titillium Web',sans-serif;
color: white
}
}


.tab-head img {
/* Expandable File Metadata Box */
border-top: 1px solid #c7c7c7;
 
border-left: 1px solid #6e6e6e;
.mw_metadata td {
border-right: 1px solid #6e6e6e;
  background-color: #2c3b4a;
border-bottom: 1px solid #1c1c1c;
  border: 1px solid #3c6491;
background-color: #8e8e8e;
margin: 5px 0px 5px 1px
}
}


.tab-head img:hover {
.mw_metadata th {
background-color: #e39827
  background-color: #1e2b37;
}
}


.tab-head-active img {
.mw_metadata td, .mw_metadata th {
background-color: #e39827;
  border: 1px solid #6a7077;
border-top: 1px solid #2A2A2A;
border-left: 1px solid #2A2A2A;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC
}
}


.tab .factorio-icon {
/* List of Uploaded Images Table */
margin: 0.5px;
 
background-color: #313131;
.mw-datatable th {
border-top: 1px solid #454545;
  background-color: #22593a;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
border-bottom: 1px solid #191919
}
}


.tab .factorio-icon img {
.mw-datatable td {
filter: drop-shadow(0px 0px 4px #000)
  background-color: #0f2b1b;
  border: 1px solid #446233;
}
}


.tab .factorio-icon:hover {
.mw-datatable td:hover {
background-color: #e39827
  background-color: #000;
}
}


.tab .factorio-icon:after {
.mw-datatable th:hover {
position: absolute;
  background-color: #114829;
pointer-events: none;
display: none;
z-index: 1000;
background-color: rgba(67, 67, 72, 0.8);
padding: 8px 8px;
min-width: 125px;
font-family: 'Titillium Web',sans-serif;
color: white
}
}


.tab {
/* Link colors */
min-height: 370px
 
a {color: #c0dfff; text-decoration: none;}
a:hover {color: #eaf4ff; text-decoration: underline dotted #eaf4ff;}
a:visited {color: #c1dfff; text-decoration: none;}
a:active {color: #fff; text-decoration: underline dotted #fff;}
 
/* External Links */
 
.mw-parser-output a.extiw, .mw-parser-output a.external {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:hover {color: #b9ddb6; text-decoration: underline dotted #fff;}
.mw-parser-output a.extiw, .mw-parser-output a.external:visited {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:active {color: #c4ecc1; text-decoration: underline dotted #fff;}
 
/* Broken or Inactive Link Colors */
 
a.new {color: #faa; text-decoration: none;}
a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;}
a.new:visited {color: #faa; text-decoration: none;}
a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}
 
.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited {
color: #faa; }
 
.skin-vector-legacy a.new {color: #ffabab; text-decoration: none;}
.skin-vector-legacy a.new:hover {color: #ffbcbc; text-decoration: underline dotted #ffdfdf;}
.skin-vector-legacy a.new:visited {color: #ffabab; text-decoration: none;}
.skin-vector-legacy a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
 
#p-personal a.new {color: #ffabab; text-decoration: none;}
#p-personal a.new:hover {color: #ffabab; text-decoration: underline dotted #ccc;}
#p-personal a.new:visited {color: #ffabab; text-decoration: none;}
#p-personal a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}
 
/* Top of the page that has the gradient... */
#mw-page-base {background-image: linear-gradient(to bottom,#302f40 50%,#444362 100%);}
 
/* Sidebar Colors */
 
.portal .body li a, .vector-menu-portal .body li a {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:hover {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:visited {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:active {color: white; text-decoration: none;}
 
.vector-menu-portal .vector-menu-content li a {color: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:hover {color: #b4d1ff; text-decoration: underline dotted #e8f1ff; margin-left: 7px;}
.vector-menu-portal .vector-menu-content li a:visited {color: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:active {color: #cadfff; text-decoration: underline dotted white;}
 
.portal h3, .vector-menu-portal h3 {
  color: white;
  margin-left: 11px;
  padding-top: 1px;
}
}


.factorio-contentcell .inventory {
.vector-menu-portal h3 {
margin: auto;
  background-image: linear-gradient(to right,rgba(135, 160, 191, 0) 0,#5180bb 33%,#587caa 66%,rgba(200,204,209,0) 100%);
width: 500px
}
}


/* Custom list symbols */
/* More Sidebar Stuff */


.factorio-list ul {
#p-logo {
list-style-image: none;
  margin-bottom: 0em;
  margin-top: -5px;
}
}


.factorio-list ul li ul {
/* The actual inner body of the wiki pages, where the content is. */
list-style-type: square;
 
.mw-body {
  background-color: #58577d;
  color: #fff;
  border: 1px solid #323148;
  border-left: 3px solid #313046;
  border-bottom: 2px solid #313046;
  border-bottom-left-radius: 20px;
}
}


.factorio-list ul li ul li ul {
/* Header Text */
list-style-type: circle;
 
h2, h3, h4, h5, h6 {border-image: linear-gradient(to right,#9391d0d4,#908ecc0f) 1;}
 
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
  color: #fff;
  font-family: Arial;
}
}


.factorio-list ul li ul li ul li ul{
.mw-body-content h2 {
list-style-type: disc;
  background-image: linear-gradient(to right,#38374fa3 70%,transparent);
  font-size: 18.5px;
  letter-spacing: 0.6px;
  padding: 3.5px;
  border-bottom: 1px solid #706e99;
  border-top-left-radius: 20px;
  padding-left: 14px;
}
}


/* Template:Documentation */
.mw-body-content h2:hover {
  background-color: linear-gradient(to right,#43425ea3 70%,transparent);
}


.factorio-doc {
.mw-body-content h3 {
margin-top:1em;
  font-size: 16px;
clear: both;
  background: linear-gradient(to right,#38374f61 20%,transparent);
border: 2px dotted #666666;
  padding-top: 1px;
padding: 0.6em;
  padding-bottom: 1px;
background-color: #f5f5f5;
  padding-left: 13px;
  border-radius: 7px;
  margin-left: 6px;
  margin-bottom: 6px;
}
}


.factorio-doc-heading {
/* Table of Contents */
padding-bottom:3px;
 
border-bottom:1px solid #aaa;
 
margin-bottom:1ex;
.toc, .mw-warning, .toccolours {
  background-color: #3d3c57;
  border-radius: 4px;
  box-shadow: 1px 1px 1px black;
  border: 1px solid #5d5c84;
  font-size: 87%;
}
}


/* Template:BlueprintString */
.toctogglelabel {
  color: #cdccd7;
}


.bps-box {
.tocnumber {
background-color: #105482;
  color: #fff;
border: 3px solid;
border-color: #c1c1c1 #616161 #616161 #c1c1c1;
padding: 5px;
width: 13em;
border-radius: 3px;
text-align: center;
cursor: pointer;
margin: 3px
}
}
.bps-box:active {
 
   background-color:#074774;
/* Wikitables */
  border-color: #616161 #c1c1c1 #c1c1c1 #616161;
 
.wikitable {
   background-color: #111d28;
}
}
.bps-box img {
 
pointer-events: none;
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border: 1px solid #000;
}
}


.gallerytext .bps-box {
.wikitable > tr > th, .wikitable > * > tr > th {
margin: auto
  background-color: #283b62;
  color: #f0f0f0;
}
}


/* Text blinking in rail signal colors */
.wikitable:hover > tr:hover > th:hover, .wikitable:hover > * > tr:hover > th:hover {
  background-color: #344c7d;
  color: #f0f0f0;
}


@keyframes rail-signal-blink {
.wikitable > * > tr > td {
   33% { color: #55FF55; }
   background-color: #4b618a;
   66% { color: #FFFF55; }
   color: #fff;
}
}
@-webkit-keyframes rail-signal-blink {
 
   33% { color: #55FF55; }
.wikitable:hover > * > tr:hover > td:hover {
   66% { color: #FFFF55; }
   background-color: #5c729b;
   color: #fff;
}
}
.rail-signal-blink {
 
   animation: rail-signal-blink 3s step-start 0s infinite;
/* Zippy's Custom "Specialtable" */
  -webkit-animation: rail-signal-blink 3s step-start 0s infinite;
 
  color: #ee7777;
 
.specialtable > tr > th, .specialtable > tr > td, .specialtable > * > tr > th, .specialtable > * > tr > td {
   border: 1px solid #000;
}
}


/* Prototype parents list */
.specialtable > tr > th, .specialtable > * > tr > th {
  background-color: #3f5c95;
  color: #fff;
}


.prototype-parents {
.specialtable > * > tr > td {
    background-color: #eaecf0;
  background-color: #6d88bb;
    margin-top: -1em !important;
  color: #fff;
    padding-bottom: 3px;
    padding-left: 0.5em;
}
}


/* Prototype table of contents */
/* Vector Tabs */
.prototype-toc {
 
    list-style-type: none;
.vector-menu-tabs li {
    border-collapse: collapse;
  /* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
    font-size: 14px;
  background-image: linear-gradient(to bottom,rgb(32, 31, 43) 0,#58577d 70%);
    line-height: 1.2;
  height: 37px;
  border-left: 4px solid #313046 !important;
  border-top: 4px solid #313046;
}
}
.prototype-toc td {
 
    font-family: monospace;
/* BACKUP two lines below... in case of... mistakes... */
    padding-bottom: 3px;
 
    border-bottom: 1px dotted #d8d8d8;
.vector-menu-tabs li {
  /* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
  background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
  height: 37px;
  border-left: 4px solid #25242b;
  border-top: 4px solid #58577d;
}
}
.prototype-toc-item-name {
 
    width: 20em;
.vector-menu-tab .selected {
    padding-left: 2em;
  background-color: #0000 !important;
    padding-right: 1em;
}
}
.prototype-toc-item-info {
 
    padding-left: 1em;
.vector-menu-tabs .selected {
  background: #0000 !important;
}
}
.prototype-property-type-usage {
 
    columns: 22em 3;
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    -moz-columns: 22em 3;
  background-color: #58577d;
    -webkit-columns: 22em 3;
  color: #fff;
    break-inside: avoid-column;
  padding-top: 13px;
    page-break-inside: avoid;
  background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
    -webkit-column-break-inside: avoid;
    font-family: monospace;
    font-size: 14px;
}
}


/* Prototype tree on Prototype definitions */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
/* The few prototypes that are roots of the prototype tree */
  background-image: linear-gradient(to bottom,rgb(37, 36, 45) 0,#4d4c6c 70%);
.prototype-tree-root ul {
  margin-left: -1px;
list-style-image: none;
margin: 0;
}
}


.prototype-tree-root li {
.vector-menu-tabs a {
list-style-type: none;
  background-repeat: round;
}
}


.prototype-tree-root li::before {
/* .vector-menu-tabs a */
content: "⯀";
 
margin-right: 5px;
.vector-menu-tabs li a {color: #c2d3f0; text-decoration: none;}
pointer-events: none
.vector-menu-tabs li a:hover {color: #fff; text-decoration: underline dotted #c2d3f0;}
.vector-menu-tabs li a:visited {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:active {color: #fff; text-decoration: underline dotted #fff;}
 
.vector-menu-tabs .new a {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:hover {color: #FFD3D3; text-decoration: underline dotted #FFD3D3;}
.vector-menu-tabs .new a:visited {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:active {color: #fff; text-decoration: underline dotted #fff;}
 
/* Category Box */
 
#catlinks {
  background-color: #3b3a53;
  border-radius: 6px;
  border: 1px solid #2d3242;
  box-shadow: 1px 1px 1px #000000b3;
}
}


/* The actual prototype tree, without roots. */
/* Page History */
.prototype-tree ul {
 
list-style-image: none;
#pagehistory li.selected {
border-left: solid rgb(95, 95, 95) 1px;
  background-color: #474666;
padding-left: 9px;
  color: #e8eff7;
margin-left: 6px;
}
}


.prototype-tree li {
.mw-plusminus-pos {
list-style-type: none;
  color: #1cf41c;
}
}


.prototype-tree li::before {
.mw-plusminus-neg {
content: "⯀";
  color: #ffc6c6;
margin-right: 5px;
pointer-events: none
}
}


.prototype-tree .prototype-tree-parent::before {
/* Search Box */
content: "⮝";
 
#searchInput {
  background-color: #231937;
  color: #c6e4ff;
  font-size: 71%;
  font-family: Verdana;
  border-radius: 7px;
  border: 1px solid #496cae;
}
}


.prototype-tree .prototype-tree-parent-collapsed::before {
/* Pre/Code */
content: "⮟";
 
pre, .mw-code {
  color: #fff;
  font-size: 12px;
  background-color: #152b48;
  border-radius: 9px;
  box-shadow: 2px 2px 2px black;
}
}

Latest revision as of 17:45, 24 March 2024

/* ++ THIS SECTION WILL ENCOMPASS THE DOC TEMPLATE ++ */

/* Figcaption */
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption {
  background-color: #2d2d44;
  padding: 6px;
  border: 1px solid #607ea4;
}

/* Figcaption Image */
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a {
  background-color: #5858ae;
}

/* Links in the "More" dropdown list */
.vector-menu-dropdown .mw-list-item a {
  color: #a8c1ec;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
border-radius: 7px;
border-color: #a5a4dbad;
padding: 9px; }

/* Unpatrolled Edits */
.unpatrolled {color: #ffff00;}

/* Doc Entire Box */
.docbox {
  background: #34646f;
  border: 2px dashed #ffffff8c;
  border-radius: 10px;
  padding: 5px;
  padding-left: 10px;
}

/* Doc Template Headers */
.docheader {
  background-color: #50938c;
  border-radius: 7px;
  border-bottom: 4px solid #2a534f;
  padding-left: 10px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}

/* Doc Entire Box (RED) */
.docbox2 {
  background: #6f3434;
  border: 2px dashed #ffd5d57d;
  border-radius: 10px;
  padding: 5px;
  padding-left: 10px;
}

/* Doc Template Headers (RED) */
.docheader2 {
  background-color: #bd5f5f;
  border-radius: 7px;
  border-bottom: 4px solid #511d1de6;
  padding-left: 10px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}

/* ++ END OF DOC TEMPLATE SECTION ++ */

/* Editing a Protected page */
.mw-message-box-warning {
   background-color: #792828;
   border: 2px solid #bb7070;
   border-radius: 11px;
   color: white;
}

/* Good Article Icon */
.goodarticle {
  float: right;
  margin-top: -47px;
  margin-right: 8px;
}

/* Headlined Articles Icon */
.headlined {
  float: right;
  margin-top: -47px;
  margin-right: 42px;
}

/* Span RedirectFrom Text */
span.mw-redirectedfrom {
  font-size: 11px;
}

/* Subpages Link */
span.subpages {
  float: left;
  margin-top: -15px;
  font-size: 11px;
}

/* Textcrunch Div on the Main Page */
.textcrunch {
  line-height: 20px;
}

/* To-do List Div Template */

.tododiv {
  font-size: 11px;
  background-color: #393939;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  line-height: 15px;
  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
  margin-top: 3px;
  margin-bottom: -32px;
}

/* Bubbled Text Template (Small Version) */

.bubblesmall {
  background-color: #5e5e5e;
  border-radius: 6px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 18px;
}

.bubblesmall:hover {
  background-color: #5478a6;
}

.bubblesmall:active {
  background-color: #266464;
}

/* Vector Menu Portal - aka Sidebar */

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
  color: #adc0ce;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
  color: #9ec2ff;
}


.vector-menu-portal {
  background-color: #262644;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #63619b;
  margin-bottom: 8px;
  filter: drop-shadow(-4px 5px 4px #00000091);
  border-left: 3px solid #63619b;
  border-bottom: 3px solid #63619b;
}

/* .vector-menu-portal was the original sidebar class */

.vector-menu-portal .vector-menu-heading {
  color: #c6cdd2;
}

/* Tabs */

.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
  padding: 6px;
}

.tabs-tabbox > .tabs-label {
  background-color: #5f5d97;
}

.tabs-tabbox:hover > .tabs-label:hover {
  background-color: #6c6aac;
}

.tabs-tabbox > .tabs-container {
  border: 1px solid #8A7F9F;
  border-bottom: 3px solid #7A78A6 !important;
  border-right: 3px solid #7A78A6 !important;
  background-color: #41405b;
}

.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
  background-color: #474580;
  border: 1px solid #9fa1f4;
  border-bottom: #00000000; /* none */
}

/* Active Filter Selector */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  margin: 6px;
  color: #2e284d;
}

/* Traitbar Colors (Default) */

.traitbar {
  background-color: #23110b;
  border: 0px solid #23110b;
}

/* Admin Link Test */

a[href="/wiki/User:Zippy"] {
  color: orange;
}

/* Standard Images */

#imagefix {
  padding-top: 10px;
  margin-bottom: -10px;
}

/* Experimental Photoshop Template */

.photoshop {
  filter: contrast(100);
}

/* Colored Squares */

.colorsquare {
  margin-top: 4px;
}

.colorsquare2 {
  margin-top: 10px;
}

/* Helpful Links */

#bubble_link a {color: #ffbf00;}
#bubble_link a:hover {color: #ffe495; text-decoration: underline dotted #ffe495;}
#bubble_link a:visited {color: #ffbf00;}
#bubble_link a:active {color: #fff4d4; text-decoration: underline dotted #fff4d4;}

#bubble_link a.new {color: #ffabab; text-decoration: none;}
#bubble_link a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
#bubble_link a.new:visited {color: #ffabab; text-decoration: none;}
#bubble_link a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}

/* Resource Navigation Template */

#navbar_links {box-shadow: 1px 1px 1px 1px #00000042;}
#navbar_links a {color: #eee;}
#navbar_links a:hover {color: #fff; text-shadow:13px 13px 10px #ffffff00, 1px 1px 10px #ccc;}
#navbar_links a:visited {color: #eee;}
#navbar_links a:active {color: #fff;}

#navbar_links a.new {color: #ffabab; text-decoration: none;}
#navbar_links a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf; text-shadow:0px 0px 0px #f00, 0px 0px 0px #ccc;}
#navbar_links a.new:visited {color: #ffabab; text-decoration: none;}
#navbar_links a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}

/* Redirect Links (disabled)

.mw-body-content a.mw-redirect {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:hover {color: #ffd557; text-decoration: none;}
.mw-body-content a.mw-redirect:visited {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:Active {color: #ffc005; text-decoration: none;} */

/* Image List Page Controls */

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #b0bbd2;
}

/* Recent Changes - Active Filters Box */

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #283d53;
  border-radius: 13px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  border: 0px solid #00000000;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: #3b4f60;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
  border-radius: 10px;
  inset 0 0 0 1px #8383c1;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #a7caee;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: #e2edf9;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  border-radius: 14px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters div.oo-ui-tagMultiselectWidget-group {
  background-color: #4b6f95;
  border-radius: 11px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
  color: white;
}

/* Gallery Area */

ul.gallery {
  margin: 0.5em 0 0 0.6em;
  padding: 7px;
  background-color: #25244440;
  border-radius: 10px;
  width: 95%;
}

/* Round Div Templates */

.rounddiv {
  background-color: #313146;
  border-radius: 10px;
  padding: 3px;
  padding-left: 15px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
  margin-top: 6px;
}

/* Block User Page */

.oo-ui-labelWidget.oo-ui-inline-help {
  color: #c3c2e6;
}

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
  color: #dddcf0;
}

/* Custom Cursor */

body {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}

#wpDestFile, #wpUploadDescription, #wpLicense {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}

a:hover {
  cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
}

input[type="button"] {
  cursor: url('https://i.imgur.com/lyt5e4l.png'), pointer;
}

vector-menu-tabs ul {
  margin-left: -1px;
}

.vector-menu-tabs li a {
  cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
  height: 39px !important;
}

span#basic-tooltip {
  cursor: url('https://songsofsyx.com/wiki/images/9/9f/Sos_help.png'), pointer;
}

/* pre {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}

#wpDestFile, #wpUploadDescription, #wpLicense {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}

input {
  background-color: #444444;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}

label {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}

.mw-editform #wpTextbox1 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */

/* The main body stuff */

body {
  background-color: #444362;
}

#contentSub, #contentSub2 {
  color: #fff;
}

code {
  color: #fff;
  background-color: #2d264f;
  font-size: 11.5px;
}

.editOptions {
  color: #fff;
  background-color:#474766;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
  box-shadow: inset 0 0 0 1px #c8c8c8;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  color: #fff;
  background-color: #35354a;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: #fff;  
  background-color: #15304a;
}

/* Search Results */

.mw-search-result-data {
  color: #b0f092;
  font-size: 49%;
}

/* Gallery */

li.gallerybox div.thumb {
  background-color: #313144;
  border: 1px solid #6c6a9f;
  border-radius: 7px;
}

div.gallerytext {
  font-size: 85%;
}

/* Custom Cursor */

p {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}

/* span.editHelp {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tbody {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tr {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
td {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */

/* File Upload Text Boxes */

#wpDestFile, #wpUploadDescription, #wpLicense {
  color: #fff;
  background-color: #2d264f;
}

.mw-body .mw-indicator {
  margin-right: 15px;
  margin-top: 6px;
}

/* First Header */

.mw-body .firstHeading { 
  background-color: #39384f;
  width: 98%;
  border-radius: 30px;
  padding-left: 30px;
  border-bottom: 3px solid #202037;
  font-family: verdana;
  font-size: 26px;
  text-shadow: -2px 2px 0px #0000004f, 0px 0px 6px #0000;
}

/* Brackets in Headers */

.mw-editsection a {
  letter-spacing: 0px !important;
}

.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
  color: #b0afc4;
}

.mw-editsection-divider {
  color: #8a8999;
}

/* Drop box that has the word "more" in it. */

.vector-menu-dropdown h3 {
  color: #fff;
}

.vector-menu-dropdown .vector-menu-content-list {
  background-color: #474664
}

.vector-menu-dropdown li a {
  color: #eee;
}

/* Preview/Warning Box */

.warningbox {
  color: #fff;
  background-color: #ac1616;
  border: 2px dashed #d26363;
  padding: 10px;
}

/* HR */

hr {
 background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(161, 159, 191, 0.65) 50%, rgba(2,0,36,0) 100%) !important;
}

.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
  color: #fff;
}

.mw-body-content h4 {
  font-size: 108%;
  margin-top: -1px;
  margin-left: 14px;
  padding-left: 7px;
  background-image: linear-gradient(to right,#38374f42 20%,transparent);
  border-radius: 20px;
  padding-top: 1px;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  color: #62618c;
}

/* Recent Changes Abbr */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  color: #b4b3e1;
  background-color: #38384f;
}

/* Bullet Point List */

ul {
  list-style-image: none;
}

/* Update Footer */

#footer-info li {
  color: #9997ce;
}

.mw-footer {
  padding-left: 31px;
  font-size: 14px;
}

/* Upload File Fields */

fieldset {
  border: 2px solid #3d3c55;
}

/* Thumbs and Captions */

.mw-content-ltr .thumbcaption {
  background-color: #2a1a55;
  color: #fff;
}

div.thumbinner {
  border: 1px solid #9391bb;
  background-color: #3e3260;
  margin-bottom: -10px;
}

html .thumbimage {
  border: 1px solid #51565b;
  background-color: #2f2f42;
}

/* Main Edit Text Box */

.mw-editform #wpTextbox1 {
  background-color: #37374f;
  color: #fff;
}

/* File Upload Options Box */

#filetoc {
  background-color: #232C39;
  border: 1px solid #67668e;
  border-radius: 7px;
  padding: 2px;
  font-size: 87%;
}

/* Expandable File Metadata Box */

.mw_metadata td {
  background-color: #2c3b4a;
  border: 1px solid #3c6491;
}

.mw_metadata th {
  background-color: #1e2b37;
}

.mw_metadata td, .mw_metadata th {
  border: 1px solid #6a7077;
}

/* List of Uploaded Images Table */

.mw-datatable th {
  background-color: #22593a;
}

.mw-datatable td {
  background-color: #0f2b1b;
  border: 1px solid #446233;
}

.mw-datatable td:hover {
  background-color: #000;
}

.mw-datatable th:hover {
  background-color: #114829;
}

/* Link colors */

a {color: #c0dfff; text-decoration: none;}
a:hover {color: #eaf4ff; text-decoration: underline dotted #eaf4ff;}
a:visited {color: #c1dfff; text-decoration: none;}
a:active {color: #fff; text-decoration: underline dotted #fff;}

/* External Links */

.mw-parser-output a.extiw, .mw-parser-output a.external {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:hover {color: #b9ddb6; text-decoration: underline dotted #fff;}
.mw-parser-output a.extiw, .mw-parser-output a.external:visited {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:active {color: #c4ecc1; text-decoration: underline dotted #fff;}

/* Broken or Inactive Link Colors */

a.new {color: #faa; text-decoration: none;}
a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;}
a.new:visited {color: #faa; text-decoration: none;}
a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}

.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited {
color: #faa; }

.skin-vector-legacy a.new {color: #ffabab; text-decoration: none;}
.skin-vector-legacy a.new:hover {color: #ffbcbc; text-decoration: underline dotted #ffdfdf;}
.skin-vector-legacy a.new:visited {color: #ffabab; text-decoration: none;}
.skin-vector-legacy a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}

#p-personal a.new {color: #ffabab; text-decoration: none;}
#p-personal a.new:hover {color: #ffabab; text-decoration: underline dotted #ccc;}
#p-personal a.new:visited {color: #ffabab; text-decoration: none;}
#p-personal a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}

/* Top of the page that has the gradient... */
#mw-page-base {background-image: linear-gradient(to bottom,#302f40 50%,#444362 100%);}

/* Sidebar Colors */

.portal .body li a, .vector-menu-portal .body li a {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:hover {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:visited {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:active {color: white; text-decoration: none;}

.vector-menu-portal .vector-menu-content li a {color: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:hover {color: #b4d1ff; text-decoration: underline dotted #e8f1ff; margin-left: 7px;}
.vector-menu-portal .vector-menu-content li a:visited {color: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:active {color: #cadfff; text-decoration: underline dotted white;}

.portal h3, .vector-menu-portal h3 {
  color: white;
  margin-left: 11px;
  padding-top: 1px;
}

.vector-menu-portal h3 {
  background-image: linear-gradient(to right,rgba(135, 160, 191, 0) 0,#5180bb 33%,#587caa 66%,rgba(200,204,209,0) 100%);
}

/* More Sidebar Stuff */

#p-logo {
  margin-bottom: 0em;
  margin-top: -5px;
}

/* The actual inner body of the wiki pages, where the content is. */

.mw-body {
  background-color: #58577d;
  color: #fff;
  border: 1px solid #323148;
  border-left: 3px solid #313046;
  border-bottom: 2px solid #313046;
  border-bottom-left-radius: 20px;
}

/* Header Text */

h2, h3, h4, h5, h6 {border-image: linear-gradient(to right,#9391d0d4,#908ecc0f) 1;}

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
  color: #fff;
  font-family: Arial;
}

.mw-body-content h2 {
  background-image: linear-gradient(to right,#38374fa3 70%,transparent);
  font-size: 18.5px;
  letter-spacing: 0.6px;
  padding: 3.5px;
  border-bottom: 1px solid #706e99;
  border-top-left-radius: 20px;
  padding-left: 14px;
}

.mw-body-content h2:hover {
  background-color: linear-gradient(to right,#43425ea3 70%,transparent);
}

.mw-body-content h3 {
  font-size: 16px;
  background: linear-gradient(to right,#38374f61 20%,transparent);
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 13px;
  border-radius: 7px;
  margin-left: 6px;
  margin-bottom: 6px;
}

/* Table of Contents */


.toc, .mw-warning, .toccolours {
  background-color: #3d3c57;
  border-radius: 4px;
  box-shadow: 1px 1px 1px black;
  border: 1px solid #5d5c84;
  font-size: 87%;
}

.toctogglelabel {
  color: #cdccd7;
}

.tocnumber {
  color: #fff;
}

/* Wikitables */

.wikitable {
  background-color: #111d28;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border: 1px solid #000;
}

.wikitable > tr > th, .wikitable > * > tr > th {
  background-color: #283b62;
  color: #f0f0f0;
}

.wikitable:hover > tr:hover > th:hover, .wikitable:hover > * > tr:hover > th:hover {
  background-color: #344c7d;
  color: #f0f0f0;
}

.wikitable > * > tr > td {
  background-color: #4b618a;
  color: #fff;
}

.wikitable:hover > * > tr:hover > td:hover {
  background-color: #5c729b;
  color: #fff;
}

/* Zippy's Custom "Specialtable" */


.specialtable > tr > th, .specialtable > tr > td, .specialtable > * > tr > th, .specialtable > * > tr > td {
  border: 1px solid #000;
}

.specialtable > tr > th, .specialtable > * > tr > th {
  background-color: #3f5c95;
  color: #fff;
}

.specialtable > * > tr > td {
  background-color: #6d88bb;
  color: #fff;
}

/* Vector Tabs */

.vector-menu-tabs li {
  /* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
  background-image: linear-gradient(to bottom,rgb(32, 31, 43) 0,#58577d 70%);
  height: 37px;
  border-left: 4px solid #313046 !important;
  border-top: 4px solid #313046;
}

/* BACKUP two lines below... in case of... mistakes... */

.vector-menu-tabs li {
  /* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
  background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
  height: 37px;
  border-left: 4px solid #25242b;
  border-top: 4px solid #58577d;
}

.vector-menu-tab .selected {
  background-color: #0000 !important;
}

.vector-menu-tabs .selected {
  background: #0000 !important;
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
  background-color: #58577d;
  color: #fff;
  padding-top: 13px;
  background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
  background-image: linear-gradient(to bottom,rgb(37, 36, 45) 0,#4d4c6c 70%);
  margin-left: -1px;
}

.vector-menu-tabs a {
  background-repeat: round;
}

/* .vector-menu-tabs a */

.vector-menu-tabs li a {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:hover {color: #fff; text-decoration: underline dotted #c2d3f0;}
.vector-menu-tabs li a:visited {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:active {color: #fff; text-decoration: underline dotted #fff;}

.vector-menu-tabs .new a {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:hover {color: #FFD3D3; text-decoration: underline dotted #FFD3D3;}
.vector-menu-tabs .new a:visited {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:active {color: #fff; text-decoration: underline dotted #fff;}

/* Category Box */

#catlinks {
  background-color: #3b3a53;
  border-radius: 6px;
  border: 1px solid #2d3242;
  box-shadow: 1px 1px 1px #000000b3;
}

/* Page History */

#pagehistory li.selected {
  background-color: #474666;
  color: #e8eff7;
}

.mw-plusminus-pos {
  color: #1cf41c;
}

.mw-plusminus-neg {
  color: #ffc6c6;
}

/* Search Box */

#searchInput {
  background-color: #231937;
  color: #c6e4ff;
  font-size: 71%;
  font-family: Verdana;
  border-radius: 7px;
  border: 1px solid #496cae;
}

/* Pre/Code */

pre, .mw-code {
  color: #fff;
  font-size: 12px;
  background-color: #152b48;
  border-radius: 9px;
  box-shadow: 2px 2px 2px black;
}
Retrieved from "https://songsofsyx.com/wiki/index.php?title=MediaWiki:Common.css&oldid=7512"