MediaWiki:Common.css: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎--- General look and feel of the site ---: →‎latin-ext: @font-face { font-family: 'Titillium Web'; font-style:...")
 
No edit summary
 
(566 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;
}


.factorio-boilerplate {
/* Vector Menu Portal - aka Sidebar */
margin:auto auto 10px;
 
width:100%
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
  color: #adc0ce;
}
}


.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;
}
 
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
  color: #9ec2ff
}
}


/* --- Template:Key --- */


.keyboard-key {
/* .vector-menu-portal was the original sidebar class */
border: 1px solid #aaa;
 
background-color: #f9f9f9;
.vector-menu-portal .vector-menu-heading {
border-radius: 0.2em;
  color: #c6cdd2;
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;
  display: inline-block;
  padding: 2px;
  font-weight: bold;
  cursor: pointer;
   margin-bottom: 4px;
}
}


.spoiler-container .button:active {
/* Helpful Links */
  box-shadow: -1px 1px 1px #777777;
 
#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;
}
}


/* --- Infobox --- */
/* Recent Changes - Active Filters Box */
.infobox {
 
width: 22em;
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
float: right;
  background-color: #283d53;
border: 1px solid #aaa;
  border-radius: 13px;
border-radius: 10px 10px 0 0;
margin-left: 5px;
}
}


.infobox table, .infobox tr {
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
width: 100%;
  border: 0px solid #00000000;
}
}


.infobox table {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
border-spacing: 0;
  background-color: #3b4f60;
padding: 4px;
}
}


.infobox .infobox-image img{
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
width: 100%;
  border-radius: 10px;
height: auto;
  inset 0 0 0 1px #8383c1;
}
}


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


.infobox-header > div {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
padding: 5px 0;
  color: #e2edf9;
}
}


.infobox-header-text {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
padding:0;
  border-radius: 14px;
text-align: left !important;
}
}


.infobox-header-text span{
.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters div.oo-ui-tagMultiselectWidget-group {
font-size: 1.2em;
  background-color: #4b6f95;
font-weight: bold;
  border-radius: 11px;
line-height: 1.2em;
}
}


.infobox-header-text p{
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
margin: 0;
  color: white;
}
}


.infobox-edit-link {
/* Gallery Area */
font-weight:normal;
 
font-size:small;
ul.gallery {
padding-right: 0.5em;
  margin: 0.5em 0 0 0.6em;
text-align: right;
  padding: 7px;
  background-color: #25244440;
  border-radius: 10px;
  width: 95%;
}
}


.infobox-edit-link a {
/* Round Div Templates */
color: inherit !important;
 
font-style: italic;
.rounddiv {
text-decoration: underline;
  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;
}
}


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


.infobox .combat {
.oo-ui-labelWidget.oo-ui-inline-help {
background: #FF0000;
  color: #c3c2e6;
color: white;
}
}


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


.infobox .production {
/* Custom Cursor */
background: #FFA600;
 
body {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
}


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


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


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


/* end of the style classes for the infobox header color switcher */
vector-menu-tabs ul {
  margin-left: -1px;
}


.infobox p {
.vector-menu-tabs li a {
margin: 0;
  cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
  height: 39px !important;
}
}
.infobox .infobox-header th {
 
white-space: nowrap;
span#basic-tooltip {
  cursor: url('https://songsofsyx.com/wiki/images/9/9f/Sos_help.png'), pointer;
}
}


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


.infobox .infobox-header .header-icon {
#wpDestFile, #wpUploadDescription, #wpLicense {
vertical-align: top;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}


.infobox .infobox-header {
input {
border-radius: 7px 7px 0 0;
  background-color: #444444;
overflow: hidden;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}


.infobox tr.border-top td {
label {
border-top: 1px solid #aaa;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
}


.infobox tr td:nth-child(2) {
.mw-editform #wpTextbox1 {
text-align: right;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */
 
/* The main body stuff */
 
body {
  background-color: #444362;
}
}


.infobox .infobox-header th > div {
#contentSub, #contentSub2 {
display: inline-block;
  color: #fff;
}
}


.infobox-vrow-value {
code {
text-align: center;
  color: #fff;
  background-color: #2d264f;
  font-size: 11.5px;
}
}


.infobox .tabber .tabbernav {
.editOptions {
margin-top: 5px;
  color: #fff;
  background-color:#474766;
}
}


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


.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  color: #fff;
  background-color: #35354a;
}
}
.infobox .tabber table {
 
  padding-bottom: 0px;
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: #fff;  
  background-color: #15304a;
}
}


/* --- Navbox --- */
/* Search Results */
.navbox {
 
padding-top: 1.5em;
.mw-search-result-data {
  color: #b0f092;
  font-size: 49%;
}
}


.navbox th {
/* Gallery */
background: rgba(173, 216, 230, 1.0);
 
border-radius: 10px;
li.gallerybox div.thumb {
  background-color: #313144;
  border: 1px solid #6c6a9f;
  border-radius: 7px;
}
}


.navbox, .navbox tr, .navbox table, .navbox p {
div.gallerytext {
width: 100%;
  font-size: 85%;
}
}


.navbox-header p {
/* Custom Cursor */
text-align: center;
 
font-size: 125%;
p {
  cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
}


.navbox p {
/* span.editHelp {
margin: 0;
  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 */


.navbox td > div, .navbox th > div {
#wpDestFile, #wpUploadDescription, #wpLicense {
margin: 0px 10px;
  color: #fff;
  background-color: #2d264f;
}
}


.navbox .navbox-header {
.mw-body .mw-indicator {
width: 100%;
  margin-right: 15px;
  margin-top: 6px;
}
}


.navbox .list-data {
/* First Header */
width: 100%;
 
border-radius: 0 10px 10px 0;
.mw-body .firstHeading {
background: rgba(173, 216, 230, 0.4);
  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 .group-data {
/* Brackets in Headers */
white-space: nowrap;
 
text-align: right;
.mw-editsection a {
border-radius: 10px 0 0 10px;
  letter-spacing: 0px !important;
background: rgba(173, 216, 230, 0.7);
}
}


/* Style for horizontal lists (separator following item).
.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) {
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  color: #b0afc4;
  @revision 9 (2016-08-10)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
}
/* Display list items inline */
 
.hlist dd,
.mw-editsection-divider {
.hlist dt,
  color: #8a8999;
.hlist li {
    margin: 0;
    display: inline;
}
}
/* Display nested lists inline */
 
.hlist.inline,
/* Drop box that has the word "more" in it. */
.hlist.inline dl,
 
.hlist.inline ol,
.vector-menu-dropdown h3 {
.hlist.inline ul,
  color: #fff;
.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,
.vector-menu-dropdown .vector-menu-content-list {
.hlist .mw-empty-elt {
  background-color: #474664
    display: none;
}
}
/* Generate interpuncts */
 
.hlist dt:after {
.vector-menu-dropdown li a {
    content: ": ";
  color: #eee;
}
}
.hlist dd:after,
 
.hlist li:after {
/* Preview/Warning Box */
    content: " · ";
 
    font-weight: bold;
.warningbox {
  color: #fff;
  background-color: #ac1616;
  border: 2px dashed #d26363;
  padding: 10px;
}
}
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
/* HR */
.hlist li:last-child:after {
 
    content: none;
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;
}
}
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
  color: #fff;
.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,
.mw-body-content h4 {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  font-size: 108%;
    content: ")";
  margin-top: -1px;
    font-weight: normal;
  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;
}
}
/* Put ordinals in front of ordered list items */
 
.hlist ol {
/* Update Footer */
    counter-reset: listitem;
 
#footer-info li {
  color: #9997ce;
}
}
.hlist ol > li {
 
    counter-increment: listitem;
.mw-footer {
  padding-left: 31px;
  font-size: 14px;
}
}
.hlist ol > li:before {
 
    content: " " counter(listitem) "\a0";
/* Upload File Fields */
 
fieldset {
  border: 2px solid #3d3c55;
}
}
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
/* Thumbs and Captions */
.hlist li ol > li:first-child:before {
 
    content: " (" counter(listitem) "\a0";
.mw-content-ltr .thumbcaption {
  background-color: #2a1a55;
  color: #fff;
}
}


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


.stub {
html .thumbimage {
border: 5px solid #FF6666;
  border: 1px solid #51565b;
border-radius: 10px;
  background-color: #2f2f42;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
padding: 5px;
}
}


/* Template:Inventory */
/* Main Edit Text Box */


.tab-header div {
.mw-editform #wpTextbox1 {
display: inline-block
  background-color: #37374f;
  color: #fff;
}
}


.tab-head {
/* File Upload Options Box */
position: relative;
 
cursor: pointer
#filetoc {
  background-color: #232C39;
  border: 1px solid #67668e;
  border-radius: 7px;
  padding: 2px;
  font-size: 87%;
}
}


.tab-head:after {
/* Expandable File Metadata Box */
content: attr(data-name);
 
pointer-events: none;
.mw_metadata td {
position: absolute;
  background-color: #2c3b4a;
display: none;
  border: 1px solid #3c6491;
z-index: 1000;
background-color: rgba(67, 67, 72, 0.8);
padding: 8px 8px;
min-width: 125px;
font-family: 'Titillium Web',sans-serif;
color: white
}
}


.tab-head img {
.mw_metadata th {
border-top: 1px solid #c7c7c7;
  background-color: #1e2b37;
border-left: 1px solid #6e6e6e;
border-right: 1px solid #6e6e6e;
border-bottom: 1px solid #1c1c1c;
background-color: #8e8e8e;
margin: 5px 0px 5px 1px
}
}


.tab-head img:hover {
.mw_metadata td, .mw_metadata th {
background-color: #e39827
  border: 1px solid #6a7077;
}
}


.tab-head-active img {
/* List of Uploaded Images Table */
background-color: #e39827;
 
border-top: 1px solid #2A2A2A;
.mw-datatable th {
border-left: 1px solid #2A2A2A;
  background-color: #22593a;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC
}
}


.tab .factorio-icon {
.mw-datatable td {
margin: 0.5px;
  background-color: #0f2b1b;
background-color: #313131;
  border: 1px solid #446233;
border-top: 1px solid #454545;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
border-bottom: 1px solid #191919
}
}


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


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


.tab .factorio-icon:after {
/* Link colors */
position: absolute;
 
pointer-events: none;
a {color: #c0dfff; text-decoration: none;}
display: none;
a:hover {color: #eaf4ff; text-decoration: underline dotted #eaf4ff;}
z-index: 1000;
a:visited {color: #c1dfff; text-decoration: none;}
background-color: rgba(67, 67, 72, 0.8);
a:active {color: #fff; text-decoration: underline dotted #fff;}
padding: 8px 8px;
 
min-width: 125px;
/* External Links */
font-family: 'Titillium Web',sans-serif;
 
color: white
.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;
}
}


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


.factorio-contentcell .inventory {
 
margin: auto;
 
width: 500px
/* More Sidebar Stuff */
 
#p-logo {
  margin-bottom: 0em;
  margin-top: -5px;
}
}


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


.factorio-list ul {
.mw-body {
list-style-image: none;
  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 {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
list-style-type: square;
  color: #5f85c7;
}
}


.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:28, 17 December 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-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
  color: #9ec2ff
}


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

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
  color: #5f85c7;
}

/* 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=7794"