MediaWiki:Common.css

Note: After publishing, 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: Press Ctrl-F5.

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

@font-face {
    font-family: 'sancreekregular';
    src: url('/fonts/sancreek-regular-webfont.eot');
    src: url('/fonts/sancreek-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sancreek-regular-webfont.woff2') format('woff2'),
         url('/fonts/sancreek-regular-webfont.woff') format('woff'),
         url('/fonts/sancreek-regular-webfont.ttf') format('truetype'),
         url('/fonts/sancreek-regular-webfont.svg#sancreekregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antonregular';
    src: url('/fonts/anton-webfont.eot');
    src: url('/fonts/anton-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/anton-webfont.woff2') format('woff2'),
         url('/fonts/anton-webfont.woff') format('woff'),
         url('/fonts/anton-webfont.ttf') format('truetype'),
         url('/fonts/anton-webfont.svg#antonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldbold';
    src: url('/fonts/oswald-bolditalic-webfont.eot');
    src: url('/fonts/oswald-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oswald-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/oswald-bolditalic-webfont.woff') format('woff'),
         url('/fonts/oswald-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/oswald-bolditalic-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'inter-regular', 'Inter-Regular', 'Inter';
  src: local("Inter"), local("Inter-Regular"),
		 url('/fonts/Inter-Regular.ttf') format('truetype');
		 url('/fonts/Inter-Regular.otf') format('opentype');
  }


table.navbox {
    border: 1px solid #000;
    background-color: #333;
}

.navbox-title {
    background: #1f1f1f;
    font-size: 110%;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    border: 2px solid #333;
}

.navbox-group {
    background: #1f1f1f; 
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
}

.mw-collapsible-toggle-default .mw-collapsible-text {
    color: #0645ad;
}


h1, h2, h3, h4, h5 {
    line-height: 1.7em;
    font-family: 'oswaldbold';
}

.mw-body h1, .mw-body #firstHeading {
    color: #1094af;
}

li.gallerybox div.thumb {
    border: 1px solid #000;
    background-color: #1f1f1f;
}

.dark-theme table.wikitable th, .dark-theme table.wikitable td, .dark-theme table.prettytable th, .dark-theme table.prettytable td, .dark-theme table.mw-datatable th, .dark-theme table.mw-datatable td {
    border-color: #000;
}

.dark-theme #content h1, .dark-theme #content h2 {
    border-bottom-color: #000;
}

.dark-theme h1 {
    color: #eca400;
}

.dark-theme h2, .dark-theme h3 {
    color: #1094af; !important
}

.dark-theme h4, .dark-theme h5 {
    color: #AE04D8; !important
}

#content h2 {
    margin-bottom: 1em;
    color: #1094af;
}

#content h3  {
    margin-bottom: 1em;
    color: #36a359;
}

#content h4, #content h5 {
    margin-bottom: 1em;
    color: #ae04d8;
}


.dark-theme figure[typeof], .dark-theme figure[typeof] > figcaption, .dark-theme div.thumbinner {
    background-color: #1f1f1f;
    color: var(--font-color);
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border: 1px solid #000;
    border-top: 0;
    background-color: #f8f9fa;
    font-size: 88.4%;
}

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 1px solid #000;
    border-bottom: 0;
    background-color: #f8f9fa;
}

figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    border: 1px solid #000;
}

.dark-theme .box .box-header h4, .box .box-header h5 {
    line-height: normal;
    font-size: 1.1rem;
    padding: 2px;
    color: #1094af;
}

.box .box-header h4, .box .box-header h5 {
    line-height: normal;
    font-size: 1.1rem;
    padding: 2px;
    color: #1094af;
}

@media only screen and (max-width: 981.4px) {
    #view .left {
        background-color: #36393f;

    }
}



# n-Gameplay  a : before  {  content :  url ( /resources/assets/gameplay.png );  }


#preferences .mw-htmlform-submit-buttons {
    -webkit-position: sticky;
    position: sticky;
    bottom: 0;
    margin: -1px -1em -1em -1em;
    padding: 1em;
    background-color: var(--dark-bg-4);
    border-top: 1px solid #000;
    box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.25);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
    border-color: #000;
}

@import url('compass/css3.css');

.rhombus {
  background: #eca400;
  margin: 100px auto;
  border: 1px solid #000;
  color: #000;
  text-transform: skewX(45deg) scaleY(cos(45deg));
}

.step3 {
  width: 200px;
  height: 200px;
 
  transform: skewX(-45deg) scaleY(cos(-45deg));

}

/* Giving TOC a little extra space */
.toc {
   margin-top: 20px;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Make the list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 80%; }
.references-small { font-size: 70%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Fix references displaying block */
div.anch {display: inline;}

/* In Recent Changes and others like it, display + and - in green and red, respectively */
.mw-plusminus-pos {color: darkGreen;}
.mw-plusminus-neg {color: darkRed;}

.mw-specialCiteThisPage-bibliographic {
    background-color: var(--dark-bg-1);
}