MediaWiki:Common.css

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

.tocnumber {
  display: none;
}

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

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

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

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

#footer-places,
#edittab,
.mw-editsection,
#site-tools,
.multipleTemplateInstance,
#site-navigation,
#page-tools,
#catlinks-sidebar,
.select2-match-entire,
.select2-selection__choice {
  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);
  border-style: none !important;
}

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

/* standard link colors */
a:link, a:visited, a:link:active, a:link.new, a:link.extiw, a:link.external, a:link.stub {
  color: #1a8bf3;
}

a:hover, a:hover:visited {
  color: #729c0c;
}

a:active {
  color: #00ff00;
}

a.new:visited {
  color: #f31aa4 !important;
}

/* Whitelink */
span.whitelink a:link,
span.whitelink a:visited,
span.whitelink a:link:active,
span.whitelink a:link.new,
span.whitelink a:link.extiw,
span.whitelink a:link.external,
span.whitelink a:link.external.visited,
span.whitelink a:link.stub {
  color: #ffffff;
}

.mw-body-content a.external,
.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,
.siteSub {
  color: #dddddd;
}

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

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

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

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

@media only 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, .multipleTemplateInstance {
  padding: 0px !important;
}

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

  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, .sortable .row-odd {
  background-color: #343a40;
  color: #dddddd;
  border: none !important;
  padding: 15px;
}

.smwtable .song a {
  font-weight: bold;
  padding: 15px;
  border: none !important;
}

.sortable .headerSort {
  background-color: #2c3237 !important;
  color: #dddddd;
  border: none;
  padding: 15px;
}

.wikitable {
  border: none !important;
}

#td {
  background-color: #343a40;
  color: #dddddd;
  border-top: none !important;
  padding: 15px;
}

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

.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: 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: 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,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-unpressed,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background-color: rgba(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,
.mw-header-tabs-wrapper,
.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,
body.page-Category_Year #mw-pages {
  display: none;
}