Difference between revisions of "Dark.css"

Line 1: Line 1:
 
body {
 
body {
background: #1d1d1d;
+
background: #111217;
color: #ccc;
+
color: #f0f2f5;
font-family: 'IBM Plex Sans', sans-serif;
 
}
 
 
 
footer {
 
padding-top: 1rem;
 
}
 
 
 
.top-bar {
 
background: #111111;
 
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 
}
 
 
 
.top-bar-section ul li {
 
background: #111111;
 
}
 
 
 
.top-bar-section ul li>a {
 
 
font-size: 0.9rem;
 
font-size: 0.9rem;
 +
/*font-family: 'IBM Plex Sans', sans-serif;*/
 
}
 
}
  
.top-bar-section .has-dropdown>a:after {
+
.p-navbar .navbar-brand img {
border-color: #f9a916 transparent transparent transparent;
+
height: 23px;
 +
top: -2px;
 
}
 
}
  
.top-bar-section .has-form {
+
.row {
background: #111111;
+
margin-left: 0;
 +
margin-right: 0;
 
}
 
}
  
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
+
.container {
background: #333333;
+
max-width: 1460px;
color: #fff;
+
padding-right: 0;
}
+
padding-left: 0;
 
 
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
 
background-color: #1d1d1d;
 
color: #fff;
 
background: #1d1d1d;
 
 
}
 
}
  
.has-dropdown:hover {
+
#mw-navigation {
background: #1d1d1d;
+
box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
 
}
 
}
  
.top-bar .dropdown {
+
.mw-body {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+
padding: 0;
 +
margin-bottom: 1rem;
 
}
 
}
  
@media screen and (min-width: 641px) {
+
.main-container {
.top-bar .dropdown {
+
background: #1b1c23;
border-top: 3px solid #f9a916;
+
box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
}
 
 
}
 
}
  
@media screen and (max-width: 640px) {
+
.p-navbar {
#page-content-container {
+
background-color: #262831;
padding: 0!important;
 
}
 
 
}
 
}
  
h1,
+
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
h2,
 
h3,
 
h4,
 
h5,
 
h6 {
 
 
color: #fff;
 
color: #fff;
font-family: 'PT Serif', serif;
+
padding: 0;
 +
margin-top: 1rem!important;
 +
margin-bottom: 0.75rem!important;
 +
border: none;
 +
/*font-family: 'PT Serif', serif;
 +
font-weight: 700;*/
 
}
 
}
  
h1 {
+
h1, h2, .h1, .h2 {
font-size: 2.75rem;
+
border-bottom: 1px solid #262831;
font-weight: 700;
+
padding-bottom: 0.5rem;
 
}
 
}
  
h2 {
+
h2, .h2 {
font-size: 2.25rem;
+
margin-top: 2rem!important;
font-weight: 400;
 
 
}
 
}
  
h3 {
+
a, a[href].external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
font-size: 1.75rem;
+
color: #f9a916;
font-weight: 400;
 
 
}
 
}
  
h4 {
+
a:hover, a[href].external:hover {
font-size: 1.25rem;
+
color: #f9a916;
font-weight: 400;
 
 
}
 
}
  
#page-content a {
+
a:visited {
 
color: #f9a916;
 
color: #f9a916;
 
}
 
}
  
#page-content a.new {
+
a[href].new {
 
color: #ff0000;
 
color: #ff0000;
 
}
 
}
  
#page-content a:hover {
+
a[href].new:hover {
color: #fff;
+
color: #ff0000;
 
}
 
}
  
#page-content-container {
+
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
padding: 0 1rem;
+
opacity: 1;
 
}
 
}
  
#page-content {
+
.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a {
max-width: 1460px;
+
color: #cacaca;
margin: 0 auto;
 
background: #111111;
 
box-shadow: 0 0.25em 0.6em -0.15em rgba(0, 0, 0, 0.15);
 
padding: 1rem;
 
 
}
 
}
  
#mw-indicator-mw-helplink {
+
.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus {
display: none;
+
color: #fff;
 +
opacity: 1;
 
}
 
}
  
.tippy-content {
+
.fa-asterisk:before, .navbar-tool-link:before {
font-size: 0.9rem;
+
content: "";
 
}
 
}
  
.tippy-content ul {
+
#mw-indicators {
list-style-type: none !important;
+
display: none;
margin: 0;
 
}
 
 
 
.tippy-box {
 
background-color: #333333;
 
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 
}
 
 
 
.tippy-box a {
 
color: #fff !important;
 
}
 
 
 
.tippy-box a:hover {
 
color: #fff !important;
 
opacity: 0.5;
 
}
 
 
 
.tippy-arrow {
 
color: #333333;
 
}
 
 
 
#pageActionButton {
 
color: #111;
 
background-color: #f9a916;
 
border: none;
 
padding: 0.25rem 0.75rem;
 
border-radius: 0.25rem;
 
display: block;
 
float: right;
 
transition: background-color 300ms ease-out;
 
 
}
 
}
  
#pageActionButton:hover {
+
.text-muted {
cursor: pointer;
+
color: rgb(255 255 255 / 0.6) !important;
color: #111;
 
background-color: #f9a916;
 
opacity: 0.5;
 
 
}
 
}
  
.top-bar input[type="search"] {
+
.toc {
background-color: #353535;
+
padding: 0.5rem 0.75rem;
border: none;
+
margin-bottom: 1rem;
 
}
 
}
  
.top-bar input[type="search"]:focus {
+
.toc, .mw-warning, .toccolours {
background-color: #fff;
 
 
border: none;
 
border: none;
 +
background-color: #262831;
 
}
 
}
  
textarea:focus {
+
.mw-body .toc ul li a .tocnumber {
background: #fff;
 
}
 
 
 
.top-bar button,
 
.top-bar .button {
 
background-color: #f9a916;
 
color: #111;
 
border-top-right-radius: 0.25rem;
 
border-bottom-right-radius: 0.25rem;
 
outline: none;
 
}
 
 
 
.top-bar button:hover,
 
.top-bar .button:hover {
 
background-color: #f9a916;
 
color: #111;
 
opacity: 0.5;
 
}
 
 
 
.top-bar input,
 
.top-bar select,
 
.top-bar .button,
 
.top-bar button {
 
height: 1.7rem;
 
}
 
 
 
.wikitable {
 
background: #1d1d1d;
 
color: #ccc;
 
}
 
 
 
.wikitable>tr>th,
 
.wikitable>*>tr>th {
 
background: #1d1d1d;
 
}
 
 
 
table.wikitable>tr>th,
 
table.wikitable>tr>td,
 
table.wikitable>*>tr>th,
 
table.wikitable>*>tr>td {
 
border: 1px #070720 solid;
 
}
 
 
 
table.wikitable>*>tr>th {
 
color: #fff;
 
}
 
 
 
abbr[title] {
 
border-bottom: 1px dotted #ffffff;
 
}
 
 
 
abbr,
 
acronym {
 
color: #fff;
 
}
 
 
 
.printfooter {
 
 
display: none;
 
display: none;
 
}
 
}
  
.client-js .mw-changeslist ul,
+
.toctogglelabel {
.client-js .mw-changeslist table.mw-enhanced-rc {
+
color: #f9a916;
margin-left: 0px;
 
 
}
 
}
  
.mw-editsection {
+
.toctogglelabel:hover {
font-size: 12px;
+
color: #f9a916;
padding-left: 0.5rem;
+
opacity: 0.6;
 +
text-decoration: none;
 
}
 
}
  
 
+
.toc .toctitle {
/* GRID START */
+
text-align: left;
 
 
.container-fluid2 {
 
margin-right: auto;
 
margin-left: auto;
 
padding-right: 2rem;
 
padding-left: 2rem;
 
 
}
 
}
  
.row2 {
+
.mw-body .toc ul li ul {
box-sizing: border-box;
+
margin-left: 1.5rem;
display: -ms-flexbox;
 
display: -webkit-box;
 
display: flex;
 
-ms-flex: 0 1 auto;
 
-webkit-box-flex: 0;
 
flex: 0 1 auto;
 
-ms-flex-direction: row;
 
-webkit-box-orient: horizontal;
 
-webkit-box-direction: normal;
 
flex-direction: row;
 
-ms-flex-wrap: wrap;
 
flex-wrap: wrap;
 
margin-right: -1rem;
 
margin-left: -1rem;
 
 
}
 
}
  
.row2.reverse {
+
.floatright {
-ms-flex-direction: row-reverse;
+
float: right;
-webkit-box-orient: horizontal;
 
-webkit-box-direction: reverse;
 
flex-direction: row-reverse;
 
 
}
 
}
  
.col2.reverse {
+
.mw-body .firstHeading {
-ms-flex-direction: column-reverse;
+
border-bottom: 1px solid rgb(38 40 49);
-webkit-box-orient: vertical;
 
-webkit-box-direction: reverse;
 
flex-direction: column-reverse;
 
 
}
 
}
  
.col2-xs,
+
.skill-row {
.col2-xs-1,
+
padding: 0.75rem;
.col2-xs-2,
+
background: #262831;
.col2-xs-3,
+
margin-bottom: 1rem;
.col2-xs-4,
+
border-radius: 0.25rem;
.col2-xs-5,
 
.col2-xs-6,
 
.col2-xs-7,
 
.col2-xs-8,
 
.col2-xs-9,
 
.col2-xs-10,
 
.col2-xs-11,
 
.col2-xs-12 {
 
box-sizing: border-box;
 
-ms-flex: 0 0 auto;
 
-webkit-box-flex: 0;
 
flex: 0 0 auto;
 
padding-right: 1rem;
 
padding-left: 1rem;
 
 
}
 
}
  
.col2-xs {
+
div.tright {
-webkit-flex-grow: 1;
+
margin: 0 0 1rem 1rem;
-ms-flex-positive: 1;
 
-webkit-box-flex: 1;
 
flex-grow: 1;
 
-ms-flex-preferred-size: 0;
 
flex-basis: 0;
 
max-width: 100%;
 
 
}
 
}
  
.col2-xs-1 {
+
@media screen and (max-width: 768px) {
-ms-flex-preferred-size: 8.333%;
+
div.tright, div.floatright, table.floatright {
flex-basis: 8.333%;
+
width: 100%!important;
max-width: 8.333%;
+
    float: none!important;
 +
    clear: none!important;
 +
    margin: 1rem 0 1rem 0!important;
 +
}
 
}
 
}
  
.col2-xs-2 {
+
.right-sidebar {
-ms-flex-preferred-size: 16.667%;
+
    max-width: 270px;
flex-basis: 16.667%;
+
    margin-left: 1rem;
max-width: 16.667%;
 
 
}
 
}
  
.col2-xs-3 {
+
@media screen and (max-width: 1024px){
-ms-flex-preferred-size: 25%;
+
.right-sidebar {
flex-basis: 25%;
+
    display: none;
max-width: 25%;
+
}
 
}
 
}
  
.col2-xs-4 {
+
@media screen and (max-width: 500px) {
-ms-flex-preferred-size: 33.333%;
+
.infobox-right {
flex-basis: 33.333%;
+
float: none!important;
max-width: 33.333%;
+
margin: 0 auto!important;
 +
margin-bottom: 1rem!important;
 +
width: 100%!important;
 +
}
 
}
 
}
  
.col2-xs-5 {
+
.thumbinner {
-ms-flex-preferred-size: 41.667%;
+
border: none!important;
flex-basis: 41.667%;
+
padding: 0.25rem!important;
max-width: 41.667%;
+
background-color: #262831!important;
 
}
 
}
  
.col2-xs-6 {
+
.thumbimage {
-ms-flex-preferred-size: 50%;
+
border: 1px solid #111217!important;
flex-basis: 50%;
+
background: #111217!important;
max-width: 50%;
 
 
}
 
}
  
.col2-xs-7 {
+
.table {
-ms-flex-preferred-size: 58.333%;
+
margin-bottom: 0;
flex-basis: 58.333%;
+
color: #f0f2f5;
max-width: 58.333%;
+
font-size: 0.9rem;
 +
width: auto;
 
}
 
}
  
.col2-xs-8 {
+
.table th {
-ms-flex-preferred-size: 66.667%;
+
background: #262831;
flex-basis: 66.667%;
 
max-width: 66.667%;
 
 
}
 
}
  
.col2-xs-9 {
+
.table td {
-ms-flex-preferred-size: 75%;
+
background: rgb(38 40 49 / 0.5);
flex-basis: 75%;
 
max-width: 75%;
 
 
}
 
}
  
.col2-xs-10 {
 
-ms-flex-preferred-size: 83.333%;
 
flex-basis: 83.333%;
 
max-width: 83.333%;
 
}
 
  
.col2-xs-11 {
+
.table th, .table td {
-ms-flex-preferred-size: 91.667%;
+
border: none;
flex-basis: 91.667%;
+
padding: 0.5rem 0.75rem;
max-width: 91.667%;
 
 
}
 
}
  
.col2-xs-12 {
+
.table tr {
-ms-flex-preferred-size: 100%;
+
border-bottom: 1px solid #1b1c23;
flex-basis: 100%;
 
max-width: 100%;
 
 
}
 
}
  
.col2-xs-offset-1 {
+
.table tr:last-child {
margin-left: 8.333%;
+
border-bottom: none;
 
}
 
}
  
.col2-xs-offset-2 {
+
.wikitable > tr > th, .wikitable > * > tr > th {
margin-left: 16.667%;
+
background-color: #454856;
 
}
 
}
 
+
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
.col2-xs-offset-3 {
+
border: none;
margin-left: 25%;
+
padding: 0.5rem 0.75rem;
 
}
 
}
  
.col2-xs-offset-4 {
+
.wikitable {
margin-left: 33.333%;
+
background: #262831;
 +
color: #f0f2f5;
 +
width: 100%;
 +
border: none;
 +
font-size: 0.9rem;
 +
margin: 0;
 
}
 
}
  
.col2-xs-offset-5 {
+
.infobox-right {
margin-left: 41.667%;
+
float: right;
 +
position: relative;
 +
width: 302px;
 +
background: #262831;
 +
margin: 0 0 1em 1em;
 +
padding: 0;
 
}
 
}
  
.col2-xs-offset-6 {
+
.bomber {
margin-left: 50%;
+
background: rgb(128 0 128 / 0.25)!important;
 
}
 
}
  
.col2-xs-offset-7 {
+
.champion {
margin-left: 58.333%;
+
background: rgb(255 0 0 / 0.25)!important;
 
}
 
}
  
.col2-xs-offset-8 {
+
.paladin {
margin-left: 66.667%;
+
background: rgb(0 128 0 / 0.25)!important;
 
}
 
}
  
.col2-xs-offset-9 {
+
.warmonger {
margin-left: 75%;
+
background: rgb(255 255 0 / 0.25)!important;
 
}
 
}
  
.col2-xs-offset-10 {
+
@media screen and (max-width: 1480px) {
margin-left: 83.333%;
+
.footer-container {
 +
    padding: 0 0.5rem;
 +
}
 
}
 
}
  
.col2-xs-offset-11 {
+
.footer-info > div {
margin-left: 91.667%;
+
    margin: 0.5rem 1rem 0 0;
 +
    opacity: 0.5;
 
}
 
}
  
.start2-xs {
+
.footer-places > div {
-ms-flex-pack: start;
+
    margin: 0.5rem 1rem 0.5rem 0;
-webkit-box-pack: start;
 
justify-content: flex-start;
 
text-align: start;
 
 
}
 
}
  
.center2-xs {
+
.footer-info, .footer-places, .footer-icons {
-ms-flex-pack: center;
+
margin-left: 0;
-webkit-box-pack: center;
+
margin-right: 0;
justify-content: center;
 
text-align: center;
 
 
}
 
}
  
.end2-xs {
+
pre, .mw-code {
-ms-flex-pack: end;
+
color: #f0f2f5;
-webkit-box-pack: end;
+
background-color: #262831;
justify-content: flex-end;
+
margin-top: 1rem;
text-align: end;
+
border: none;
 
}
 
}
  
.top2-xs {
+
dt {
-ms-flex-align: start;
+
font-weight: 600;
-webkit-box-align: start;
 
align-items: flex-start;
 
 
}
 
}
  
.middle2-xs {
+
.wikiEditor-ui-toolbar {
-ms-flex-align: center;
+
color: #111217;
-webkit-box-align: center;
 
align-items: center;
 
 
}
 
}
  
.bottom2-xs {
+
dl {
-ms-flex-align: end;
+
margin: 0.7rem 0;
-webkit-box-align: end;
 
align-items: flex-end;
 
 
}
 
}
  
.around2-xs {
+
.stub-box {
-ms-flex-pack: distribute;
+
padding: 0.5rem 0.75rem;
justify-content: space-around;
+
background: #262831;
}
+
margin: 0 auto;
 
+
margin-bottom: 1rem;
.between2-xs {
+
width: fit-content;
-ms-flex-pack: justify;
 
-webkit-box-pack: justify;
 
justify-content: space-between;
 
}
 
 
 
.first2-xs {
 
-ms-flex-order: -1;
 
-webkit-box-ordinal-group: 0;
 
order: -1;
 
}
 
 
 
.last2-xs {
 
-ms-flex-order: 1;
 
-webkit-box-ordinal-group: 2;
 
order: 1;
 
 
}
 
}
 
@media only screen and (min-width: 48em) {
 
.container2 {
 
width: 46rem;
 
}
 
.col2-sm,
 
.col2-sm-1,
 
.col2-sm-2,
 
.col2-sm-3,
 
.col2-sm-4,
 
.col2-sm-5,
 
.col2-sm-6,
 
.col2-sm-7,
 
.col2-sm-8,
 
.col2-sm-9,
 
.col2-sm-10,
 
.col2-sm-11,
 
.col2-sm-12 {
 
box-sizing: border-box;
 
-ms-flex: 0 0 auto;
 
-webkit-box-flex: 0;
 
flex: 0 0 auto;
 
padding-right: 1rem;
 
padding-left: 1rem;
 
}
 
.col2-sm {
 
-webkit-flex-grow: 1;
 
-ms-flex-positive: 1;
 
-webkit-box-flex: 1;
 
flex-grow: 1;
 
-ms-flex-preferred-size: 0;
 
flex-basis: 0;
 
max-width: 100%;
 
}
 
.col2-sm-1 {
 
-ms-flex-preferred-size: 8.333%;
 
flex-basis: 8.333%;
 
max-width: 8.333%;
 
}
 
.col2-sm-2 {
 
-ms-flex-preferred-size: 16.667%;
 
flex-basis: 16.667%;
 
max-width: 16.667%;
 
}
 
.col2-sm-3 {
 
-ms-flex-preferred-size: 25%;
 
flex-basis: 25%;
 
max-width: 25%;
 
}
 
.col2-sm-4 {
 
-ms-flex-preferred-size: 33.333%;
 
flex-basis: 33.333%;
 
max-width: 33.333%;
 
}
 
.col2-sm-5 {
 
-ms-flex-preferred-size: 41.667%;
 
flex-basis: 41.667%;
 
max-width: 41.667%;
 
}
 
.col2-sm-6 {
 
-ms-flex-preferred-size: 50%;
 
flex-basis: 50%;
 
max-width: 50%;
 
}
 
.col2-sm-7 {
 
-ms-flex-preferred-size: 58.333%;
 
flex-basis: 58.333%;
 
max-width: 58.333%;
 
}
 
.col2-sm-8 {
 
-ms-flex-preferred-size: 66.667%;
 
flex-basis: 66.667%;
 
max-width: 66.667%;
 
}
 
.col2-sm-9 {
 
-ms-flex-preferred-size: 75%;
 
flex-basis: 75%;
 
max-width: 75%;
 
}
 
.col2-sm-10 {
 
-ms-flex-preferred-size: 83.333%;
 
flex-basis: 83.333%;
 
max-width: 83.333%;
 
}
 
.col2-sm-11 {
 
-ms-flex-preferred-size: 91.667%;
 
flex-basis: 91.667%;
 
max-width: 91.667%;
 
}
 
.col2-sm-12 {
 
-ms-flex-preferred-size: 100%;
 
flex-basis: 100%;
 
max-width: 100%;
 
}
 
.col2-sm-offset-1 {
 
margin-left: 8.333%;
 
}
 
.col2-sm-offset-2 {
 
margin-left: 16.667%;
 
}
 
.col2-sm-offset-3 {
 
margin-left: 25%;
 
}
 
.col2-sm-offset-4 {
 
margin-left: 33.333%;
 
}
 
.col2-sm-offset-5 {
 
margin-left: 41.667%;
 
}
 
.col2-sm-offset-6 {
 
margin-left: 50%;
 
}
 
.col2-sm-offset-7 {
 
margin-left: 58.333%;
 
}
 
.col2-sm-offset-8 {
 
margin-left: 66.667%;
 
}
 
.col2-sm-offset-9 {
 
margin-left: 75%;
 
}
 
.col2-sm-offset-10 {
 
margin-left: 83.333%;
 
}
 
.col2-sm-offset-11 {
 
margin-left: 91.667%;
 
}
 
.start2-sm {
 
-ms-flex-pack: start;
 
-webkit-box-pack: start;
 
justify-content: flex-start;
 
text-align: start;
 
}
 
.center2-sm {
 
-ms-flex-pack: center;
 
-webkit-box-pack: center;
 
justify-content: center;
 
text-align: center;
 
}
 
.end2-sm {
 
-ms-flex-pack: end;
 
-webkit-box-pack: end;
 
justify-content: flex-end;
 
text-align: end;
 
}
 
.top2-sm {
 
-ms-flex-align: start;
 
-webkit-box-align: start;
 
align-items: flex-start;
 
}
 
.middle2-sm {
 
-ms-flex-align: center;
 
-webkit-box-align: center;
 
align-items: center;
 
}
 
.bottom2-sm {
 
-ms-flex-align: end;
 
-webkit-box-align: end;
 
align-items: flex-end;
 
}
 
.around2-sm {
 
-ms-flex-pack: distribute;
 
justify-content: space-around;
 
}
 
.between2-sm {
 
-ms-flex-pack: justify;
 
-webkit-box-pack: justify;
 
justify-content: space-between;
 
}
 
.first2-sm {
 
-ms-flex-order: -1;
 
-webkit-box-ordinal-group: 0;
 
order: -1;
 
}
 
.last2-sm {
 
-ms-flex-order: 1;
 
-webkit-box-ordinal-group: 2;
 
order: 1;
 
}
 
}
 
 
@media only screen and (min-width: 62em) {
 
.container2 {
 
width: 61rem;
 
}
 
.col2-md,
 
.col2-md-1,
 
.col2-md-2,
 
.col2-md-3,
 
.col2-md-4,
 
.col2-md-5,
 
.col2-md-6,
 
.col2-md-7,
 
.col2-md-8,
 
.col2-md-9,
 
.col2-md-10,
 
.col2-md-11,
 
.col2-md-12 {
 
box-sizing: border-box;
 
-ms-flex: 0 0 auto;
 
-webkit-box-flex: 0;
 
flex: 0 0 auto;
 
padding-right: 1rem;
 
padding-left: 1rem;
 
}
 
.col2-md {
 
-webkit-flex-grow: 1;
 
-ms-flex-positive: 1;
 
-webkit-box-flex: 1;
 
flex-grow: 1;
 
-ms-flex-preferred-size: 0;
 
flex-basis: 0;
 
max-width: 100%;
 
}
 
.col2-md-1 {
 
-ms-flex-preferred-size: 8.333%;
 
flex-basis: 8.333%;
 
max-width: 8.333%;
 
}
 
.col2-md-2 {
 
-ms-flex-preferred-size: 16.667%;
 
flex-basis: 16.667%;
 
max-width: 16.667%;
 
}
 
.col2-md-3 {
 
-ms-flex-preferred-size: 25%;
 
flex-basis: 25%;
 
max-width: 25%;
 
}
 
.col2-md-4 {
 
-ms-flex-preferred-size: 33.333%;
 
flex-basis: 33.333%;
 
max-width: 33.333%;
 
}
 
.col2-md-5 {
 
-ms-flex-preferred-size: 41.667%;
 
flex-basis: 41.667%;
 
max-width: 41.667%;
 
}
 
.col2-md-6 {
 
-ms-flex-preferred-size: 50%;
 
flex-basis: 50%;
 
max-width: 50%;
 
}
 
.col2-md-7 {
 
-ms-flex-preferred-size: 58.333%;
 
flex-basis: 58.333%;
 
max-width: 58.333%;
 
}
 
.col2-md-8 {
 
-ms-flex-preferred-size: 66.667%;
 
flex-basis: 66.667%;
 
max-width: 66.667%;
 
}
 
.col2-md-9 {
 
-ms-flex-preferred-size: 75%;
 
flex-basis: 75%;
 
max-width: 75%;
 
}
 
.col2-md-10 {
 
-ms-flex-preferred-size: 83.333%;
 
flex-basis: 83.333%;
 
max-width: 83.333%;
 
}
 
.col2-md-11 {
 
-ms-flex-preferred-size: 91.667%;
 
flex-basis: 91.667%;
 
max-width: 91.667%;
 
}
 
.col2-md-12 {
 
-ms-flex-preferred-size: 100%;
 
flex-basis: 100%;
 
max-width: 100%;
 
}
 
.col2-md-offset-1 {
 
margin-left: 8.333%;
 
}
 
.col2-md-offset-2 {
 
margin-left: 16.667%;
 
}
 
.col2-md-offset-3 {
 
margin-left: 25%;
 
}
 
.col2-md-offset-4 {
 
margin-left: 33.333%;
 
}
 
.col2-md-offset-5 {
 
margin-left: 41.667%;
 
}
 
.col2-md-offset-6 {
 
margin-left: 50%;
 
}
 
.col2-md-offset-7 {
 
margin-left: 58.333%;
 
}
 
.col2-md-offset-8 {
 
margin-left: 66.667%;
 
}
 
.col2-md-offset-9 {
 
margin-left: 75%;
 
}
 
.col2-md-offset-10 {
 
margin-left: 83.333%;
 
}
 
.col2-md-offset-11 {
 
margin-left: 91.667%;
 
}
 
.start2-md {
 
-ms-flex-pack: start;
 
-webkit-box-pack: start;
 
justify-content: flex-start;
 
text-align: start;
 
}
 
.center2-md {
 
-ms-flex-pack: center;
 
-webkit-box-pack: center;
 
justify-content: center;
 
text-align: center;
 
}
 
.end2-md {
 
-ms-flex-pack: end;
 
-webkit-box-pack: end;
 
justify-content: flex-end;
 
text-align: end;
 
}
 
.top2-md {
 
-ms-flex-align: start;
 
-webkit-box-align: start;
 
align-items: flex-start;
 
}
 
.middle2-md {
 
-ms-flex-align: center;
 
-webkit-box-align: center;
 
align-items: center;
 
}
 
.bottom2-md {
 
-ms-flex-align: end;
 
-webkit-box-align: end;
 
align-items: flex-end;
 
}
 
.around2-md {
 
-ms-flex-pack: distribute;
 
justify-content: space-around;
 
}
 
.between2-md {
 
-ms-flex-pack: justify;
 
-webkit-box-pack: justify;
 
justify-content: space-between;
 
}
 
.first2-md {
 
-ms-flex-order: -1;
 
-webkit-box-ordinal-group: 0;
 
order: -1;
 
}
 
.last2-md {
 
-ms-flex-order: 1;
 
-webkit-box-ordinal-group: 2;
 
order: 1;
 
}
 
}
 
 
@media only screen and (min-width: 75em) {
 
.container2 {
 
width: 71rem;
 
}
 
.col2-lg,
 
.col2-lg-1,
 
.col2-lg-2,
 
.col2-lg-3,
 
.col2-lg-4,
 
.col2-lg-5,
 
.col2-lg-6,
 
.col2-lg-7,
 
.col2-lg-8,
 
.col2-lg-9,
 
.col2-lg-10,
 
.col2-lg-11,
 
.col2-lg-12 {
 
box-sizing: border-box;
 
-ms-flex: 0 0 auto;
 
-webkit-box-flex: 0;
 
flex: 0 0 auto;
 
padding-right: 1rem;
 
padding-left: 1rem;
 
}
 
.col2-lg {
 
-webkit-flex-grow: 1;
 
-ms-flex-positive: 1;
 
-webkit-box-flex: 1;
 
flex-grow: 1;
 
-ms-flex-preferred-size: 0;
 
flex-basis: 0;
 
max-width: 100%;
 
}
 
.col2-lg-1 {
 
-ms-flex-preferred-size: 8.333%;
 
flex-basis: 8.333%;
 
max-width: 8.333%;
 
}
 
.col2-lg-2 {
 
-ms-flex-preferred-size: 16.667%;
 
flex-basis: 16.667%;
 
max-width: 16.667%;
 
}
 
.col2-lg-3 {
 
-ms-flex-preferred-size: 25%;
 
flex-basis: 25%;
 
max-width: 25%;
 
}
 
.col2-lg-4 {
 
-ms-flex-preferred-size: 33.333%;
 
flex-basis: 33.333%;
 
max-width: 33.333%;
 
}
 
.col2-lg-5 {
 
-ms-flex-preferred-size: 41.667%;
 
flex-basis: 41.667%;
 
max-width: 41.667%;
 
}
 
.col2-lg-6 {
 
-ms-flex-preferred-size: 50%;
 
flex-basis: 50%;
 
max-width: 50%;
 
}
 
.col2-lg-7 {
 
-ms-flex-preferred-size: 58.333%;
 
flex-basis: 58.333%;
 
max-width: 58.333%;
 
}
 
.col2-lg-8 {
 
-ms-flex-preferred-size: 66.667%;
 
flex-basis: 66.667%;
 
max-width: 66.667%;
 
}
 
.col2-lg-9 {
 
-ms-flex-preferred-size: 75%;
 
flex-basis: 75%;
 
max-width: 75%;
 
}
 
.col2-lg-10 {
 
-ms-flex-preferred-size: 83.333%;
 
flex-basis: 83.333%;
 
max-width: 83.333%;
 
}
 
.col2-lg-11 {
 
-ms-flex-preferred-size: 91.667%;
 
flex-basis: 91.667%;
 
max-width: 91.667%;
 
}
 
.col2-lg-12 {
 
-ms-flex-preferred-size: 100%;
 
flex-basis: 100%;
 
max-width: 100%;
 
}
 
.col2-lg-offset-1 {
 
margin-left: 8.333%;
 
}
 
.col2-lg-offset-2 {
 
margin-left: 16.667%;
 
}
 
.col2-lg-offset-3 {
 
margin-left: 25%;
 
}
 
.col2-lg-offset-4 {
 
margin-left: 33.333%;
 
}
 
.col2-lg-offset-5 {
 
margin-left: 41.667%;
 
}
 
.col2-lg-offset-6 {
 
margin-left: 50%;
 
}
 
.col2-lg-offset-7 {
 
margin-left: 58.333%;
 
}
 
.col2-lg-offset-8 {
 
margin-left: 66.667%;
 
}
 
.col2-lg-offset-9 {
 
margin-left: 75%;
 
}
 
.col2-lg-offset-10 {
 
margin-left: 83.333%;
 
}
 
.col2-lg-offset-11 {
 
margin-left: 91.667%;
 
}
 
.start2-lg {
 
-ms-flex-pack: start;
 
-webkit-box-pack: start;
 
justify-content: flex-start;
 
text-align: start;
 
}
 
.center2-lg {
 
-ms-flex-pack: center;
 
-webkit-box-pack: center;
 
justify-content: center;
 
text-align: center;
 
}
 
.end2-lg {
 
-ms-flex-pack: end;
 
-webkit-box-pack: end;
 
justify-content: flex-end;
 
text-align: end;
 
}
 
.top2-lg {
 
-ms-flex-align: start;
 
-webkit-box-align: start;
 
align-items: flex-start;
 
}
 
.middle2-lg {
 
-ms-flex-align: center;
 
-webkit-box-align: center;
 
align-items: center;
 
}
 
.bottom2-lg {
 
-ms-flex-align: end;
 
-webkit-box-align: end;
 
align-items: flex-end;
 
}
 
.around2-lg {
 
-ms-flex-pack: distribute;
 
justify-content: space-around;
 
}
 
.between2-lg {
 
-ms-flex-pack: justify;
 
-webkit-box-pack: justify;
 
justify-content: space-between;
 
}
 
.first2-lg {
 
-ms-flex-order: -1;
 
-webkit-box-ordinal-group: 0;
 
order: -1;
 
}
 
.last2-lg {
 
-ms-flex-order: 1;
 
-webkit-box-ordinal-group: 2;
 
order: 1;
 
}
 
}
 
 
/* GRID END */
 

Revision as of 21:25, 28 December 2020

body {
	background: #111217;
	color: #f0f2f5;
	font-size: 0.9rem;
	/*font-family: 'IBM Plex Sans', sans-serif;*/
}

.p-navbar .navbar-brand img {
	height: 23px;
	top: -2px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.container {
	max-width: 1460px;
	padding-right: 0;
	padding-left: 0;
}

#mw-navigation {
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
}

.mw-body {
	padding: 0;
	margin-bottom: 1rem;
}

.main-container {
	background: #1b1c23;
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
}

.p-navbar {
	background-color: #262831;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fff;
	padding: 0;
	margin-top: 1rem!important;
	margin-bottom: 0.75rem!important;
	border: none;
	/*font-family: 'PT Serif', serif;
	font-weight: 700;*/
}

h1, h2, .h1, .h2 {
	border-bottom: 1px solid #262831;
	padding-bottom: 0.5rem;
}

h2, .h2 {
	margin-top: 2rem!important;
}

a, a[href].external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
	color: #f9a916;
}

a:hover, a[href].external:hover {
	color: #f9a916;
}

a:visited {
	color: #f9a916;
}

a[href].new {
	color: #ff0000;
}

a[href].new:hover {
	color: #ff0000;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	opacity: 1;
}

.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a {
	color: #cacaca;
}

.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus {
	color: #fff;
	opacity: 1;
}

.fa-asterisk:before, .navbar-tool-link:before {
	content: "";
}

#mw-indicators {
	display: none;
}

.text-muted {
	color: rgb(255 255 255 / 0.6) !important;
}

.toc {
	padding: 0.5rem 0.75rem;
	margin-bottom: 1rem;
}

.toc, .mw-warning, .toccolours {
	border: none;
	background-color: #262831;
}

.mw-body .toc ul li a .tocnumber {
	display: none;
}

.toctogglelabel {
	color: #f9a916;
}

.toctogglelabel:hover {
	color: #f9a916;
	opacity: 0.6;
	text-decoration: none;
}

.toc .toctitle {
	text-align: left;
}

.mw-body .toc ul li ul {
	margin-left: 1.5rem;
}

.floatright {
	float: right;
}

.mw-body .firstHeading {
	border-bottom: 1px solid rgb(38 40 49);
}

.skill-row {
	padding: 0.75rem;
	background: #262831;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
}

div.tright {
	margin: 0 0 1rem 1rem;
}

@media screen and (max-width: 768px) {
	div.tright, div.floatright, table.floatright {
		width: 100%!important;
    	float: none!important;
    	clear: none!important;
    	margin: 1rem 0 1rem 0!important;
	}
}

.right-sidebar {
    max-width: 270px;
    margin-left: 1rem;
}

@media screen and (max-width: 1024px){
	.right-sidebar {
    	display: none;
	}
}

@media screen and (max-width: 500px) {
	.infobox-right {
		float: none!important;
		margin: 0 auto!important;
		margin-bottom: 1rem!important;
		width: 100%!important;
	}
}

.thumbinner {
	border: none!important;
	padding: 0.25rem!important;
	background-color: #262831!important;
}

.thumbimage {
	border: 1px solid #111217!important;
	background: #111217!important;
}

.table {
	margin-bottom: 0;
	color: #f0f2f5;
	font-size: 0.9rem;
	width: auto;
}

.table th {
	background: #262831;
}

.table td {
	background: rgb(38 40 49 / 0.5);
}


.table th, .table td {
	border: none;
	padding: 0.5rem 0.75rem;
}

.table tr {
	border-bottom: 1px solid #1b1c23;
}

.table tr:last-child {
	border-bottom: none;
}

.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #454856;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: none;
	padding: 0.5rem 0.75rem;
}

.wikitable {
	background: #262831;
	color: #f0f2f5;
	width: 100%;
	border: none;
	font-size: 0.9rem;
	margin: 0;
}

.infobox-right {
	float: right;
	position: relative;
	width: 302px;
	background: #262831;
	margin: 0 0 1em 1em;
	padding: 0;
}

.bomber {
	background: rgb(128 0 128 / 0.25)!important;
}

.champion {
	background: rgb(255 0 0 / 0.25)!important;
}

.paladin {
	background: rgb(0 128 0 / 0.25)!important;
}

.warmonger {
	background: rgb(255 255 0 / 0.25)!important;
}

@media screen and (max-width: 1480px) {
	.footer-container {
	    padding: 0 0.5rem;
	}
}

.footer-info > div {
    margin: 0.5rem 1rem 0 0;
    opacity: 0.5;
}

.footer-places > div {
    margin: 0.5rem 1rem 0.5rem 0;
}

.footer-info, .footer-places, .footer-icons {
	margin-left: 0;
	margin-right: 0;
}

pre, .mw-code {
	color: #f0f2f5;
	background-color: #262831;
	margin-top: 1rem;
	border: none;
}

dt {
	font-weight: 600;
}

.wikiEditor-ui-toolbar {
	color: #111217;
}

dl {
	margin: 0.7rem 0;
}

.stub-box {
	padding: 0.5rem 0.75rem;
	background: #262831;
	margin: 0 auto;
	margin-bottom: 1rem;
	width: fit-content;
}