MediaWiki:Common.css: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(256 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
 
*Mailchimp Form*/
 
#mc_embed_signup{
false;clear:left;
}
 
.mailchimpform{
background: rgba(0, 0, 0, 0.3);!important
padding: 5;!important
}
 


.tocnumber { display: none; }
.tocnumber { display: none; }
Line 18: Line 30:
h1 {
h1 {
     font-family: Trebuchet MS;
     font-family: Trebuchet MS;
    color: #dddddd;
}
}


Line 23: Line 36:
     font-family: Trebuchet MS;
     font-family: Trebuchet MS;
font: 20px;
font: 20px;
color: #dddddd;
}
.mw-headline {
    font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}
}


#firstHeading{
#firstHeading{
font:bold 30px Trebuchet MS;
font:bold 30px Trebuchet MS;
color: #dddddd;
border-bottom:0px !important;
}
}


.mw-body-content h2 {
.mw-body-content h2 {
     font:italic 20px Trebuchet MS;
     font:italic 20px Trebuchet MS;
    color: #dddddd;
}
}


span.whitelink a { color: white; }
.mw-body-content h2 {
    font-family: Tahoma, sans-serif;
    color: #dddddd;
}


/* CSS placed here will affect users of the Timeless skin */
#footer-places { display: none; }
@import url(https://tools-static.wmflabs.org/fontcdn/css?family=Merriweather);
 
html {
#edittab { display: none; }
background: rgb(0,0,0) !important;
 
height: 100%;
 
font-size: 1.1em;
.mw-editsection { display: none; }
filter: brightness(100%) contrast(100%) grayscale(0%) !important;
 
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
body{ background: dark charcoal; }
overflow-x: hidden;
 
#mw-content-container { background-color: #333333;
border-bottom: solid 4px #ffc411;
}
}
body {
 
margin: 0;
#mw-content { background-color: rgba(201, 76, 76, 0.0);  
background: #000;
border-style: none !important;
color: #ccccff;
font-family: 'Merriweather', serif;
}
}
a {
 
color: #cc6600;
.templateForm { background-color: rgba(201, 76, 76, 0.0);
border-style: none !important;
}
}
a:hover, a:visited {
 
color: #cc3300;
#site-tools { display: none;
}
background-color: #555555 !important;
h1 {
color: #dddddd;}
color: white;
 
text-shadow: 1px 1px 1px #000;
#smw-property-req-violation-change-propagation-locked-error {
font-size: 40px !important;
color: #000000;}
}
 
h1, h2, h3, h4 {
.multipleTemplateInstance { background-color: #555555 !important;
color: #6699ff;
color: #dddddd;}
font-family: 'Merriweather', serif;
 
}
#site-navigation { background-color: #555555 !important;
#personal .dropdown b {
color: #dddddd;}
font-weight: normal;
 
}
#page-tools { background-color: #555555 !important;  
b, strong {
color: #dddddd;}
text-shadow: 1px 1px 1px #000;
 
}
#catlinks-sidebar { background-color: #555555 !important;
#f-list {
color: #dddddd;}
text-align: center;
 
font-size: 14px;
.select2-match-entire { background-color: #555555 !important;  
}
color: #dddddd;}
div.editOptions {
 
border: #222;
.select2-selection__choice { background-color: #555555 !important;  
background: #555;
color: #dddddd;}
}
 
#mw-header-nav-hack {
/* standard link colors */
border-top: solid 2px #333;
a:link { color: #1a8bf3; } /* normal unvisited links */
background: #333;
a:link:visited { color: #6bb1f2; } /* visited links */
}
a:link:active { color: #1a67f3; } /* active links */
#mw-site-navigation .sidebar-inner {
a:link.new { color: #f31aa4; } /* new links */
background: #333;
a:link.extiw { color: #1a67f3; } /* interwiki links */
border: 0;
a:link.external { color: #1a67f3; } /* external links */
}
a:link.stub { color: #009da5; } /* hovered links */
@media screen and (min-width: 851px) {
 
#p-logo-text a {
a:link {color: #1a8bf3}
position: fixed;
a:visited {color: #6bb1f2}
right: 75vw;
a:hover {color: #729c0c}
a:hover:visited {color: #729c0c}
a:active {color: #00ff00}
a.new:visited { color: #f31aa4 !IMPORTANT; }
 
/* Whitelink */
span.whitelink a:link { color: #ffffff; } /* normal unvisited links */
span.whitelink a:link:hover { color: #000000; } /* normal unvisited links */
span.whitelink a:visited { color: #ffffff; } /* visited links */
span.whitelink a:link:active { color: #ffffff; } /* active links */
span.whitelink a:link.new { color: #ffffff; } /* new links */
span.whitelink a:link.extiw { color: #ffffff; } /* interwiki links */
span.whitelink a:link.external { color: #ffffff; } /* external links */
span.whitelink a:link.external.visited { color: #ffffff; } /* external links */
span.whitelink a:link.stub { color: #ffffff; } /* hovered links */
 
.mw-body-content a.external {color: #ffc411 !important;}
.mw-body-content a.external:visited {color: #ffc411 !important;}
.mw-body-content a.external:hover {color: #ff7b11  !important;}
 
 
.mw-body-content {color: #dddddd;}
 
.p-banner a {color: #dddddd;
}
}
.siteSub {color: #dddddd;
}
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
#p-logo-text {
.thumbcaption{
margin-top: 0;
    width: 120px!important;
}}
 
#mw-header-container {background-color: #111111 ;
    font-family: Trebuchet MS;
}
}
.mw-wiki-title long {
    font-family: Trebuchet MS;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
#p-logo-text a.long {
#p-banner {
padding-left: 7px;
    font-family: Trebuchet MS;
float: left;
font-size: 23px !important;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-inner {
background: #222 !important;
border: solid #111;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
background: #222;
border: solid #111;
}
}
#mw-site-navigation .sidebar-chunk {
border: outset #222;
background: #333;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
@media screen and (max-width: 851px) {
#mw-site-navigation .sidebar-chunk {
padding: 0 15px 5px 20px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
background: #222 !important;
border: solid #111 !important;
}
}
.mw-parser-output a.external {
color: #ff9900;
}
#searchInput {
padding: 0.2em 4.5em 0.2em 2em !important;
margin: 0;
}
#searchInput-container {
background: #333;
height: 35px;
}
#simpleSearch {
border: inset 1px #000;
border-radius: 3px;
background: #333;
height: 35px;
width: 48vw;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 7px;
}
#user-tools {
position: fixed;
right: 86px;
}
@media screen and (min-width: 851px) {
#user-tools {
left: 74vw;
top: 5px;
}
}
.mw-notification {
background: #222;
border: #111;
background: #111;
border-radius: 5px;
color: #999;
width: 200px;
}
.postedit-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
padding: 15px 0 15px 15px;
text-align: right;
}
.postedit-icon {
margin: auto;
padding: 0;
}
.mw-wiki-logo {
background-size: contain;
}
#mw-header-container {
background: #555;
}
#mw-header {
width: 100%;
max-width: 100%;
padding: 0;
position: static;
}
@media screen and (max-width: 850px) {
#menus-cover {
background: #000;
}
}
}
 
@media screen and (max-width: 850px) {
#mw-header-container {color: #eeeeee!important;}
#personal h2 {
.mw-page-header-links {color: #eeeeee!important;}
display: none;
#mw-header-container a {color: #eeeeee!important;}
}
.mw-page-header-links a {color: #eeeeee!important;}
}
 
#mw-content-container {
#mw-page-header-links {color: #eeeeee!important;}
background: #1d1d16;
.mw-page-header-links {color: #eeeeee!important;}
#mw-page-header-links a {color: #eeeeee!important;}
.mw-page-header-links a {color: #eeeeee!important;}
 
#personal .dropdown {
background: #222!important;
border: solid #000;
}
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
#mw-content-block {
#mw-content-block {
background: #000;
padding: 20px;
background: #333333;
}}
 
.color-left {
background: #f63025;
}
}
.color-right {
background: #729c0c;
}
}
@media screen and (max-width: 850px) {
 
#site-tools h2 {
.color-middle {
right: 3em;
background: #1a8bf3;
top: 0.9em;
padding-bottom: 5px;
}
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}
}
@media screen and (max-width: 850px) {
 
#p-logo-text a.long {
#content a.external {
width: 100%;
    background: none !important;
top: 7px;
    padding: 0 !important;
text-align: center;
font-size: 40px !important;
}
}
.instanceMain { padding: 0px !important;
}
}
@media screen and (min-width: 851px) {
 
#p-logo-text {
.multipleTemplateInstance { padding: 0px !important;
width: 29em;
}
}
@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsul {
    column-count: 2;
}
}
@media screen and (min-width: 851px) {
#personal h2:after {
width: 36px;
}
}
@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsmainserieslist {
    column-count: 8;
}
}
@media screen and (max-width: 850px) {
ul.smw-format.ul-format.columnsthreelist {
#p-logo-text {
    column-count: 3;
position: static;
left: 0 !important;
right: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
top: 3.3em;
}
}
ul.smw-format.ul-format.columnstwolist {
    column-count: 2;
}
}
@media only screen and (min-width: 992px) and (max-width:768px) {
ul.smw-format.ul-format.columnsfourlist {
#p-logo-text {
    column-count: 4;
right:74vw;
}
}
ul.smw-format.ul-format.columnsfivelist {
    column-count: 5;
}
}
@media only screen and (min-width: 900px) and (max-width:100px) {
 
#p-logo-text {
ul.smw-format.ul-format.columnssixlist {
right: 74vw;
    column-count: 6;
top: 3em;
}
}
}
}
@media screen and (max-width: 900px) and (min-width: 100px) {
@media only screen and (max-width: 849px) {
#p-logo-text a.long {
ul.smw-format.ul-format.columnsmainserieslist {
font-size: 43px !important;
    column-count: 2;
}
}
}
}
@media screen and (max-width: 1700px) and (min-width: 800px) {
 
#p-logo-text {
.jumbotron {color: #333333 !important;
left: 12px !important;
}
}
/* even and odd in tables */
.sortable .row-even {
    background-color: #343a40;
    color: #dddddd;
    border-top: none !important;
            border-width: 0px;
    padding: 15px;
}
}
@media screen and (max-width: 1700px) and (mix: 851px) {
.sortable .row-odd {
#mw-site-navigation {
    background-color: #373d43;
background: #000;
        color: #dddddd;
        border: none !important;
        border-width: 0px;
            padding: 15px;
}
}
.smwtable .song a{
  font-weight: bold;
      padding: 15px;
              border-width: 0px;
}
}
#mw-content {
 
background: #333;
.sortable .headerSort{
border: solid #946c20;
    background-color: #2c3237!important;
-webkit-border-bottom-right-radius: 4px;
        color: #dddddd;
-webkit-border-bottom-left-radius: 4px;
        border: none;
-moz-border-radius-bottomright: 4px;
                border-width: 0px;
-moz-border-radius-bottomleft: 4px;
            padding: 15px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
}
#mw-page-header-links li.selected a {
.wikitable{
color: #cccc00;
        border: none !important;
                border-width: 0px;
}
}
#mw-related-navigation .sidebar-chunk {
#td{
background: #333;
    background-color: #343a40;
border: outset #222;
    color: #dddddd;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
    border-top: none !important;
border-radius: 3px;
            border-width: 0px;
    padding: 15px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
#mw-related-navigation .sidebar-chunk {
.thumbinner{
background: #333;
    background-color: rgba(201, 76, 76, 0.0)!important;
border: outset #222;
    border: none !important;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
            border-width: 0px;
border-radius: 3px;
padding: 0 15px 5px 20px;
}
}
.magnify { display: none; }
.oo-ui-widget{
    padding: 2px;
  font-size: 100%;
}
}
.color-middle-container, .ts-inner {
 
padding: 0;
.oo-ui-labelElement-label{
  font-size: 85%!important;
}
}
#p-logo-text {
 
left: 120px;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget
{      background-image: -webkit-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -moz-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -ms-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -o-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: linear-gradient(to bottom, #1a8ef3, #195d9c);
  font-size: 85%;
  padding: 4px;
  margin:3px;
  color: #ffffff;
}
}
#p-logo-text a.long {
 
padding-top: 5px;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget:hover
padding-left: 6px;
{     background-image: -webkit-linear-gradient(top, #f62f25, #8c1a14);
font-size: 30px;
  background-image: -moz-linear-gradient(top, #f62f25, #8c1a14);
text-shadow: 1px 1px 1px #222;
  background-image: -ms-linear-gradient(top, #f62f25, #8c1a14);
  background-image: -o-linear-gradient(top, #f62f25, #8c1a14);
  background-image: linear-gradient(to bottom, #f62f25, #8c1a14);
  font-size: 85%;
  padding: 4px;
  margin:3px;
  color: #ffffff!important;
}
}
#p-search {
 
width: 70em;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-pressed {
padding-right: 33px;
background-color: rgb(234, 236, 240, 0)!important;
text-align: center;
}
}
#personal .dropdown h3 {
 
line-height: 25px;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-unpressed
{
background-color: rgb(234, 236, 240, 0)!important;
text-align: center;
}
}
#personal h2 {
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
text-shadow: 2px 2px 0 #333;
{
padding-top: 7px;
background-color: rgb(234, 236, 240, 0)!important;
font-size: 24px;
text-align: center;
text-transform: lowercase;
}
}
#personal .dropdown {
 
background: #222!important;
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout.oo-ui-tabPanelLayout-active
border: solid #000;
{
border:none!important;
padding-right: 0!important;
padding-left: 0!important;
}
}
.codeEditor-status {
 
color: #000;
.mw-header-tabs-wrapper
{  
border:none!important;
}
}
.oo-ui-labelElement-label {
 
text-shadow: 1px 2px #333;
.section-1.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout
{  
border:none!important;
padding-right: 0!important;
padding-left: 0!important;
}
}
#iframeframe {
 
height: 700px;
.nowraplinks a,
.nowraplinks .selflink {  
  white-space: nowrap;
}
}
#wpSave {
 
text-shadow: 2px 2px 2px #000 !important
body.page-Category_Year #mw-subcategories {display: none}
body.page-Category_Year #mw-pages {display: none}
 
* Styles for Home page tables*
 
.mw-parser-output .mp-box {
padding:0 0.5em 0.5em;
margin-top:4px
}
}
#mw-footer-container {
.mw-parser-output .mp-h2,
background: #000;
body.skin-timeless .mw-parser-output .mp-h2 {
padding-top: 1em;
margin:0.5em 0;
padding:0.2em 0.4em;
font-size:120%;
font-weight:bold;
font-family:inherit
}
}
fieldset {
.mw-parser-output .mp-later {
background: #222!important;
font-size:85%;
border: solid #111;
font-weight:normal
}
}
input {
.mw-parser-output #mp-topbanner {
background: #333;
border: solid 1px #111!important;
border-radius: 2px;
padding-left: 5px;
color: #999;
}
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
.mw-parser-output #mp-welcomecount {
border: solid 1px #333!important;
text-align:center;
border-bottom: 0!important;
margin:0.4em
text-shadow: 0 0 0 #000 !important;
border-bottom: solid 1px #333!important;
}
}
.oo-ui-flaggedElement-destructive {
.mw-parser-output #mp-welcome {
background: #111;
font-size:162%;
border: 1px solid #444;
padding:0.1em
color: #FF3333 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.oo-ui-flaggedElement-destructive:hover {
.mw-parser-output #mp-welcome h1 {
background: #222;
font-size:inherit;
color: #CC0000 !important;
font-family:inherit;
display:inline;
border:none
}
}
#searchInput {
.mw-parser-output #mp-free {
border: 0!important;
font-size:95%
}
}
@media screen and (max-width: 850px) {
.mw-parser-output #articlecount {
#searchInput {
font-size:85%
padding: 0 0 0 6px !important;
}
}
.mw-parser-output .mp-contains-float::after {
content:"";
display:block;
clear:both
}
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
.mw-parser-output #mp-banner {
background-color: #333;
color: #fff;
}
}
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
.mw-parser-output #mp-left {
line-height: 0.5em;
background: rgba(0, 0, 0, 0.2);!important
padding:10px;!important
}
}
#pagehistory li.selected {
 
background-color: #555;
.mw-parser-output #mp-tfa{
margin:10px;!important
padding:10px;!important
}
}
.warningbox {
 
background: #1d1d16;
.mw-parser-output #mp-left .mp-h2 {
}
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
.mw-parser-output #mp-right {
color: #FF3333;
background: rgba(0, 0, 0, 0.2);!important
padding:10px;!important
}
}
.mw-plusminus-neg {
.mw-parser-output #mp-right .mp-h2 {
color: #FF0000;
}
}
#searchButton, #mw-searchButton {
.mw-parser-output #mp-middle {
border: 0 !important;
left: 38vw;
right: 0;
margin-left: auto;
margin-right: auto;
}
}
#mw-footer-container a:hover {
.mw-parser-output #mp-middle .mp-h2 {
color: #ffff33;
}
}
#mw-footer-container a:visited {
.mw-parser-output #mp-lower {
color: #ffff66;
 
}
}
#mw-footer .footer-places li {
.mw-parser-output #mp-lower .mp-h2 {
float: right;
 
display: block;
}
#mw-footer ul, #mw-footer li {
margin: 0 auto;
}
#mw-footer #lastmod {
float: left;
left: 25px;
}
.diff-addedline .diffchange {
background: #1d1d16;
padding-left: 7px;
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
text-shadow: 0 0 0 #000 !important;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000
}
.oo-ui-panelLayout-expanded {
background: #222;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right: 1px solid #111
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #111;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #111;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid #000;
}
}
.wikiEditor-ui .wikiEditor-ui-top {
.mw-parser-output #mp-bottom {
border-bottom: 1px solid #000;
}
}
textarea[style] {
.mw-parser-output #mp-bottom .mp-h2 {
background: #111 !important;
color: #fff;
}
}
pre, .mw-code {
@media(max-width:875px) {
background: #222;
.mw-parser-output #mp-tfp table,
color: #B0B0B0;
.mw-parser-output #mp-tfp tr,
border: 1px solid #444;
.mw-parser-output #mp-tfp td,
.mw-parser-output #mp-tfp tbody {
  display:block!important;
  width:100%!important;
  box-sizing:border-box
}
.mw-parser-output #mp-tfp tr:first-child td:first-child a {
  text-align:center;
  display:table;
  margin:0 auto
}
}
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
@media(min-width:875px) {
background-color: #B0B0B0;
.mw-parser-output #mp-upper {
border: 1px solid #333;
  display:flex
}
.mw-parser-output #mp-left {
  flex:1 1 55%;
  margin-right:2px
}
.mw-parser-output #mp-right {
  flex:1 1 45%;
  margin-left:2px
}
}
}

Latest revision as of 13:18, 10 August 2023

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

*Mailchimp Form*/

#mc_embed_signup{
	false;clear:left; 
	
}

.mailchimpform{
	background: rgba(0, 0, 0, 0.3);!important
	padding: 5;!important
}


.tocnumber { display: none; }

label.checkboxLabel {
width: 200px;
display: block;
float: left;
}

label.radioButtonItem {
width: 200px;
display: block;
float: left;
}

h1 {
    font-family: Trebuchet MS;
    color: #dddddd;
}

#mw-headline {
    font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}

.mw-headline {
    font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}

#firstHeading{
	font:bold 30px Trebuchet MS;
	color: #dddddd;
	border-bottom:0px !important;
}

.mw-body-content h2 {
    font:italic 20px Trebuchet MS;
    color: #dddddd;
}

.mw-body-content h2 {
    font-family: Tahoma, sans-serif;
    color: #dddddd;
}

#footer-places { display: none; }

#edittab { display: none; }


.mw-editsection { display: none; }

body{ background: dark charcoal; }

#mw-content-container { background-color: #333333;
		border-bottom: solid 4px #ffc411;
}

#mw-content { background-color: rgba(201, 76, 76, 0.0); 
	border-style: none !important;
}

.templateForm { background-color: rgba(201, 76, 76, 0.0); 
	border-style: none !important;
}

#site-tools { display: none;
background-color: #555555 !important; 
color: #dddddd;}

#smw-property-req-violation-change-propagation-locked-error {
color: #000000;}

.multipleTemplateInstance { background-color: #555555 !important; 
color: #dddddd;}

#site-navigation { background-color: #555555 !important; 
color: #dddddd;}

#page-tools { background-color: #555555 !important; 
color: #dddddd;}

#catlinks-sidebar { background-color: #555555 !important; 
color: #dddddd;}

.select2-match-entire { background-color: #555555 !important; 
color: #dddddd;}

.select2-selection__choice { background-color: #555555 !important; 
color: #dddddd;}

/* standard link colors */
a:link { color: #1a8bf3; } /* normal unvisited links */
a:link:visited { color: #6bb1f2; } /* visited links */
a:link:active { color: #1a67f3; } /* active links */
a:link.new { color: #f31aa4; } /* new links */
a:link.extiw { color: #1a67f3; } /* interwiki links */
a:link.external { color: #1a67f3; } /* external links */
a:link.stub { color: #009da5; } /* hovered links */

a:link {color: #1a8bf3}
a:visited {color: #6bb1f2}
a:hover {color: #729c0c}
a:hover:visited {color: #729c0c}
a:active {color: #00ff00}
a.new:visited { color: #f31aa4 !IMPORTANT; }

/* Whitelink */
span.whitelink a:link { color: #ffffff; } /* normal unvisited links */
span.whitelink a:link:hover { color: #000000; } /* normal unvisited links */
span.whitelink a:visited { color: #ffffff; } /* visited links */
span.whitelink a:link:active { color: #ffffff; } /* active links */
span.whitelink a:link.new { color: #ffffff; } /* new links */
span.whitelink a:link.extiw { color: #ffffff; } /* interwiki links */
span.whitelink a:link.external { color: #ffffff; } /* external links */
span.whitelink a:link.external.visited { color: #ffffff; } /* external links */
span.whitelink a:link.stub { color: #ffffff; } /* hovered links */

.mw-body-content a.external {color: #ffc411 !important;}
.mw-body-content a.external:visited {color: #ffc411 !important;}
.mw-body-content a.external:hover {color: #ff7b11  !important;}


.mw-body-content {color: #dddddd;}

.p-banner a {color: #dddddd;
}

.siteSub {color: #dddddd;
}

@media screen and (max-width: 850px) {
.thumbcaption{
    width: 120px!important;
}}

#mw-header-container {background-color: #111111 ; 
	    font-family: Trebuchet MS;
}

.mw-wiki-title long {
		    font-family: Trebuchet MS;
}

#p-banner {
		    font-family: Trebuchet MS;
}

#mw-header-container {color: #eeeeee!important;}
.mw-page-header-links {color: #eeeeee!important;}
#mw-header-container a {color: #eeeeee!important;}
.mw-page-header-links a {color: #eeeeee!important;}

#mw-page-header-links {color: #eeeeee!important;}
.mw-page-header-links {color: #eeeeee!important;}
#mw-page-header-links a {color: #eeeeee!important;}
.mw-page-header-links a {color: #eeeeee!important;}

#personal .dropdown {
	background: #222!important;
	border: solid #000;
}
@media screen and (max-width: 850px) {
#mw-content-block {
	padding: 20px;
	background: #333333;
}}

.color-left {
	background: #f63025;
}

.color-right {
	background: #729c0c;
}

.color-middle {
	background: #1a8bf3;
}


@media screen and (max-width: 719px) {
	.thumb {
		float: none;
	}
	.thumb, .thumbinner {
		margin-left: auto;
		margin-right: auto;
	}
}

#content a.external {
    background: none !important;
    padding: 0 !important;
}

.instanceMain { padding: 0px !important;
}

.multipleTemplateInstance { padding: 0px !important;
}



@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsul {
    column-count: 2;
}
}

@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsmainserieslist {
    column-count: 8;
}
ul.smw-format.ul-format.columnsthreelist {
    column-count: 3;
}
ul.smw-format.ul-format.columnstwolist {
    column-count: 2;
}
ul.smw-format.ul-format.columnsfourlist {
    column-count: 4;
}

ul.smw-format.ul-format.columnsfivelist {
    column-count: 5;
}

ul.smw-format.ul-format.columnssixlist {
    column-count: 6;
}
}
@media only screen and (max-width: 849px) {
ul.smw-format.ul-format.columnsmainserieslist {
    column-count: 2;
}
}

.jumbotron {color: #333333 !important;
}
/* even and odd in tables */
.sortable .row-even {
    background-color: #343a40;
    color: #dddddd;
    border-top: none !important;
            border-width: 0px;
    padding: 15px;
}
.sortable .row-odd {
    background-color: #373d43;
        color: #dddddd;
        border: none !important;
        border-width: 0px;
            padding: 15px;
}
.smwtable .song a{
  font-weight: bold;
      padding: 15px;
              border-width: 0px;
}

.sortable .headerSort{
    background-color: #2c3237!important;
        color: #dddddd;
        border: none;
                border-width: 0px;
            padding: 15px;
}
.wikitable{
        border: none !important;
                border-width: 0px;
}
#td{
    background-color: #343a40;
    color: #dddddd;
    border-top: none !important;
            border-width: 0px;
    padding: 15px;
}

.thumbinner{
    background-color: rgba(201, 76, 76, 0.0)!important;
    border: none !important;
            border-width: 0px;
}

.magnify { display: none; }

.oo-ui-widget{
	    padding: 2px;
  font-size: 100%;
}

.oo-ui-labelElement-label{
	  font-size: 85%!important;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget
{      background-image: -webkit-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -moz-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -ms-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: -o-linear-gradient(top, #1a8ef3, #195d9c);
  background-image: linear-gradient(to bottom, #1a8ef3, #195d9c);
  font-size: 85%;
  padding: 4px;
  margin:3px;
  color: #ffffff;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget:hover
{      background-image: -webkit-linear-gradient(top, #f62f25, #8c1a14);
  background-image: -moz-linear-gradient(top, #f62f25, #8c1a14);
  background-image: -ms-linear-gradient(top, #f62f25, #8c1a14);
  background-image: -o-linear-gradient(top, #f62f25, #8c1a14);
  background-image: linear-gradient(to bottom, #f62f25, #8c1a14);
  font-size: 85%;
  padding: 4px;
  margin:3px;
  color: #ffffff!important;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-pressed {
	background-color: rgb(234, 236, 240, 0)!important;
	text-align: center;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-unpressed
{
	background-color: rgb(234, 236, 240, 0)!important;
	text-align: center;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
{
	background-color: rgb(234, 236, 240, 0)!important;
	text-align: center;
}

.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout.oo-ui-tabPanelLayout-active
{
	border:none!important;
	padding-right: 0!important;
	padding-left: 0!important;
}

.mw-header-tabs-wrapper
{    
	border:none!important;
}

.section-1.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout
{    
	border:none!important;
		padding-right: 0!important;
	padding-left: 0!important;
}

.nowraplinks a,
.nowraplinks .selflink { 
  white-space: nowrap;
}

body.page-Category_Year #mw-subcategories {display: none}
body.page-Category_Year #mw-pages {display: none}

* Styles for Home page tables*

.mw-parser-output .mp-box {
 padding:0 0.5em 0.5em;
 margin-top:4px
}
.mw-parser-output .mp-h2,
body.skin-timeless .mw-parser-output .mp-h2 {
 margin:0.5em 0;
 padding:0.2em 0.4em;
 font-size:120%;
 font-weight:bold;
 font-family:inherit
}
.mw-parser-output .mp-later {
 font-size:85%;
 font-weight:normal
}
.mw-parser-output #mp-topbanner {
}
.mw-parser-output #mp-welcomecount {
 text-align:center;
 margin:0.4em
}
.mw-parser-output #mp-welcome {
 font-size:162%;
 padding:0.1em
}
.mw-parser-output #mp-welcome h1 {
 font-size:inherit;
 font-family:inherit;
 display:inline;
 border:none
}
.mw-parser-output #mp-free {
 font-size:95%
}
.mw-parser-output #articlecount {
 font-size:85%
}
.mw-parser-output .mp-contains-float::after {
 content:"";
 display:block;
 clear:both
}
.mw-parser-output #mp-banner {
}
.mw-parser-output #mp-left {
	background: rgba(0, 0, 0, 0.2);!important
	padding:10px;!important
}

.mw-parser-output #mp-tfa{
	margin:10px;!important
	padding:10px;!important
}

.mw-parser-output #mp-left .mp-h2 {
}
.mw-parser-output #mp-right {
	background: rgba(0, 0, 0, 0.2);!important
	padding:10px;!important
}
.mw-parser-output #mp-right .mp-h2 {
}
.mw-parser-output #mp-middle {
}
.mw-parser-output #mp-middle .mp-h2 {
}
.mw-parser-output #mp-lower {

}
.mw-parser-output #mp-lower .mp-h2 {

}
.mw-parser-output #mp-bottom {
}
.mw-parser-output #mp-bottom .mp-h2 {
}
@media(max-width:875px) {
 .mw-parser-output #mp-tfp table,
 .mw-parser-output #mp-tfp tr,
 .mw-parser-output #mp-tfp td,
 .mw-parser-output #mp-tfp tbody {
  display:block!important;
  width:100%!important;
  box-sizing:border-box
 }
 .mw-parser-output #mp-tfp tr:first-child td:first-child a {
  text-align:center;
  display:table;
  margin:0 auto
 }
}
@media(min-width:875px) {
 .mw-parser-output #mp-upper {
  display:flex
 }
 .mw-parser-output #mp-left {
  flex:1 1 55%;
  margin-right:2px
 }
 .mw-parser-output #mp-right {
  flex:1 1 45%;
  margin-left:2px
 }
}