MediaWiki:Common.css

From Golly.Life Wiki

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* arvo-regular - latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('skins/Medik/resources/fonts/arvo-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/arvo-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* arvo-italic - latin */
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('skins/Medik/resources/fonts/arvo-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/arvo-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* arvo-700 - latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('skins/Medik/resources/fonts/arvo-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/arvo-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* arvo-700italic - latin */
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('skins/Medik/resources/fonts/arvo-v14-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/arvo-v14-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ibm-plex-sans-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ibm-plex-sans-italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ibm-plex-sans-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ibm-plex-sans-700italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('skins/Medik/resources/fonts/ibm-plex-sans-v9-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/****************************

Template for team styles:

.team1_fg {
    color: #darkcolor !important;
}

.team2_fg {
    color: #lightcolor !important;
}
.team_border {
    border: medium solid #darkcolor !important
}
.team_bg {
    background-color: #lightcolor !important
}


Template for division styles:

.league_division_border {
    border: medium solid #color !important;
}



# 2 0 2 c 2 b    ----->     the main background color

Original to new color maps:

#1 8 1 a 2 1  ->  #2 1 1 a 1 8  ->  #1 8 1 c 2 1 
#2 1 2 6 2 e  ->  #2 c 2 3 2 0  ->  #2 0 2 9 2 c 
#6 f 8 2 a b  ->  #a a 7 b 6 e  ->  #6 f 8 b 8 a 
#6 d b 4 e 3  ->  #e 3 6 d 9 1  ->  #6 d d b e 3 
#3 a 9 a d 9  ->  #d 9 3 a 6 a  ->  #3 a c f d 9 
#2 0 2 9 2 c  ->  #2 c 2 1 2 0  ->  #2 0 2 c 2 b
#2 9 2 e 3 a  ->  #3 9 2 c 2 8  ->  #2 8 3 3 3 9  ->  #2 8 3 9 3 9

****************************/

.modif-container:not(:first-child) {
    margin-top: 0.25rem;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

.mw-body {
    padding: 0.25em;
    margin-top: 1em;
}

.mw-body-content {
    font-size: 1.2em;
    line-height: 1.75;
}

.mw-body-content p {
    margin: 0.8em 0;
}

.toc {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

h2 {
    border: none;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: 'Arvo', 'Palatino', 'Georgia', serif;
    margin-bottom: 0.3em;
}

/*
/////////////////////////
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
    padding: 0 0 0.15em;
}
////////////////////////
*/

pre,
code,
pre.mw-code.mw-script {
    color: #fefefe;
    background-color: #000;
    border-color: #000;
    overflow: auto;
}

/*
.mw-content-ltr ul {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
*/

.mw-content-ltr ul ul {
    margin-bottom: 0;
}

.mw-content-ltr ol {
    margin: 0 0 0.8em 2em;
}

.mw-content-ltr ol ol {
    margin-bottom: 0;
}

table.wikitable ul,
table.wikitable ol {
    margin-bottom: 0;
}

.list-group-item {
    padding: 0.25rem 0.75rem;
}

.dropdown-item {
    padding: 0.25rem 1.25rem;
}

dl {
    margin: 0;
}

dd {
    min-width: 17.85em;
}

hr {
    border-style: solid;
    border-width: 1px 0 0 0;
    height: initial;
}

aside[role=navigation] {
    font-size: 1rem;
}

table.navbox {
    width: 100%;
    border-spacing: 0px 2px;
    border-collapse: separate;
    line-height: 1.3rem;
}

table.navbox th,
table.navbox .navbox-footer-row td {
    text-align: center;
}

table.navbox th,
table.navbox td {
    padding: 0 0.5rem;
}

table.navbox td {
    background-color: inherit;
}

@media screen and (min-width: 1023px) {
    table.navbox th {
          width: 1%;
          white-space: nowrap;
    }

}

@media screen and (max-width: 1023px) {
    table.navbox tr,
    table.navbox th,
    table.navbox td {
          display: block;
    }

    table.navbox td {
          text-align: center;
    }

}

table.navbox .navbox-title a,
table.navbox .navbox-title a:visited {
    color: inherit !important;
}

table.navbox .navbox-header th {
    width: 100%;
}

#mw-navbar-center {
    display: none;
}

#mw-navbar-center #p-ql-label {
    display: none;
}

#mw-navbar-center li {
    display: inline;
}

#site-navigation {
    display: flex;
    flex-direction: column;
}

#site-navigation form {
    order: 1;
    display: none;
}

#site-navigation div {
    order: 2;
}

#mw-navigation {
    max-height: calc(100vh - 4rem);
}

@media screen and (max-width: 768px) {
    #searchInput {
          width: 100%;
    }

    #mw-navigation {
          display: block;
    }

    #mw-navbar {
          margin-bottom: 0;
          height: 4rem;
    }

    #mw-navbar form {
          display: none;
    }

    #site-navigation #p-search {
          display: block;
          position: static;
          margin-left: 0;
    }

    #siteNotice {
          display: block;
    }

}

#mw-wrapper {
    max-width: 2000px;
    margin: auto;
}

#content {
    padding: 1em 1em 2em;
}

#mw-navigation {
    border-right: none;
    top: 4rem;
    overflow: auto;
    z-index: 1000;
}

#mw-navigation .mw-wiki-logo {
    background-size: contain;
}

#p-personal ul,
#mw-navigation ul,
#p-views ul {
    list-style-image: none;
}

#mw-navigation li:not(:first-child) {
    margin-top: 0.75rem;
}

#mw-navigation a {
    display: inline-block;
    padding: 0.2em 0.75em;
}

@media screen and (max-width: 400px) {
    .mw-wiki-logo {
          width: 100px !important;
    }

}

@media screen and (max-width: 300px) {
    .mw-wiki-logo {
          width: 75px !important;
    }

}

.mw-footer a:hover {
    text-decoration: none;
}

#p-personal li a:not(.dropdown-item):hover,
aside li a:not(.dropdown-item):hover {
    background-color: transparent;
}

#mw-navigation .list-group-item-dark:not(.disabled)::after {
    font-family: "FontAwesome";
    font-weight: 900;
    margin-left: 0.5em;
    content: "\f0d8";
}

#mw-navigation .list-group-item-dark.collapsed:not(.disabled)::after {
    content: "\f0d7";
}

ol.references {
    margin: 0.25rem 0;
}

ol.references li {
    padding: 0.25rem;
    list-style-position: inside;
}

#siteNotice {
    margin: 0.25em;
    display: block;
    font-size: 1.1em;
}

#siteNotice #localNotice {
    background-color: transparent;
    padding-top: 2em;
}

#mw-searchoptions {
    background-color: transparent;
}

@media screen and (max-width: 600px) {
    #mw-htmlform-info > .oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
          width: 100%;
    }

}

.mwe-math-element {
    padding: 0.5rem;
    background-color: #fefefe;
}

.ajaxpoll {
    background: none;
}

.ajaxpoll .ajaxpoll-id-info {
    display: none;
}

#txtSearch {
    max-width: 167px;
}

.ajaxpoll .ajaxpoll-answer-vote,
.ajaxpoll .ajaxpoll-our-vote {
    color: #fefefe;
}

.ajaxpoll .ajaxpoll-answer-vote div {
    border: #363a44;
    background-color: #363a44;
}

.ajaxpoll .ajaxpoll-our-vote div {
    border: #119C9A;
    background-color: #119C9A;
}

td.mw-wikiforum-thread-main,
td.mw-wikiforum-thread-sub {
    word-break: break-word;
}

.profile-icon::before {
    background-color: #181c21;
    border: 1px solid #181c21;
}

.profile-icon {
    background-color: #181c21;
    border: 1px solid #181c21;
    color: #181c21;
}

.sitedir-ltr .mw-dismissable-notice-body {
    width: 100%;
    margin: 0;
}

.sitedir-ltr .mw-dismissable-notice-close {
    position: absolute;
    right: 0.6rem;
}

:root {
    --pi-width: 350px;
    --pi-item-spacing: 0.3em 0.75em;
}

.portable-infobox .pi-header {
    padding: 0.5em 10px;
}

.portable-infobox .pi-data-label {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
    min-width: 70px;
}

@media (max-width: 720px) {
    .portable-infobox {
          width: 100%;
    }

}

.update-embed .mw-wikiforum-leftside {
    display: none;
    visibility: hidden;
}

.update-embed .mw-wikiforum-leftside a {
    display: none;
}

.update-embed .mw-wikiforum-leftside a:last-child {
    display: inline;
    visibility: visible;
    font-size: 3em;
}

.update-embed .mw-wikiforum-leftside a:last-child {
    display: inline;
    visibility: visible;
}

.update-embed .mw-wikiforum-posted,
.update-embed .mw-wikiforum-thread-top {
    display: none;
}

.update-embed td.mw-wikiforum-thread-main ul,
.update-embed td.mw-wikiforum-thread-main ol {
    display: none;
}

.update-embed td.mw-wikiforum-thread-main p {
    display: none;
}

.update-embed td.mw-wikiforum-thread-main p:first-of-type {
    display: block;
}

.featured-embed .pi-type-Season,
.featured-embed .pi-item.pi-title,
.featured-embed .pi-item.pi-panel {
    display: none;
}

a.external {
    background: none;
}

a .see-more {
    padding: 0.5em;
    display: block;
    overflow: hidden;
}

.profile-tab-on {
    font-size: inherit;
    height: auto;
}

.profile-tab {
    height: auto;
}

.profile-icon::before {
    background-color: #181c21;
    border: 1px solid #181c21;
}

.profile-icon {
    background-color: #181c21;
    border: 1px solid #181c21;
    color: #181c21;
}

/*
 * ========================
 * Part 2??
 * I guess?
 * Extracted from FF
 * ========================
 */

.sitedir-ltr .mw-dismissable-notice-body {
    width:100%;
    margin:0
}
.sitedir-ltr .mw-dismissable-notice-close {
    position:absolute;
    right:0.6rem
}
:root {
    --pi-width:350px;
    --pi-item-spacing:0.3em 0.75em
}
.portable-infobox .pi-header {
    padding:0.5em 10px
}
.portable-infobox .pi-data-label {
    font-family:'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
    min-width:70px
}
@media (max-width:720px) {
    .portable-infobox {
     width:100%
    }
}
.update-embed .mw-wikiforum-leftside {
    display:none;
    visibility:hidden
}
.update-embed .mw-wikiforum-leftside a {
    display:none
}
.update-embed .mw-wikiforum-leftside a:last-child {
    display:inline;
    visibility:visible;
    font-size:3em
}
.update-embed .mw-wikiforum-leftside a:last-child {
    display:inline;
    visibility:visible
}
.update-embed .mw-wikiforum-posted,
.update-embed .mw-wikiforum-thread-top {
    display:none
}
.update-embed td.mw-wikiforum-thread-main ul,
.update-embed td.mw-wikiforum-thread-main ol {
    display:none
}
.update-embed td.mw-wikiforum-thread-main p {
    display:none
}
.update-embed td.mw-wikiforum-thread-main p:first-of-type {
    display:block
}
.featured-embed .pi-type-Season,
.featured-embed .pi-item.pi-title,
.featured-embed .pi-item.pi-panel {
    display:none
}
a.external {
    background:none
}
a .see-more {
    padding:0.5em;
    display:block;
    overflow:hidden
}
.profile-tab-on {
    font-size:inherit;
    height:auto
}
.profile-tab {
    height:auto
}
.profile-icon::before {
    background-color:#181c21;
    border:1px solid #181c21
}
.profile-icon {
    background-color:#181c21;
    border:1px solid #181c21;
    color:#181c21
}
body {
    background-color:#181c21
}
hr {
    border-color:#6f8b8a
}
aside a:not(.disabled),
#user-tools button,
#p-banner,
#p-banner:hover,
#p-banner:visited,
.mw-hamb,
#mw-navigation a.nav-link.disabled,
aside a:not(.disabled),
#personal-echo-icons {
    color:#fefefe
}
a,
#mw-navigation a:not(.disabled),
.mw-ui-anchor.mw-ui-progressive.mw-ui-quiet,
aside.portable-infobox a:not(.disabled),
.dropdown-item {
    color:#6ddbe3
}
.flow-topic-title,
.flow-post {
    color:#fefefe
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color:#fefefe;
    border-color:#6f8b8a
}
#less-content p {
    color:#181c21
}
.mw-body-content .mw-number-text h3 {
    color:#fefefe
}
#mw-navigation a:not(.disabled):hover {
    color:#3acfd9
}
#p-personal li a:not(.dropdown-item),
aside li a:not(.dropdown-item),
#p-personal li a:not(.dropdown-item):hover,
aside li a:not(.dropdown-item):hover,
#content a:visited,
#siteNotice a:visited {
    color:#9BA2FF
}
.dropdown-menu,
.catlinks,
.bg-ws,
#mw-main-container {
    background-color:#181c21
}
.toc {
    background-color:#202c2b
}
.toc .tocnumber {
    color:#fefefe
}
.mw-body {
    background-color:#202c2b;
    color:#fefefe
}
.diff-deletedline .diffchange,
.diff-addedline .diffchange {
    color:#181c21
}
.mw-footer {
    background-color:#181c21;
    border-top:1px solid #6f8b8a;
    color:#6f8b8a
}
.mw-footer a {
    color:#6f8b8a
}
.mw-footer a:hover {
    color:#fefefe
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
    background-color:#181c21
}
figcaption,
.thumbcaption {
    color:#181c21
}
ol.references li:target,
sup.reference:target {
    background-color:#fefefe;
    color:#181c21
}
#siteNotice {
    color:#fefefe
}
.list-group-item-dark {
    color:#fefefe;
    background-color:#202c2b
}
#mw-navigation .list-group-item-dark:not(.disabled) {
    color:#fefefe
}
.sitedir-ltr .mw-dismissable-notice-close {
    color:#6ddbe3
}
#personal-echo-icons .oo-ui-icon-tray,
#personal-echo-icons .oo-ui-icon-bell {
    filter:invert(1)
}
a .see-more {
    background-color:#283939;
    color:#fefefe
}
.subheader {
    padding:0.2em 1em;
    color:#fefefe
}
#mw-navigation li:not(.subheader) {
    margin:0 0 0 1em;
    border-left:2px solid #363a44
}
#mw-navigation .mw-portlet-body {
    margin-bottom:1em
}
@media screen and (max-width:768px) {
    #mw-navigation {
     background-color:#181c21
    }
}
a.dropdown-item:hover,
a.dropdown-item:focus,
a.dropdown-item:visited {
    background-color:#363a44;
    color:#fefefe
}
a,
image a {
    color:#6ddbe3
}
a:visited,
image a:visited,
a:active,
image a:active {
    color:#6ddbe3
}
a.new,
image a.new {
    color:#D64045
}
a.new:visited,
image a.new:visited {
    color:#D64045
}
div.vectorTabs li a,
div.vectorMenu li a,
#mw-panel .portal .body li a,
div.vectorTabs li a:visited,
div.vectorMenu li a:visited,
#mw-panel .portal .body li a:visited,
div.vectorTabs li a:active,
div.vectorMenu li a:active,
#mw-panel .portal .body li a:active {
    color:#6ddbe3
}
div.vectorTabs li.new a,
div.vectorMenu li.new a,
#mw-panel .portal .body li.new a,
div.vectorTabs li.new a:visited,
div.vectorMenu li.new a:visited,
#mw-panel .portal .body li.new a:visited,
div.vectorTabs li.new a:active,
div.vectorMenu li.new a:active,
#mw-panel .portal .body li.new a:active {
    color:#D64045
}
a.mw-selflink.selflink {
    color:#fefefe
}
.mw-body-content a.external,
.mw-body-content a.extiw {
    color:#6ddbe3
}
.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
    color:#6ddbe3
}
:root {
    --pi-background:#181c21;
    --pi-secondary-background:#283939;
    --pi-border-color:#363a44
}
#mw-content-text table.wikitable > tr > th,
#mw-content-text table.wikitable > * > tr > th {
    background-color:#181c21
}
#mw-content-text table.wikitable > tr > th,
#mw-content-text table.wikitable > tr > td,
#mw-content-text table.wikitable > * > tr > th,
#mw-content-text table.wikitable > * > tr > td {
    border:1px solid #202c2b
}
table.wikitable {
    border:transparent;
    background:#283939
}
.mw-datatable tr:hover td {
    background-color:#363a44
}
#mw-content-text table.wikitable {
    color:#fefefe
}
table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
    background:#212632
}
.table-yes {
    color:#9f9
}
.mw_metadata td,
.mw_metadata th {
    border-color:#202c2b
}
.mw_metadata th {
    background-color:#181c21
}
.mw_metadata td,
#mw-allmessagestable .am_actual,
#mw-allmessagestable .allmessages-customised .am_default {
    background-color:#283939
}
#mw-allmessagestable .allmessages-customised:hover .am_default,
#mw-allmessagestable .am_actual:hover,
#mw-allmessagestable .allmessages-customised:hover + .allmessages-customised .am_actual {
    background-color:#363a44
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color:#181c21
}
table.wikitable {
    color:#fefefe;
    background:#283939
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
    border:1px solid #6f8b8a
}
tr.mw-abusefilter-list-disabled,
tr.mw-abusefilter-list-disabled td {
    color:#fefefe
}
table.mw-abuselog-details th {
    background:#181c21
}
table.mw-abuselog-details th,
table.mw-abuselog-details td {
    border:1px solid #6f8b8a
}
.mw-abuselog-var-value,
td.mw-abuselog-var {
    background-color:#283939
}
select#infobox-select-0 {
    background:#283939;
    color:#fefefe;
    border-color:#6f8b8a;
    border-block-end-color:#6f8b8a;
    border-block-start-color:#6f8b8a
}
.portable-infobox {
    border:2px solid #283939
}
.portable-infobox .pi-group {
    border:none
}
.flow-topic-title {
    color:#202c2b
}
.flow-topic-title,
.flow-post {
    color:#fefefe
}
.flow-component .ve-ce-documentNode,
.flow-component .ve-ui-surface-placeholder,
.mw-wikiforum-frame,
.flow-topic-title {
    color:#181c21
}
div.flow-board-header.flow-load-interactive span.collapse-button,
div.flow-board-navigation span.oo-ui-indicatorElement-indicator.oo-ui-indicator-down,
div.flow-post-main:not(.flow-topic-titlebar) span:before,
#mw-content-text > div > div.flow-board-header.flow-load-interactive h2:before,
div.flow-board-navigation span.oo-ui-icon-listBullet {
    filter:invert(1)
}
#mw-content-text > div > div.flow-board-navigation > div.oo-ui-widget.oo-ui-widget-enabled.flow-ui-navigationWidget span > a > span.oo-ui-labelElement-label {
    color:#fefefe
}
div.flow-board-header.flow-load-interactive span.collapse-button,
div.flow-board-navigation span.oo-ui-indicatorElement-indicator.oo-ui-indicator-down,
div.flow-post-main:not(.flow-topic-titlebar) span:before,
#mw-content-text > div > div.flow-board-header.flow-load-interactive h2:before,
div.flow-board-navigation span.oo-ui-icon-listBullet {
    filter:invert(1)
}
.mw-plusminus-neg {
    color:#D64045
}
.mw-plusminus-pos {
    color:#119C9A
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background:#181c21
}
.user-home-links-container h2 {
    border-bottom:1px solid #6f8b8a;
    color:#fefefe
}
.user-home-friends-activity h2 {
    color:#fefefe
}
.user-home-activity-timestamp {
    color:#fefefe
}
.user-home-activity {
    border-bottom:1px solid #6f8b8a
}
.item {
    color:#fefefe
}
.item a {
    color:#fefefe
}
.item img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.view-form {
    color:#fefefe
}
.view-status {
    background-color:#283939;
    color:#fefefe
}
.g-give-container {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.g-give-title {
    color:#fefefe
}
.g-add-message {
    color:#fefefe
}
.g-give-all {
    border:1px solid #6f8b8a
}
.g-give-all img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.g-blue {
    color:#6ddbe3 !important
}
.g-give-all-message-title {
    color:#fefefe
}
.g-give-all-highlight {
    background-color:#faf9f9
}
.g-give-all-selected {
    border:1px solid red
}
.ga-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
form[name="gift"]table {
    border-collapse:collapse;
    border:0
}
form[name="gift"]table img {
    border:0
}
a.ga-remove-link {
    color:#D64045
}
table td.title-cell {
    color:#fefefe
}
.top-awards-navigation h1 {
    border-bottom:1px solid #6f8b8a;
    color:#fefefe
}
.top-award-title {
    color:#fefefe
}
.top-award {
    color:#fefefe
}
.top-award-number {
    color:#6f8b8a
}
.g-timestamp {
    color:#fefefe
}
.g-recent {
    border-top:1px solid #202c2b
}
.g-recent img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.g-recent-title {
    color:#fefefe
}
.g-description img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.g-item {
    border:1px solid #6f8b8a
}
.g-item img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.g-new {
    background-color:#283939;
    border:1px solid #181c21
}
.ga-description img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.ga-description-message {
    color:#fefefe
}
.ga-recent {
    border-top:1px solid #202c2b
}
.ga-recent img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.ga-timestamp {
    color:#fefefe
}
.ga-item {
    border:1px solid #6f8b8a
}
.ga-item img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.ga-new {
    background-color:#283939;
    border:1px solid #181c21
}
.ga-recent-title {
    color:#fefefe
}
#blast-friends-list div.blast-friend-selected {
    background-color:#202c2b;
    border:1px solid #181c21;
    color:#3acfd9
}
#blast-friends-list div.blast-foe-selected {
    background-color:#202c2b;
    border:1px solid #181c21;
    color:#3acfd9
}
#blast-friends-list div.blast-friend-unselected {
    border:1px solid #6f8b8a;
    color:#6ddbe3
}
#blast-friends-list div.blast-foe-unselected {
    border:1px solid #6f8b8a;
    color:#6ddbe3
}
.board-blast-message-form h2 {
    color:#fefefe
}
.blast-nav a {
    color:#fefefe
}
.blast-nav h2 {
    color:#fefefe
}
.blast-message-text {
    color:#fefefe
}
.user-board-message {
    border:1px solid #181c21
}
.user-board-message-from {
    background-color:#eef3f0
}
.user-board-message-time {
    color:#fefefe
}
.user-board-message-image img {
    border:1px solid #6f8b8a
}
.user-board-red a {
    color:#D64045
}
select#message_ .user-page-message-count {
    color:#fefefe
}
.user-board-message-type {
    color:#fefefe
}
.g-user-message {
    color:#fefefe
}
.g-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.relationship-item {
    border:1px solid #6f8b8a
}
.relationship-item img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.relationship-action {
    color:#fefefe
}
.relationship-action img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.relationship-message {
    color:#fefefe !important
}
.black-text {
    color:#fefefe !important
}
.red-text {
    color:#D64045 !important
}
.top-fan-num {
    color:#6f8b8a
}
.top-fan-points {
    color:#fefefe
}
.top-fan-level {
    color:#fefefe
}
.top-fan-nav h1 {
    border-bottom:1px solid #6f8b8a;
    color:#fefefe
}
.random-featured-user {
    color:#fefefe
}
.random-featured-user img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
#user-page-left h2 {
    border-bottom:1px solid #6f8b8a;
    color:#fefefe
}
#user-page-right h2 {
    border-bottom:1px solid #6f8b8a;
    color:#fefefe
}
.no-info-container {
    background-color:#202c2b;
    color:#fefefe
}
.item-small {
    color:#fefefe
}
.user-section-heading {
    border-bottom:1px solid #6f8b8a
}
#profile-top {
    border-bottom:1px solid #181c21
}
#profile-toggle-button {
    background-color:#ffa500
}
#profile-toggle-button a {
    color:#202c2b
}
#points-level {
    background-color:#cc0000
}
#points-level a {
    color:#202c2b
}
#profile-image img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.user-relationship-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.user-gift-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.activity-item {
    border-bottom:1px solid #6f8b8a
}
.user-page-message-form-blocked {
    color:#D64045
}
.profile-info-container b {
    color:inherit
}
.profile-info-container div {
    color:#fefefe
}
.casual-game-container p {
    border-top:1px solid #6f8b8a
}
.casual-game-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.article-item {
    border-top:1px solid #6f8b8a
}
.vote-number {
    background-color:#89c46f;
    color:#202c2b
}
.vote-text {
    color:#fefefe
}
.picture-container img {
    background-color:#202c2b;
    border:1px solid #6f8b8a
}
.upload-frame-errors {
    color:#D64045
}
.no-pictures-container {
    background-color:#eff3f0;
    color:#fefefe
}
.profile-update-button {
    background-color:#fefefe;
    border:1px solid #6f8b8a;
    color:#6f8b8a
}
.profile-update-title {
    color:#fefefe
}
.profile-update-unit-left {
    color:#fefefe
}
.profile-update-unit-small {
    color:#fefefe
}
.profile-update-row {
    color:#fefefe
}
.profile-status {
    background-color:#fefefe
}
.profile-on {
    background-color:#fefefe;
    border:1px solid #6f8b8a
}
.profile-board-message-type {
    color:#fefefe
}
.eye-container .title {
    color:#202c2b
}
.eye-container .menu .item {
    color:#202c2b
}
.eye-container .menu .item:hover {
    background-color:#202c2b;
    color:#6ddbe3
}
#mainTable > tbody > tr > th:nth-child(3),
#mainTable > tbody > tr > td:nth-child(4) {
    background-color:#363a44 !important
}
#mw-content-text > form > div.templateForm > div > fieldset > div > div:nth-child(2n+1) {
    background-color:#181c21 !important
}
#mw-content-text > form > div.templateForm > div > fieldset > div > div:nth-child(2n) {
    background-color:#283939 !important
}
table.navbox th.navbox-subrow-header {
    color:#fefefe !important
}
table.navbox th.navbox-row-header {
    background-color:#363a44
}
table.navbox .navbox-header th,
table.navbox .navbox-footer-row td {
    background-color:#181c21
}
@media screen and (max-width:1023px) {
    table.navbox th.navbox-row-header {
     border-bottom:1px solid #202c2b
    }
    table.navbox th.navbox-subrow-header {
     background-color:#181c21
    }
}
@media screen and (min-width:1024px) {
    table.navbox th.navbox-row-header {
     border-right:2px solid #fefefe
    }
    table.navbox th.navbox-subrow-header {
     background-color:#202c2b;
     border-right:2px solid #fefefe
    }
    table.navbox tr:nth-child(odd),
    table.navbox .navbox-header-row th {
     background-color:#181c21
    }
}
table.navbox .navbox-row-header a,
table.navbox .navbox-subrow-header a {
    color:#fefefe !important
}
table.navbox .mw-collapsible-toggle a {
    color:#fefefe
}

/*
 * ============================
 * golly team colors
 * added by ch4zm
 * 2021-02-04
 * ============================
 */

.aa_fg {
    color: #ff1717 !important;
}
.aa_border {
    border: medium solid #ff1717 !important;
}
.aa_bg {
    background-color: #ff1717 !important;
}


.atl_fg {
    color: #697a21 !important;
}
.atl_border {
    border: medium solid #697a21 !important;
}
.atl_bg {
    background-color: #697a21 !important;
}


.btx_fg {
    color: #3e92cc !important;
}
.btx_border {
    border: medium solid #3e92cc !important;
}
.btx_bg {
    background-color: #3e92cc !important;
}


.deco_fg {
    color: #a0e7e8 !important;
}
.deco_border {
    border: medium solid #a0e7e8 !important;
}
.deco_bg {
    background-color: #a0e7e8 !important;
}


.det_fg {
    color: #9963ab !important;
}
.det_border {
    border: medium solid #9963ab !important;
}
.det_bg {
    background-color: #9963ab !important;
}


.ea_fg {
    color: #a0e7e5 !important;
}
.ea_border {
    border: medium solid #a0e7e5 !important;
}
.ea_bg {
    background-color: #a0e7e5 !important;
}


.fwpt_fg {
    color: #ef6f6c !important;
}
.fwpt_border {
    border: medium solid #ef6f6c !important;
}
.fwpt_bg {
    background-color: #ef6f6c !important;
}


.osha_fg {
    color: #53917e !important;
}
.osha_border {
    border: medium solid #53917e !important;
}
.osha_bg {
    background-color: #53917e !important;
}


.lbfb_fg {
    color: #f2c57c !important;
}
.lbfb_border {
    border: medium solid #f2c57c !important;
}
.lbfb_bg {
    background-color: #f2c57c !important;
}


.milf_fg {
    color: #ff66cc !important;
}
.milf_border {
    border: medium solid #ff66cc !important;
}
.milf_bg {
    background-color: #ff66cc !important;
}


.orl_fg {
    color: #0dab76 !important;
}
.orl_border {
    border: medium solid #0dab76 !important;
}
.orl_bg {
    background-color: #0dab76 !important;
}


.sac_fg {
    color: #ffb627 !important;
}
.sac_border {
    border: medium solid #ffb627 !important;
}
.sac_bg {
    background-color: #ffb627 !important;
}


.sdba_fg {
    color: #f08700 !important;
}
.sdba_border {
    border: medium solid #f08700 !important;
}
.sdba_bg {
    background-color: #f08700 !important;
}


.sfbs_fg {
    color: #e7d7c1 !important;
}
.sfbs_border {
    border: medium solid #e7d7c1 !important;
}
.sfbs_bg {
    background-color: #e7d7c1 !important;
}


.ss_fg {
    color: #e86215 !important;
}
.ss_border {
    border: medium solid #e86215 !important;
}
.ss_bg {
    background-color: #e86215 !important;
}


.tb_fg {
    color: #BB0000 !important;
}
.tb_border {
    border: medium solid #BB0000 !important;
}
.tb_bg {
    background-color: #BB0000 !important;
}


.hot_fire_border {
    border: medium solid #6a3e3e !important;
}
.cold_fire_border {
    border: medium solid #3a442d !important;
}
.hot_water_border {
    border: medium solid #422d24 !important;
}
.cold_water_border {
    border: medium solid #3f5128 !important;
}

/*
 * ============================
 * other fixes
 * added by ch4zm
 * 2021-02-04
 * ============================
 */
textarea, input, select, #wpPreview, #wpDiff {
    background-color: #202c2b !important;
    color: #f1eeee !important;
    font-size: 1.1em;
}

.editOptions {
    color: #eee !important;
    background-color: #202c2b !important;
}

.navbox-title {
    font-size: 1.4em;
}

.navbox-header-th {
    padding: 10px;
}

table.navbox .navbox-header th {
    padding: 10px;
}

/********************************
 * infoboxes
 */

.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	/* background-color: #f8f9fa;
	color: black; */
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
}

.infobox tr {
    padding-top: 5px;
    padding-bottom: 5px;
}

.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}

.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}
.infobox.bordered {
	border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}

.infobox.bordered .borderless td,.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

table.infobox tr th {
    padding-left: 5px;
    padding-right: 5px;
}

div.thumbinner {
    background-color: #181c21 !important;
    border: 1px solid #181c21 !important;
}
div.thumbcaption {
    color: #eee !important;
}

/* remove all default icons for external links */
#content a.external {
    background: none !important;
    padding: 0 !important;
}

div.thumb, li.gallerybox div.thumbv {
    background-color: #202c2b !important;
}