MediaWiki:Common.css: Difference between revisions

From :: ChromeRivals Wiki ::
Jump to navigation Jump to search
← Older edit
Ranzu (talk | contribs)
chromerivals-wiki-admin, chromerivals-wiki-editor, chromerivals-wiki-reader
18,615 edits
Ranzu (talk | contribs)
chromerivals-wiki-admin, chromerivals-wiki-editor, chromerivals-wiki-reader
18,615 edits
No edit summary
Tag: Manual revert
Ranzu (talk | contribs)
chromerivals-wiki-admin, chromerivals-wiki-editor, chromerivals-wiki-reader
18,615 edits
No edit summary
 
(746 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url("//fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/* Body */
@import url('https://fonts.cdnfonts.com/css/hacked'); /* Credit: DavidLibeau */
body{
 
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
/* Documentation for styles, templates etc are located in "Module:Documentation" page */
color:#ffffff;
/* There are also some changes in MediaWiki:Group-user.css */
font-family:'Aldrich', sans-serif;
 
font-size:16px;
* {
text-shadow:none;
margin:0;
white-space:normal;
padding:0;
}
:root{
--ItemTableHoverColor: #ADABAB;
--ItemTableLeftColor: #2b2b2b;
--ItemTableRightColor: #6C6C6C;
--ItemTableFunctionColor: #FEAF24;
--ItemTableFunctionHoverColorCell1:#FBCE7B;
--ItemTableFunctionHoverColorCell2:#FDDCA0;
--MT-Title-Color: #424242;
--MT-Title-Hover-Color: #C0C0C0;
--MT-Title-Active-Color: #A5A4A4;
--MT-Header-Color: #616161;
--MT-Map-Color: #757575;
--MT-Value-Color: #9E9E9E;
}
}
/* border - black / outline - gray */


/* Firefox-specific styles */
@-moz-document url-prefix() {
    .FixesTable th{
        font-family: Arial, Helvetica, sans-serif!important;
    }
   
    * {
scrollbar-width: thin; /* Firefox only */
}
}
/* Body */
body {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
color:#ffffff;
font-family:'Aldrich', sans-serif;
text-shadow:none;
white-space:normal;
}
/* Selector - When you highlight the text/element */
::selection {
background: gray;
color: var(--ItemTableFunctionColor);
text-shadow: #222 2px 2px 5px;
}
 
/* Page Base */
#mw-page-base {
height: 4.9em;
}
/* Head */
/* Head */
#mw-head{
#mw-head {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
  border-width:0;
border-width:0;
min-height:80.25px; /* Fixes blank row on Special Pages */
}
 
/* Left navigation */
#left-navigation {
color:rgb(255, 255, 255);
}
/* Right navigation */
#ca-edit a {
padding-left:1.4em;
}
 
/* Sidepanel sidebar */
/* Sidepanel sidebar headers color */
.vector-menu-heading-label {
color:white;
z-index:2;
}
/* MIN */
@media screen and (min-width: 982px) {
#mw-panel {
padding-left: 0;
}
}
}


/* Right navigation gradient time search bar
/* MAX */
#right-navigation{
@media screen and (max-width: 982px) {
padding-left:50px;
#content {
background-image:radial-gradient(circle, rgba(0,0,0,0.4962359943977591) 60%, rgba(255,255,255,0) 100%);
padding: 20px 24px 24px 24px!important;
}*/
}
}


/* Left navigation */
.portal h3 {
#left-navigation{
color: white;
color:rgb(255, 255, 255);
z-index:2;
}
}
/* Sidepanel sidebar Header Shadow */
#p-Navigation-label, #p-Gears-label, #p-Events-label, #p-Other-label, #p-Useful_Links-label, #p-Discord-label, #p-Social-label {
filter: drop-shadow(0 0 15px white);
z-index:2;
}
/*Sidepanel script */
#p--label {
pointer-events:none;
}
#mw-panel h3:not(#p-test-label) {
cursor:pointer;
}
 
/*Sidepanel bottom space */
#mw-panel {
padding-bottom:1em;
}
 
/*Sidepanel button */
.SidePanelButton {
position:relative;
color: #6C6C6C;
cursor:pointer;
padding-left:0.5em;
padding-top:1em;
}
 
.SidePanelButton:hover {
color: #9b9b9b;
}
.toggle-arrow {
float:right;
}
 
.toggle-arrow:hover {
color: #9b9b9b;
}
/* Current events - Tab */
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no {
    cursor:context-menu;
    font-size:0.813rem; /* 13px */
    text-align:right;
    position:relative;
    top:7px;
}
.vector-menu-tabs-legacy li div {
    float: right;
}
 
.vector-menu-tabs-legacy li.current-events img {
    width: 30px!important;
    margin: 0px 5px 0px 0px;
    border: solid 1px;
}
/*
#p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3) {
display:flex;
align-items:stretch;
}
*/
/* Separator - Tab*/
#\=current-events-0, #current-events-no {
border-left-style:solid;
border-left-width:3px;
border-left-color:#95a5a6;
padding-left:0.7em;
}
 
/* Server time timer - Tab */
#server-time-href {
cursor:context-menu;
    font-size:0.813rem; /* 13px */
text-align:right;
position:relative;
top:7px;
margin-right:10px;
padding-left:2em;
}
/* Kinda Responsive */
/* Right navigation */
#right-navigation {
display:flex;
align-items:center;
justify-content:flex-end;
}
 
/* Bottom-Scroll Top Button */
#scrollToTopBtn {
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:0.4em;
padding:0.4em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9rem;
display: none;
}
 
/* Bottom-Random Page at scroll button */
#randomPageBtn {
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:2.4em;
padding:0.3em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9rem;
display: none;
}


.vector-menu-heading-label {
/* Bottom-Info Button */
  color:white;
#infoPageBtn {
}
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:4.4em;
padding:0.4em;
padding-right:0.6em;
padding-left:0.6em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9rem;
display: none;
}


/* Footer Image */
#scrollToTopBtn:hover, #randomPageBtn:hover, #infoPageBtn:hover {
#footer-poweredbyico a img{
background-color: #93A7AB;
display:inline-block;
color: black;
  -webkit-filter: drop-shadow(20px 20px 20px #222);
}
  filter: drop-shadow(5px 3px 10px #222);
}
/* Footer */
#footer{
/* Footer main */
    background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
#footer {
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:space-between;
background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 1px 100%;
     background-size: 1px 100%;
}
}
 
#footer-info-lastmod {
position:relative;
margin-bottom:0;
margin-top:0;
color: white;
}
 
/* Footer CC text size */
#footer #footerCC {
    font-size:0.75rem; /* 12px */
text-shadow:rgba(0, 0, 0, 1) 0 1px 1px;
margin-top:0;
padding-top:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
 
/* Footer CC Image re-size */
#footer #footerCC img {
height:27px;
margin-left:7px;
}
 
/* Footer PoweredBY */
#footerPBY img {
-webkit-filter: drop-shadow(20px 20px 20px #222);
filter: drop-shadow(0px 2px 25px #222);
width:auto;
height:auto;
min-width:6em;
max-width:13em;
z-index:-1;
}
 
/* Footer PoweredBY */
#footerPBY:hover {
-webkit-filter: drop-shadow(20px 20px 20px black);
filter: drop-shadow(0px 3px 15px black);
}
/* Footer OLDpoweredbyico */
#footer-poweredbyico {
display:none;
}


#footer-icons{
/* Footer Animation */
top:-37px;
#footer {
position:relative;
animation: hideAnimation 1s ease-in 0s;
right:28px;
animation-fill-mode: forwards;
transform:scale(1.6);
}
}


/* CC Licence */
@keyframes hideAnimation {
#footerCC p{
0%  {display:none; opacity:0}
  float: right;
100% {opacity:1}
  margin-top:-4.1em;
}
  margin-right:6em;
  font-size:12px;
  text-align:center;
  text-shadow:rgba(0, 0, 0, 1) 0px 1px 1px;
}


/* Content */
/* Content */
#content{
#content {
background-image:linear-gradient(to right, #232526 0%, #414345 100%);
background-image:linear-gradient(to right, #232526 0%, #414345 100%);
color:#ffffff;
color:#ffffff;
border-left-width:1px;
    border-left-width: 1px;
border-left-color:rgba(113,159,202,0.7);
    border-left-color: rgba(113,159,202,0.7);
border-bottom-width:0;
    border-bottom-width: 0;
}
    border-top-width:0;
    border-right-width:0;
}
/* Toc */
.toc {
border: 1px solid #aaa;
background: #2b2b2b;
padding: 5px;
font-size: 95%;
color: white;
}


/* Toc */
#toc {
#toc{
background-color:rgba(131,128,128,0.21);
background-color:rgba(131,128,128,0.21);
color:rgb(255, 255, 255);
color:rgb(255, 255, 255);
}
}


/* Heading */
.toctogglelabel  {
#mw-content-text .mw-parser-output h2{
color: #9b9b9b;
border-bottom-color:rgba(113,159,202,0.7);
  }
}
 
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.toc ul li::before {
display:none!important;
}


/* Heading */
/* Heading */
#content #bodyContent #mw-content-text .mw-parser-output h2{
#content #bodyContent #mw-content-text .mw-parser-output h2 {
border-bottom-width:1px !important;
border-bottom-width:1px!important;
}
border-bottom-color:rgba(113,159,202,0.7)
}


/* First heading */
/* First heading */
#firstHeading{
#firstHeading {
border-bottom-color:rgba(113,159,202,0.7);
border-bottom-color:rgba(113,159,202,0.7);
border-bottom-width:1px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-style:solid;
}
}


/* Link */
/* Link */
#pt-userpage a{
#pt-userpage a {
color:#ffffff !important;
color:#ffffff!important;
background-image:linear-gradient(141deg, #0fb8ad 0%, #2cb5e8 100%);
background-image:linear-gradient(141deg, #0fb8ad 0%, #2cb5e8 100%);
}
}


/* Left - spike*/
/* Left - spike*/
#left-navigation {
#left-navigation {
     background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%);
     background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 1px 100%;
     background-size: 1px 100%;
}
}
/* Span Tag Colors */
#p-personal ul {color:#ffffff;}
#pt-logout a span {color:#ffffff;}
#pt-mycontris a span {color:#ffffff;}
#pt-watchlist {color:#ffffff;}
#pt-watchlist a span {color:#ffffff;}
#pt-preferences a span {color:#ffffff;}
#pt-mytalk .new span {color:#ffffff;}
#pt-userpage .new span {color:#ffffff;}
#ca-edit a span {color:#ffffff;}
#ca-delete a span {color:#000000;}
#ca-move a span {color:#000000;}
#ca-protect a span {color:#000000;}
#pt-login > a > span {color:#000000;}
 
#pt-login a span {
-webkit-filter:drop-shadow(10px 10px 10px #222);
filter:drop-shadow(0px 0px 4px #222);
}
 
#pt-login > a > span:hover {color:#ffffff;}
#searchInput:hover {border-color:white;}
#searchInput:focus {border-color:white;}
#ca-edit > a > span:hover {color:#888;}
#pt-userpage span:hover {color:#555;}
#pt-mytalk span:hover {color:#555;}
#pt-preferences span:hover {color:#555;}
#pt-watchlist span:hover {color:#555;}
#pt-mycontris span:hover {color:#555;}
#pt-logout span:hover {color:#555;}
 
/* Link */
#ca-unwatch a {
display:none;
}
 
/* Cactions checkbox */
#p-cactions-checkbox {
transform:translatex(0px) translatey(0px);
}
 
/* Cactions label */
#p-cactions-label {
color:#ffffff !important;
}
/* FONTS */
/* Main Header FONT */
#firstHeading {
color: white;
font-weight: normal;
font-family:'Aldrich', sans-serif;
}
 
/* Main Header FONT */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5 {
font-family:'Aldrich', sans-serif;
color: white;
}


/* Span Tag */
/* Main content text FONT */
#p-personal ul{
body {  
color:#ffffff;
font-family:'Aldrich', sans-serif;
}
}


#pt-logout a span{
/* Main Logo */
color:#ffffff;
.mw-wiki-logo {
}
background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png)!important;
background-size: contain;
background-size: 9.0625rem;
}
/* Main Logo after toggle sidebar script */
.ToggleLogo {
position:absolute;
margin:0.7em;
width:5.5em;
height:5.5em;
background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png);
background-size: contain;
background-repeat: no-repeat;
background-size: 5.5em;
cursor: pointer;
}


#pt-mycontris a span{
.ToggleLogo:hover {
color:#ffffff;
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
}
/* Shadow */
a.mw-wiki-logo {
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
a.mw-wiki-logo:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* Tabs */
/* Removed spikes */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image:none;
}
/* Search Bar - Tab */
.vector-search-box-input::placeholder {
color:#303030;
}
/* Animation */
#p-views {
-webkit-animation: TabAnimation1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: TabAnimation2 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


#pt-watchlist{
@-webkit-keyframes TabAnimation1 {
color:#ffffff;
0% {opacity: 0;}
}
100% {opacity: 1;}
}


#pt-watchlist a span{
@keyframes TabAnimation2 {
color:#ffffff;
  0% {opacity: 0;}
}
  100% {opacity: 1;}
  }


#pt-preferences a span{
/* Code Block Appearance */
color:#ffffff;
code {
}
background-color: #6C6C6C;
border: 1px solid lightgray;
color:white;
margin:2px;
}


#pt-mytalk .new span{
/* Scrollbar */
color:#ffffff;
/* Width */
}
::-webkit-scrollbar {
width: 13px;
}


#pt-userpage .new span{
/* Track */
color:#ffffff;
::-webkit-scrollbar-track {
}
background: #f1f1f1;
}


#ca-edit a span{
/* Handle */
color:#ffffff;
::-webkit-scrollbar-thumb {
}
background: #888;
}


#ca-delete a span{
/* Handle on hover */
color:#000000;
::-webkit-scrollbar-thumb:hover {
}
background: #555;
}
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) {  
max-width: 100%;
height: auto;
width: auto;
}
/* New "thumb" image */
.FramedImage {
float:right;
text-align:right;
font-size:0.9rem;
margin-left:1em;
margin-bottom:1em;
}


#ca-move a span{
.FramedImage img {
color:#000000;
padding: 1px;
}
background-color: #f0f0f0;
border:1px solid gray;
border-radius: 2em 0 2em 2em;
}


#ca-protect a span{
.FramedImage span{
color:#000000;
margin-right:1em;
}
}


#pt-login > a > span{
/* Collabsed elements */
   color:#000000;
/* All */
.mw-collapsible .mw-collapsible-toggle  {
    float:left;
    margin-left:0;
    margin-right:1em;
  }
 
/* Exapnd/Collapse button TEXT */
.mw-collapsible-text  {
   color: #9b9b9b;
}
}


#pt-login a span{
/* BULLETS, BULLET LIST */
  -webkit-filter: drop-shadow(10px 10px 10px #222);
/* Remove old bullets */
  filter: drop-shadow(0px 0px 4px #222);
ul {
}
list-style: none;  
}


/* New bullets */
.mw-body-content ul li::before {
content: "\2022";
color: white;
font-weight: bold;
display: inline-block;
width: 0.85em;
margin-left: -0.85em;
}
/* Navigation, Side bar, TOC, Background, Headings colors */
#mw-navigation li {
background: none;
}


#pt-login > a > span:hover{
#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited {
color:#ffffff;
color: #bdbdbd;
}
z-index:2;
}


#searchInput:hover{
/* Hover over top bar */
  border-color:white;
#mw-head li a:hover {
}
    color: #F1F0F0!important;
}


#searchInput:focus{
#mw-head li a:link:hover {
  border-color:white;
    color: #F1F0F0!important;
}
}
/* Hover over sidebar */
#mw-panel li a:hover {
color: #F1F0F0 !important;
  z-index:2;
}


#ca-edit > a > span:hover{
#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle {
  color:#888;
    color: white!important;
}
}


#pt-userpage  span:hover{
#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited {
color:#555;
color: #bdbdbd!important;
}
}
/* TOC Hover color */
#toc a:link:hover {
color:#AFAFAF!important
}
/* TOC [hide] Hover color */
.toctogglelabel:hover {
color:white!important;
text-decoration: none
}
/* Background color */
.navbox, .navbox-subgroup {
background: #2b2b2b;    
}


#pt-mytalk span:hover{
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 {
color:#555;
color: white;
}
}


#pt-preferences span:hover{
/* Heading Shadow, title */
color:#555;
h1 {
}
filter: drop-shadow(0 0 3px white);
}


#pt-watchlist span:hover{
h2:not(#mw-toc-heading) {
color:#555;
filter: drop-shadow(0 0 3px white);
}
}


#pt-mycontris span:hover{
h3, h4, h5 {
color:#555;
filter: drop-shadow(0 0 3px gray);
}
}
/* h2 Heading */
#mw-content-text div.mw-parser-output h2:not(#mw-toc-heading) {
display:inline-block;
width:35em;
margin-top:1em;
margin-bottom:-0.3em;
}


#pt-logout span:hover{
/*Header Breaker "----" */
color:#555;
hr {
}
height:1px;
display:inline-block;
position:absolute;
width:45em;
margin-top:-1px;
background-color: rgba(113,159,202,0.7);
filter: drop-shadow(0 0 3px white);
}


/* Link */
/* Links OLD */
#ca-unwatch a{
a:link {color: #bdbdbd!important;}
display:none;
a:visited {color: #bdbdbd!important;}
}
:link:active, :link.new {color: #bdbdbd!important;}
:link.interwiki, :link.external {color: #bdbdbd!important;}


/* Cactions checkbox */
/* Links NEW */
#p-cactions-checkbox{
a:link {
transform:translatex(0px) translatey(0px);
color: #AFAFAF !important;
}
text-decoration: none;
}


/* Cactions label */
a:visited {  
#p-cactions-label{
color: #bdbdbd!important;  
color:#ffffff !important;
text-decoration: none;
}
}


/* -----------------------------------------------------------------------------  */
a:hover {
color:#F1F0F0!important;
}


/* -----------------------------------------------------------------------------  */
:link:active, :link.new {
color: #bdbdbd!important;
text-decoration: none;
}
:link.interwiki, :link.external {
text-decoration: none;
}


/* FONTS */
/* Hover for external links */
/* Main Header FONT */
.mw-parser-output a.external:hover {  
#firstHeading{  
text-decoration: none;
  color: white;
color: #F1F0F0 !important;
  font-weight: normal;
}
  font-family:'Aldrich', sans-serif;
}


/* Main Header FONT */
/* Sticky header */
.mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5{
.sticky tr {    
  font-family:'Aldrich', sans-serif;
position: sticky;   
  color: white;  
top: 0;    
}
z-index: 2;
}  


/* Main content text FONT */
.sticky tbody {   
body {  
position: relative;   
  font-family:'Aldrich', sans-serif;
z-index: 1;
}
}
/* FONT END */
/* Hover over text to see more div class */
.hide {
display: none;
}


/* Main Logo*/
.HoverHide:hover + .hide {
.mw-wiki-logo {
display: block;;
  background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png)!important;
}
  background-size: contain;
  background-size: 9.0625rem;
}
/* Shadow*/
a.mw-wiki-logo{
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
a.mw-wiki-logo:hover{
  -webkit-filter: drop-shadow(0px 0px 15px gray);
}


/* Tabs */
/* Hover over image to see text */
.container {
position: relative;
width: auto;
display:inline-block;
}
@media screen and (max-width: 1920px) {.overlay  {font-size:185%;}}
@media screen and (max-width: 1800px) {.overlay  {font-size:180%;}}
@media screen and (max-width: 1700px) {.overlay  {font-size:175%;}}
@media screen and (max-width: 1600px) {.overlay  {font-size:170%;}}
@media screen and (max-width: 1500px) {.overlay  {font-size:165%;}}
@media screen and (max-width: 1400px) {.overlay  {font-size:155%;}}
@media screen and (max-width: 1300px) {.overlay  {font-size:150%;}}
@media screen and (max-width: 1200px) {.overlay  {font-size:145%;}}
@media screen and (max-width: 1100px) {.overlay  {font-size:140%;}}
@media screen and (max-width: 1000px) {.overlay  {font-size:135%;}}


/* Removed spikes*/
@media screen and (max-width: 900px) {.overlay  {font-size:130%;}}
@media screen and (max-width: 800px) {.overlay  {font-size:125%;}}
@media screen and (max-width: 700px) {.overlay  {font-size:120%;}}
@media screen and (max-width: 600px) {.overlay  {font-size:115%;}}
@media screen and (max-width: 500px) {.overlay  {font-size:110%;}}
@media screen and (max-width: 400px) {.overlay  {font-size:105%;}}
@media screen and (max-width: 300px) {.overlay  {font-size:100%;}}


.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{
.overlay {
  background-image:none;
position: absolute;
}
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0; /* TESTING */
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}


/* Search Bar*/
.container:hover .overlay {
.vector-search-box-input::placeholder{
opacity: 1;
  color:#303030;
}
}


/* Current events - Tab */
.HoverImg {
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no {
color: white;
    cursor:context-menu;
position: absolute;
    font-size:13px;
text-align: center;
    text-align:right;
top: 50%;
    position:relative;
left: 50%;
    top:7px;
width:100%;
}
transform: translate(-50%, -50%);
.vector-menu-tabs-legacy li div {
-ms-transform: translate(-50%, -50%);
    float: right;
}
}
.vector-menu-tabs-legacy li.current-events img{
/* Remove the external link image */
    width: 30px!important;
.mw-parser-output a.external {
    margin: 0px 5px 0px 0px;
background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
    border: solid 1px;
padding-right: 0px
}
}
/* Remove the external link image END */
/* Disables spoilers. We need other way for this. Disable viewing of unused pictures


#p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3){
.mw-special-Unusedimages {
display:flex;
    display: none;
align-items:stretch;
}
margin: 0px 7px 0px 0px;
}


/* Separator */
.mw-special-Uncategorizedimages {  
#\=current-events-0, #current-events-no{
    display: none;
border-left-style:solid;
}
border-left-width:3px;
border-left-color:#95a5a6;
padding-left:0.7em;
}


/* Server time timer - tab*/
.mw-special-Listfiles {
#server-time-href{
    display: none;
cursor:context-menu;
}
font-size:13px;
text-align:right;
position:relative;
top:7px;
margin-right:10px;
}


/* Tab animation
.mw-special-Log {
#p-views{
    display: none;
  animation: hideAnimation 3s ease-in 0s;
}
  animation-fill-mode: forwards;
}


@keyframes hideAnimation {
.mw-special-Newimages {
  0%  {display:none; opacity:0}
    display: none;
  40%  {display:none; opacity:0}
}
  100% {opacity:1}
}
*/
*/
/* More - tab */
#p-cactions-label{
  color:white!important;
}


/* Code Block Appearance */
/* Removed tabs */
code {
#ca-nstab-main {display: none!important;} 
  background-color: #6C6C6C;
#ca-nstab-user a {display:none!important;}
  border: 1px solid #6C6C6C;
#ca-nstab-mediawiki a {display:none;}
  color:white;
#ca-nstab-special a {display:none;}
}
#ca-talk {display: none!important;}
#ca-history {display: none!important;}
#ca-view {display: none!important;}
#p-tb {display: none;}
#ca-viewsource {display: none!important;}
 


/* Code Block Appearance END */
/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks {
display:none;
}
/* Remove gallerybox bullet */
li.gallerybox::before {
visibility: hidden
}
/* New Tabs (Old Tabber) */
/* Whole Tabs */
.tabs-tabbox, .tabs-togglebox {
display:inline-block;
}


/* Scrollbar */
/* Inside Tabs */
/* width */
.tabs-tabbox .tabs-container {
::-webkit-scrollbar {
border:0.3em solid #414141;
  width: 13px;
border-radius:0;
}
padding:0;
background-color: #6C6C6C;
display:flex;
}


/* Track */
/* Inside Labels */
::-webkit-scrollbar-track {
.tabs-label {
  background: #f1f1f1;
background-color: gray;
}
border-color:transparent;
user-select:none;
font-size:120%;
z-index:10;
}


/* Handle */
/* Inside Labels HOVER */
::-webkit-scrollbar-thumb {
.tabs-label:hover {
  background: #888;
background-color: #6C6C6C;
}
border-color:transparent;
}


/* Handle on hover */
/* Inside Labels ACTIVE */
::-webkit-scrollbar-thumb:hover {
.tabs-label:active {
  background: #555;
background-color: #414141;
}
border-color:transparent;
/* Scrollbar END *
}
/* Inside Labels SELECTED */
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #535353;
border-color:transparent;
z-index:-1;
}


/*Main Page content text wrap*/
/* First Label */
/*Row 1*/
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
.page-Main_Page #container1{
margin-left:0;
  display:flex;
}
  flex-wrap: wrap;
  justify-content:space-between;
/* Tabs Animation */
}
.tabs-tabbox {
/*Row 2*/
opacity: 0;
.page-Main_Page #container2{
position: relative;
  display:flex;
top: -50px; /* Adjust this value according to your layout */
    flex-wrap: wrap;
}
  justify-content:space-between
}


/*Main Page Image Logo*/
/* Data Hover cell=column + JS */
.page-Main_Page .mw-parser-output a img{
.highlight {
  -webkit-filter: drop-shadow(15px 15px 15px #222);
background-color: #ADABAB;
  filter: drop-shadow(20px 15px 15px #222);
}
}


.page-Main_Page .mw-parser-output a img:hover{
/* Bosses Page flex table */
  -webkit-filter: drop-shadow(0px 0px 15px gray);
.BossTableBefore {
}
display:flex;
flex-wrap:wrap;
justify-content:normal;
align-items:center;
gap:0.5em 0.5em;
}
/* Boss Icons */
/* Right Corner stuff */
.BossOverlayContainerMain {
position:absolute;
display:flex;
flex-direction:column;
align-items:center;
right:0.5em;
bottom:0.5em;
cursor:pointer;
}


/*"Social" tab longer to match "You might also like" tab*/
.BossOverlayContainerMain img {
.page-Main_Page #nine{
margin-top:0.3em;
  width:234px;
border:1px solid black;
}
}


/* Main Page NEW/RE-EDIT */
.BossCornerTime  {
span#NEW{
background-color: #6C6C6C;
  position: relative;
margin-bottom:1em;
  color:yellow;
border:1px solid black;
  font-size: .83em;
display:flex;
  top: -0.6em;
align-items:center;
}
justify-content:center;
width:28px;
height:28px;
font-size:0.8rem
}


span#RE-EDIT{
/* Custom Tables */
  position: relative;
  color:lime;
  font-size: .83em;
  top: -0.6em;
}


/* Main Page END */
/* Custom Table - Shops/ListItem */
/* Table Global */
.ShopsTable {
border-collapse: collapse;
cursor: pointer;
user-select:none;
}
.ListItem {
border-collapse: collapse;
user-select:none;
}
/* Make the images not resize on zoom */
.ShopsTable img,
.ListItem img {
max-width:min-content;
}
/* Table Header */
.ShopsTable tr,
.ListItem tr {
background-color: gray;
}


/* Custom Missions page shadow fix */
/* Table Data */
.page-Custom_Missions #mw-content-text .mw-parser-output h2 {
.ShopsTable>*>tr>td,
filter: brightness(1.0001);
.ListItem>*>tr>td {
}
font-family:'Aldrich', sans-serif;
/* Custom Missions page shadow fix END */
background-color: #6C6C6C;
color: white;
transition: background-color .3s ease-in-out;
border-bottom: 1px solid black;
}


/* Images resize-zoom/resolution */
/* Table Data Hover */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"])
.ShopsTable td:hover,
{  
.ListItem td:hover {
  max-width: 100%;
background-color: #ADABAB;
  height: auto;
}
  width: auto;
}
/* Images resize-zoom/resolution END*/


.mw-collapsible .mw-collapsible-toggle {
/* Table Data Hover cell=row */
    float:left;
.ShopsTable>*>tr:has(td:hover) td,
    margin-left:0;
.ListItem>*>tr:has(td:hover) td {
    margin-right:1em;
background-color: #ADABAB;
}
}


/* Search Page */
/* BigPicture */
.page-Special_Search .mw-body-content ul li::before{
.ShopsTable td:nth-child(1),
  content:none;
.ListItem td:nth-child(1) {
}
padding:0.5em;
}


.page-Special_Search .mw-search-profile-tabs li a {
/* Name */
  color:white!important;
.ShopsTable td:nth-child(2),
}
.ListItem td:nth-child(2) {
padding-left:0.5em;
padding-right:1em;
}


.page-Special_Search .mw-search-profile-tabs {
/* Icons */
  background-color:#555;
.ShopsTable td:nth-child(3), .ShopsTable td:nth-child(6), .ShopsTable td:nth-child(9), .ShopsTable td:nth-child(12),
}
.ListItem td:nth-child(3), .ListItem td:nth-child(6), .ListItem td:nth-child(9), .ListItem td:nth-child(12) {
padding:0.3em;
}


.page-Special_Search .mw-search-profile-tabs li a:hover {
/* QNT Text */
  color:#ADABAB!important;
.ShopsTable td:nth-child(4), .ShopsTable td:nth-child(7), .ShopsTable td:nth-child(10), .ShopsTable td:nth-child(13),
}
.ListItem td:nth-child(4), .ListItem td:nth-child(7), .ListItem td:nth-child(10), .ListItem td:nth-child(13) {
padding-left:0;
padding-right:1em;
}


.page-Special_Search #mw-searchoptions{
/* Separators */
  background-color:#6C6C6C;
.ShopsTable td:nth-child(5), .ShopsTable td:nth-child(8), .ShopsTable td:nth-child(11),
}
.ListItem td:nth-child(5), .ListItem td:nth-child(8), .ListItem td:nth-child(11) {
padding:0;
}
/* Special style for List items */
.ShopsTable.ListItem {
border: 1px solid black;
}


.toclimit-2 .toclevel-1 ul,
/* Custom Table - EnchantTable */
.toclimit-3 .toclevel-2 ul,
/* Table Global */
.toclimit-4 .toclevel-3 ul,
.EnchantTable {
.toclimit-5 .toclevel-4 ul,
table-layout: fixed;
.toclimit-6 .toclevel-5 ul,
width: 100%;
.toclimit-7 .toclevel-6 ul {
border-collapse: collapse;
display: none;
width: 150px;
}
text-align: center;
}


.mw-collapsible-text, .toctogglelabel {
/* Table Header */
color: #9b9b9b
.EnchantTable tr {
}
background-color: gray;
}


.toc {
/* Table Data */
border: 1px solid #aaa;
.EnchantTable>*>tr>td {
background: #2b2b2b;
-family:'Aldrich', sans-serif;
padding: 5px;
background-color: #6C6C6C;
font-size: 95%;
color: white;
color: white;
padding: 2px;
}
transition: background-color .3s ease-in-out;
/* BULLETS IN BULLET LIST */
border-top: 1px solid black;
/* Remove old bullets */
width: 80px;
ul {
}
  list-style: none;  
}
/* new bullets */
.mw-body-content ul li::before {
  content: "\2022";
  color: white;
  font-weight: bold;
  display: inline-block;  
  width: 0.85em;
  margin-left: -0.85em;
}


/* TOC bullet list */
/* Table Data Hover */
.toc ul li::before {  
.EnchantTable td:hover {
  display:none;
background-color: #ADABAB;
}
}
/* BULLETS IN BULLET LIST END */


#mw-navigation li{
/* Table Data Hover cell=row */
background: none;
.EnchantTable>*>tr:has(td:hover) td {
}
background-color: #ADABAB;
#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited {
}
    color: #bdbdbd;
}


#mw-head li a:hover /* Hover over top bar*/
{
    color: #F1F0F0!important;
}


#mw-head li a:link:hover
/* Custom Table - BreakPointsTable */
{
/* Table Global */
    color: #F1F0F0!important;
.BreakPointsTable {
}
table-layout: fixed;
width: 100%;
width: 90px;
border-collapse: collapse;
user-select: none;
}


#mw-panel li a:hover { /* Hover over sidebar*/
/* Table Header */
  color: #F1F0F0 !important;
.BreakPointsTable tr {
}
background-color: gray;
border: 1px solid black;
}


#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle {
/* Table Data */
    color: white!important;
.BreakPointsTable>*>tr>td {
}
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}


#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited {
/* Table Data Hover */
color: #bdbdbd!important;
.BreakPointsTable td:hover {
}
background-color: #ADABAB;
#toc a:link:hover  /*TOC Hover color */
}
{  
  color:#AFAFAF!important
}


.toctogglelabel:hover  /*TOC [hide] Hover color */
/* Table Data Hover cell=row */
{
.BreakPointsTable>*>tr:has(td:hover) td {
  color:white!important;
background-color: #ADABAB;
  text-decoration: none
}
}


.navbox,
.navbox-subgroup {
    background: #2b2b2b;      /* Background color */
}


h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 {
/* Custom Table - InfluenceTable */
color: white;
/* Table Global */
}
.InfluenceTable {
width: 100%;
width: 300px;
border-collapse: collapse;
}


/* Heading Shadow, title */
/* Table Header */
h1 {
.InfluenceTable tr {
filter: drop-shadow(0 0 3px white);
background-color: #6C6C6C;
}
border: 1px solid black;
border-top: 1px solid black;
text-align:center;
}


h2:not(#mw-toc-heading) {
/* Table Data */
filter: drop-shadow(0 0 3px white);
.InfluenceTable*>tr>td {
}
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}


h3, h4, h5 {
/* Table Data Hover */
filter: drop-shadow(0 0 3px gray);
.InfluenceTable td:hover {
}
background-color: #ADABAB;
}


/* Links OLD */
/* Table Data Hover cell=row */
a:link { color: #bdbdbd!important; }
.InfluenceTable>*>tr:has(td:hover) td {
a:visited { color: #bdbdbd!important; }
background-color: #ADABAB;
:link:active, :link.new { color: #bdbdbd!important; }
}
:link.interwiki, :link.external { color: #bdbdbd!important; }
/* Links OLD END */


/* Links */
/* Custom Table - Weapons E15 Overlay containerE15 */
a:link
.containerE15 {
{  
position: relative;
  color: #AFAFAF !important;  
text-align: center;
  text-decoration: none;
color: #F5B930;
}
padding-top:6px;
a:visited
}
{
  color: #bdbdbd!important;  
  text-decoration: none;
}
a:hover
{
  color:#F1F0F0!important;
}
:link:active,
:link.new
{
  color: #bdbdbd!important;
  text-decoration: none;
}
:link.interwiki,
:link.external
{
  text-decoration: none;
}
.mw-parser-output a.external:hover /* Hover for external links*/
{
  text-decoration: none;
  color: #F1F0F0 !important;
}


/* Links END*/
.overlayE15 {
position: absolute;
top: 90%;
left: 50%;
transform: translate(-50%, -50%);
}




#footer ul li {
/* Custom Table - Recipe */
    color: white;
/* Table Global */
}
.RecipeTable {
table-layout: fixed;
border-collapse: collapse;
text-align:center;
font-size:0.8em;
}


#ca-viewsource { display: none !important; }
/* Table Header */
.RecipeTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}


/* Sticky header*/
/* Table Data */
.sticky tr
.RecipeTable>*>tr>td {
{   
font-family:'Aldrich', sans-serif;
  position: sticky;    
background-color: #6C6C6C;
  top: 0;    
color: white;
  z-index: 2;
transition: background-color .3s ease-in-out;
}  
border: 1px solid black;
text-align:left; 
padding: 10px;
}


.sticky tbody
/* Table Data Hover */
{    
.RecipeTable td:hover {
  position: relative;   
background-color: #ADABAB;
  z-index: 1;  
}
}
/* Sticky header END*/


/* Hover over text to see more div class */
/* Table Data Hover cell=row */
.hide {
.RecipeTable>*>tr:has(td:hover) td {
  display: none;
background-color: #ADABAB;
}
}


.HoverHide:hover + .hide {
  display: block;;
}
/* Hover over text to see more div class END*/


/* Hover over image to see text */
/* Custom Table - PlayerSkillTable */
.container {
/* Table Global */
  position: relative;
.PlayerSkillTable {
  width: auto;
table-layout: fixed;
}
border-collapse: collapse;
user-select: none;
outline:1px solid gray;
}


.overlay {
/* Table Header */
  position: absolute;
.PlayerSkillTable tr {
  top: 0;
background-color: gray;
  bottom: 0;
border: 1px solid black;
  left: 0;
border-top: 1px solid black;
  right: 0;
}
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.container:hover .overlay {
  opacity: 1;
}
.HoverImg {
  color: white;
  font-size: 1.875em;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width:100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/* Hover over image to see text END */


/* Yeet the external link image */
/* Table Data */
.mw-parser-output a.external {
.PlayerSkillTable>*>tr>td {
    background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
font-family:'Aldrich', sans-serif;
padding-right: 0px
background-color: #6C6C6C;
}
color: white;
/* Yeet the external link image END */
padding: 4px;
transition: background-color .3s ease-in-out;
width: 117px;
}


/* Disables spoilers. We need other way for this. Disable viewing of unused pictures
.mw-special-Unusedimages {
    display: none;
}


.mw-special-Uncategorizedimages {
/* Custom Table Infinity Field Difficulty Table */
    display: none;
/* Global */
}
.IF-DifficultyTable {
border-collapse: collapse;
background-color: #6C6C6C;
overflow-y: auto;
display:inline-block;
max-height:45em!important;
margin-top:-2em;
margin-bottom:-3em;
outline:1px solid black;
}


.mw-special-Listfiles {
/* Header */
    display: none;
.IF-DifficultyTable th {
}
background-color:#555;
border-left:1px solid black;
text-align:center;
padding:0.5em;
position:sticky;
top:0;
}


.mw-special-Log {
/* Inside */
    display: none;
.IF-DifficultyTable td {
}
border: 1px solid black;
text-align:center;
padding:0.1em;
}


.mw-special-Newimages {
/* Hover */
    display: none;
.IF-DifficultyTable>*>tr:has(td:hover) {
}
background-color: #ADABAB;
Disables spoilers. END */
}


/* Infinity Field styling of Toggle/Expand elements + Pictures */
.page-Infinity_Field .Area-1 {
background-image: url("/images/b/b5/Kreacian_Holy_Land_Small.png");
padding:1em;
width:11em;
margin-left:1.2em;
text-shadow: black 1px 0 10px;
text-align:center;
}


.page-Infinity_Field .Area-2 {
background-image: url("/images/3/3c/The_Hydrogen_Driver_Small.png");
padding:1em;
width:11em;
margin-left:1.2em;
text-shadow: black 1px 0 10px;
text-align:center;
}


/*Removed tabs */
.page-Infinity_Field .Area-3 {
#ca-nstab-main { display: none !important; }             
background-image: url("/images/3/3b/Survival_Abyss_Small.png");
#ca-talk { display: none !important; }
padding:1em;
#ca-history { display: none !important;}
width:11em;
#ca-view { display: none !important; }
margin-left:1.2em;
#p-tb { display: none; }
text-shadow: black 1px 0 10px;
/* Removed tabs END  */
text-align:center;
}


/* Sidebar Header color change */
.page-Infinity_Field .Areas .ToggleElement{
.portal h3
padding:1em!important;
{
}
  color: white;
}
/* Sidebar Header Shadow */
#p-Navigation-label, #p-Gears-label, #p-Events-label, #p-Other-label, #p-Useful_Links-label, #p-Discord-label, #p-Social-label {
filter: drop-shadow(0 0 15px white);
}


/* Sidebar Header color change END*/
/* Skills */
/* Skills Main */
.Skills-Main {
display:flex;
flex-wrap:wrap;
gap:1em;
}
.Skills {
background-color: #6C6C6C;
border:1px solid gray;
padding: 6px;
margin:5px;
cursor:pointer;
user-select:none;
}


/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.Skills:hover {
.catlinks
background-color:#ADABAB;
{
}
  display:none;
}
/* Remove the category block END */


/* Tabber */
.Skills td:nth-child(1) {
width:32px;
}


/* Tabber invis body switch */
.Skills td:nth-child(2) {
.tabber--live {
width:150px;
  width:min-content;
}
}


/* Tabber Line Remove */
/* Skill Description */
.tabber__header {
.SkillDSC {
    box-shadow: inset 0 0px 0 0 #a2a9b1;
margin-top:1.5em;
}
margin-bottom:0.5em;
}


/* Tabber Indicator Global*/
/* Hidden output tables by default */
.tabber__indicator {
.Skills-Hidden  {
block-size: 5px;
display:none;
}
}


/* Tabber Arrow < color*/
/* Skill Table Output */
.tabber__header__prev{
/* Global */
  background-color:rgba(255,255,255,0.4);
.SkillTable {
}
border-collapse: collapse;
/* Tabber Arrow > color*/
background-color: #6C6C6C;
.tabber__header__next {
margin-bottom:1.25em;
  background-color:rgba(255,255,255,0.4);
/* min-width:880px; /* Align all tables */
}
overflow-x: scroll;
}


/* Shorter-scrollable Tabber */
/* Hover */
.SkillTable>*>tr:has(td:hover) {
background-color: #ADABAB;
}


.tabber__section {
/* Inside */
  height: 770px!important;
.SkillTable td {
  overflow-y: auto!important;
border: 1px solid black;
}
text-align:center;
padding:0.5625em;
}


/* Font Adjust */
.SkillTable th {
.tabber__section tr td{
background-color:#555;
font-weight:600;
border: 1px solid black;
line-height:1em;
text-align:center;
font-size:0.96em;
padding:0.5625em;
}
position: sticky;
top: 0;
}


.tabber__panel {
/* Image resize */
  max-height: 770px;
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"]{min-width:28px}
  overflow-y: auto;
}


/* Tabber Scrollbar */
/* Media querry */
.tabber__section::-webkit-scrollbar {
@media (max-width: 800px)  {
  width: 7px;
.SkillTable th { writing-mode: vertical-rl; padding:0.5em; }
}
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"] { display:none; }
  }
 
/* Custom Table - DisputeHoursTable */
/* Table Global*/
.DisputeHoursTable {
table-layout: fixed;
width: 100%;
width: 90px;
border-collapse: collapse;
text-align:center;
}


.tabber__section::-webkit-scrollbar-thumb {
/* Table Header */
  background: #555;
.DisputeHoursTable tr {
}
background-color: gray;
border: 1px solid black;
}


.tabber__section::-webkit-scrollbar-thumb:hover {
/* Table Data */
  background: #888;
.DisputeHoursTable*>tr>td {
}
font-family:'Aldrich', sans-serif;
 
background-color: #6C6C6C;
/* Tabber END */
color: white;
 
padding: 1px;
/* Remove gallerybox bullet */
transition: background-color .3s ease-in-out;
li.gallerybox::before
border: 1px solid black;
{
width: 80px;
  visibility: hidden
}
}


/* Custom Table - TableShops                                                                      CUSTOM SHOPS*/
/* Table Data Hover */
/* WAR POINT SHOP                              */
.DisputeHoursTable td:hover {
.page-War_Point_Shop .tabber__tab {
background-color: #ADABAB;
    padding: 0.5em 2.9em;
}
}
.page-War_Point_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-War_Point_Shop td:nth-child(2) {
  text-align: left;
}
.page-War_Point_Shop td:nth-child(3) {
  text-align: left;
  width:90px
}


/* CARD SHOP                              */
/* Table Data Hover cell=row */
.page-Card_Shop .tabber__tab {
.DisputeHoursTable>*>tr:has(td:hover) td {
    padding: 0.5em 2.8em;
background-color: #ADABAB;
}
}
.page-Card_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-Card_Shop td:nth-child(2) {
  text-align: left;
}
.page-Card_Shop td:nth-child(3) {
  text-align: left;
  width:110px
}


/* GEAR SHOP                              */
.page-Gear_Shop .tabber__tab {
    padding: 0.5em 2.5em;
}
.page-Gear_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-Gear_Shop td:nth-child(2) {
  text-align: left;
}
.page-Gear_Shop td:nth-child(3) {
  text-align: left;
  width:90px
}


/* PARTS SHOP                              */
/* Custom Table Fixes */
.page-Parts_Shop .tabber__tab {
/* Table Global */
    padding: 0.5em 3.1em;
.FixesTable {
}
border-collapse: collapse;
.page-Parts_Shop td:nth-child(1) {
cursor: default;
  text-align: left;
border: 1px solid black;
  width:80px
}
}
.page-Parts_Shop td:nth-child(2) {
.FixesTable th {
  text-align: left;
overflow-y:auto;
  width:100%;
}
  width:190px
}
.page-Parts_Shop td:nth-child(3) {
  text-align: left;
  width:120px
}


/* WEAPON SHOP                              */
/* Table Header */
.page-Weapon_Shop .tabber__tab {
.FixesTable tr {
    padding: 0.5em 2.1em;
background-color: #D8D8D8;
}
text-align:center;
.page-Weapon_Shop td:nth-child(1) {
color:black;  
  text-align: left;
}
    width:80px
}
.page-Weapon_Shop td:nth-child(2) {
  text-align: left;
}
.page-Weapon_Shop td:nth-child(3) {
  text-align: left;
  width:110px;
}


/* EVENT SHOP                              */
/* Table separate headers hover */
.page-Event_Shop .tabber__tab {
.FixesTable th:hover {
    padding: 0.5em 23.2em;
background-color: #ADABAB;
}
}
.page-Event_Shop .tabber__indicator{
  display:none;
}
.page-Event_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-Event_Shop td:nth-child(2) {
  text-align: left;
}
.page-Event_Shop td:nth-child(3) {
  text-align: left;
      width:210px
}


/* BOSS TOKEN SHOP                              */
.FixesTable td {
.page-Boss_Token_Shop .tabber__tab {
border: 1px solid black;
  padding: 0.5em 2.9em;
}
}
.page-Boss_Token_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-Boss_Token_Shop td:nth-child(2) {
  text-align: left;
}
.page-Boss_Token_Shop td:nth-child(3) {
  text-align: left;
  width:200px
}


/* KILLMARK SHOP                              */
/* Table Data Hover */
.page-Killmark_Shop .tabber__tab {
.FixesTable td:hover {
  padding: 0.5em 2.8em;
background-color: #ADABAB;
}
}
.page-Killmark_Shop td:nth-child(1) {
  text-align: left;
    width:95px
}
.page-Killmark_Shop td:nth-child(2) {
  text-align: left;
}
.page-Killmark_Shop td:nth-child(3) {
  text-align: left;
  width:70px
}


/* GOLD COIN SHOP                              */  
/* Table Data Hover cell=row */
.FixesTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}


.page-Gold_Coin_Shop .tabber__tab {
/* Table Header shadow */
  padding: 0.5em 17.5em;
.page-Fixes .mw-parser-output thead tr {
}
box-shadow:0px 0px 14px 0px #000000;  
.page-Gold_Coin_Shop .tabber__indicator{
}
  display:none;
}
.page-Gold_Coin_Shop td:nth-child(1) {
  text-align: left;
    width:85px
}
.page-Gold_Coin_Shop td:nth-child(2) {
  text-align: left;
}
.page-Gold_Coin_Shop td:nth-child(3) {
  text-align: left;
  width:70px
}


/* WEAPON CONTOUR SHOP                            */
/* Table Scroll */
.page-Weapon_Contour_Shop .tabber__tab {
/* Weapon */
    padding: 0.5em 2.3em;
.page-Fixes #TableBefore1 {
}
width:max-content;
max-height:50em;
overflow-y: auto;
}


.page-Weapon_Contour_Shop td:nth-child(1) {
/* Armor */
  text-align: left;
.page-Fixes #TableBefore2 {
  width:80px
max-width:1600px;
}
width:max-content;
max-height:50em;  
overflow-y: auto;
}


.page-Weapon_Contour_Shop td:nth-child(2) {
/* PET */
  text-align: left;
.page-Fixes #TableBefore3 {
 
max-width:1400px;
width:max-content;
max-height:50em;  
overflow-y: auto;
}
}


.page-Weapon_Contour_Shop td:nth-child(3) {
  text-align: left;
  width:45px
}


/* Custom Cosmetics Shop                              */
/* Fixes Button */
.page-Custom_Cosmetics_Shop .tabber__tab {
.WeaponFixBtn, .ArmorFixBtn, .PETFixBtn {
  padding: 0.5em 3.2em;
width:max-content;
border: solid 3px #736868;
border-radius:10px;
background-color:#515151;
padding: 0 5px 0 5px;
margin-top:0.5em;
user-select: none;
}
}


.page-Custom_Cosmetics_Shop td:nth-child(1) {
/* Fixes Button (hover) */
  text-align: left;
.WeaponFixBtn:hover, .ArmorFixBtn:hover, .PETFixBtn:hover {
  width:50px
border-color:#d4cdcd;
}
filter: contrast(0.5);
.page-Custom_Cosmetics_Shop td:nth-child(2) {
cursor:pointer;
  text-align: left;
}
  width:150px;
}
.page-Custom_Cosmetics_Shop td:nth-child(3) {
  text-align: left;
  width:40px
}


/* Weapon Effect Shop                              */
/* Fixes Button (active) */
.page-Weapon_Effect_Shop .tabber__tab {
.WeaponFixBtn:active, .ArmorFixBtn:active, .PETFixBtn:active {
  padding: 0.5em 3em;
border-color:#2e354f;
}
background-color:#4e6170;
.page-Weapon_Effect_Shop td:nth-child(1) {
}
  text-align: left;
  width:50px
.FixesTable th {
}
    overflow-wrap: break-word;
.page-Weapon_Effect_Shop td:nth-child(2) {
    max-width: 6em;
  text-align: left;
writing-mode: vertical-rl;
  width:150px;
    transform: rotate(180deg);
}
.page-Weapon_Effect_Shop td:nth-child(3) {
  text-align: left;
  width:20px
}
}
/* Draggable Fixes Table */
#TableBefore1, #TableBefore2, #TableBefore3 {
position: relative;
user-select: none;
}


/* FFA Shop                                            */
#TableBefore1 {
.page-FFA_Shop .tabber__tab {
min-width:35em;
    padding: 0.5em 2.7em;
}
}
.page-FFA_Shop td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-FFA_Shop td:nth-child(2) {
  text-align: left;
}
.page-FFA_Shop td:nth-child(3) {
  text-align: left;
  width:90px
}


/* Infinity Field Vendor                              */
#TableBefore2 {
.page-Infinity_Field_Vendor .tabber__tab {
min-width:56.9em;
    padding: 0.5em 4em;
}
}
.page-Infinity_Field_Vendor td:nth-child(1) {
  text-align: left;
    width:80px
}
.page-Infinity_Field_Vendor td:nth-child(2) {
  text-align: left;
  width:190px
}
.page-Infinity_Field_Vendor td:nth-child(3) {
  text-align: left;
  width:200px
}


/* Charm Shop/Aquarium                              */
#TableBefore3 {
.page-Aquarium .tabber__tab {
min-width:44.1em;
    padding: 0.5em 18em;
}
}
/*
.page-Aquarium .tabber__indicator{
.drag-handle1, .drag-handle2, .drag-handle3 {
  display:none;
cursor: grab;
}
z-index:10;
.page-Aquarium td:nth-child(1) {
height: 100%;
  text-align: left;
width: 3em;
    width:80px
position: absolute;
}
right:0;
.page-Aquarium td:nth-child(2) {
}
  text-align: left;
*/
}
.page-Aquarium td:nth-child(3) {
  text-align: left;
    width:50px
}


/* Mystery_Capsule                                */
.page-Mystery_Capsule .tabber__tab {
  padding: 0.5em 15em;
}
.page-Mystery_Capsule .tabber__indicator{
  display:none;
}


.page-Mystery_Capsule td:nth-child(1) {
/* Custom Table - ChatTable */
  width:60px;
/* Table Global */
}
.ChatTable {
.page-Mystery_Capsule td:nth-child(2) {
table-layout: fixed;
  width:200px;
width: 100%;
}
width: 210px;
border-collapse: collapse;
text-align:center
}


/* Custom Table - TableShops                                                                      CUSTOM SHOPS END*/
/* Table Header */
/* Table Global*/
.ChatTable tr {
.TableShops{
  background-color: gray;
  table-layout: fixed;
  border: 1px solid black;
  border-collapse: collapse;
}
  width: 100%;
}


/* Table Header*/
/* Table Data */
.TableShops tr {
.ChatTable>*>tr>td {
background-color: gray;
font-family:'Aldrich', sans-serif;
}
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}


/* Table Data*/
/* Table Data Hover */
.TableShops>*>tr>td {
.ChatTable td:hover {
font-family:'Aldrich', sans-serif;
background-color: #ADABAB;
background-color: #6C6C6C;
}
border: none;
color: white;
padding: 10px;
transition: background-color .3s ease-in-out;
border-bottom: 1px solid black;
}


/* Table Data Hover*/
/* Table Data Hover cell=row */
.TableShops td:hover {
.ChatTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
background-color: #ADABAB;
}
}


/* Table Data Hover cell=row*/
.TableShops>*>tr:has(td:hover) td {
background-color: #ADABAB;
}


/* Hover pointer*/
/* Custom Table - SmallTable on Chat Page */
.TableShops{
.SmallTable th{
  cursor: pointer;
width: 50px;
}
}
/* Custom Table - TableShops END*/


/* Custom Table - EnchantTable */
.SmallTable tr {
background-color: gray;
text-align: center;
}


/* Custom Table - PETTable1 */
/* Table Global*/
/* Table Global*/
.EnchantTable {
.PETTable1 {
table-layout: fixed;
table-layout: fixed;
width: 100%;
width: 100%;
width: 80px;
border-collapse: collapse;
text-align:left
}
/* Table Header */
.PETTable1 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.PETTable1 td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
border: 1px solid black;
width: 60px;
text-align:center;
}
/* Table First Collumn */
.PETTable1 tbody>tr>:nth-child(1) {
width: 126px;
}
/* Custom Table - .PETTable2 */
/* Table Global*/
.PETTable2 {
border-collapse: collapse;
}
/* Table Header */
.PETTable2 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.PETTable2 td {
background-color: #6C6C6C;
border: 1px solid black;
padding:5px;
text-align:left;
}
/* Custom Table - CRP Shop */
/* Table Global */
.CRPShopTable {
border-collapse: collapse;
border-collapse: collapse;
width: 150px;
}
text-align: center;
 
}
/* Table Data */
.CRPShopTable>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding-left:0.5em;
padding-right:0.5em;
transition: background-color .3s ease-in-out;
border: 1px solid black;
text-align:center;
  width:20em;
}
 
/* Table Data Hover */
.CRPShopTable td:hover {
background-color: #ADABAB;
cursor:pointer;
}
 
/* Custom Table - Formation */
.page-Formation .Formation {
border-collapse: collapse;
}


/* Table Header*/
.page-Formation .Formation tr {
.EnchantTable tr {
background-color: gray;
background-color: gray;
}
border: 1px solid black;
border-top: 1px solid black;
}
 
.page-Formation .Formation td:hover {
background-color: #ADABAB;
}
 
.page-Formation .Formation>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
 
.page-Formation td:nth-child(1) {
width:120px;
}


/* Table Data*/
.page-Formation td:nth-child(2) {
.EnchantTable>*>tr>td {
width:200px;
font-family:'Aldrich', sans-serif;
}
background-color: #6C6C6C;
color: white;
padding: 2px;
transition: background-color .3s ease-in-out;
border-top: 1px solid black;
width: 80px;
}


/* Table Data Hover*/
.page-Formation td:nth-child(3) {
.EnchantTable td:hover {
width:40px;
background-color: #ADABAB;
}
}
.page-Formation td:nth-child(4) {
width:280px;
}


/* Table Data Hover cell=row*/
/* Custom Table Milestones/Fame Player */
.EnchantTable>*>tr:has(td:hover) td {
.page-Fame_Milestone_Rewards .Milestones th, .page-Fame_Milestone_Rewards .Milestones2 th {
background-color: #ADABAB;
padding-right:0.5em;
}
padding-left:0.5em;
/* Custom Table - EnchantTable END */
}


/* Custom Table - BreakPointsTable */
.Milestones {
border-collapse: collapse;
display:block;
height:720px;
overflow-y: scroll;
user-select:none;
}


/* Table Global*/
.page-Fame_Milestone_Rewards .Milestones tr {
.BreakPointsTable {
background-color: gray;
  table-layout: fixed;
border-bottom: 1px solid black;
  width: 100%;
border-left: 1px solid black;
  width: 90px;
}
  border-collapse: collapse;
}


/* Table Header*/
.page-Fame_Milestone_Rewards .Milestones td:hover {
.BreakPointsTable tr {
background-color: #ADABAB;
  background-color: gray;
}
  border: 1px solid black;
}


/* Table Data*/
.page-Fame_Milestone_Rewards .Milestones>*>tr:has(td:hover) td {
.BreakPointsTable>*>tr>td {
background-color: #ADABAB;
font-family:'Aldrich', sans-serif;
}
  background-color: #6C6C6C;
  color: white;
  padding: 1px;
  transition: background-color .3s ease-in-out;
  border: 1px solid black;
  width: 80px;
}


/* Table Data Hover*/
.page-Fame_Milestone_Rewards .Milestones td:nth-child(1) {
.BreakPointsTable td:hover {
text-align:center;
  background-color: #ADABAB;
border-right: 1px solid black;
}
}


/* Table Data Hover cell=row*/
.page-Fame_Milestone_Rewards .Milestones td:nth-child(2) {
.BreakPointsTable>*>tr:has(td:hover) td {
text-align:center;
  background-color: #ADABAB;
border-right: 1px solid black;
}
}
/* Custom Table - BreakPointsTable END */


/* Custom Table Influence Buff Shop */
.page-Fame_Milestone_Rewards .Milestones td:nth-child(3) {
.InfluenceTable {
text-align:center;
  width: 100%;
border-right: 1px solid black;
  width: 300px;
padding-right:0.5em;
  border-collapse: collapse;
padding-left:0.5em;
}
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4) {
padding-right:0.5em;
padding-left:0.5em;
}


/* Table Header*/
/* Custom Table Milestones2/Fame Brigade */
.InfluenceTable tr {
.Milestones2 {
  background-color: gray;
border-collapse: collapse;
  border: 1px solid black;
display:block;
  border-top: 1px solid black;
height:720px;
  text-align:center;
overflow-y: scroll;
}
user-select:none;
}


/* Table Data*/
.page-Fame_Milestone_Rewards .Milestones2 tr {
.InfluenceTable*>tr>td {
background-color: gray;
font-family:'Aldrich', sans-serif;
border-bottom: 1px solid black;
  background-color: #6C6C6C;
border-left: 1px solid black;
  color: white;
}
  padding: 1px;
  transition: background-color .3s ease-in-out;
  border: 1px solid black;
  width: 80px;
}


/* Table Data Hover*/
.page-Fame_Milestone_Rewards .Milestones2 td:hover {
.InfluenceTable td:hover {
background-color: #ADABAB;
  background-color: #ADABAB;
}
}


/* Table Data Hover cell=row*/
.page-Fame_Milestone_Rewards .Milestones2>*>tr:has(td:hover) td {
.InfluenceTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
  background-color: #ADABAB;
}
}


/* Custom Table Influence Buff Shop END */
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(1) {
text-align:center;
border-right: 1px solid black;
}


/* Custom Table Slotmachines */
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(2) {
.page-Slotmachine .tabber__tab {
text-align:center;
  padding: 0.5em 13em;
border-right: 1px solid black;
}
padding-right:0.5em;
padding-left:0.5em;
}


.page-Slotmachine .tabber__header {
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) {
  pointer-events: none;
border-right: 1px solid black;
}
padding-right:0.5em;
padding-left:0.5em;
}


.page-Slotmachine td:nth-child(2) {
.page-Fame_Milestone_Rewards th {
  width:270px;
background:#ADABAB;
}
position: sticky;
top: 0;
}
/* Mission Table */
.MT-Global  {
border:1px solid black;
outline:2px solid gray;
border-collapse:collapse;
text-align:center;
max-width:50em;
margin-top:1em;
margin-bottom:0;
margin-left:2px;
cursor:pointer;
width:20em; /* Subject to change*/
}


/* Custom Table Slotmachines END */
.MT-Title {
background-color: var(--MT-Title-Color);
padding:0.3em;
cursor:pointer;
user-select:none;
}
.MT-Title span {
text-shadow: black 1px 1px 10px;
}


/* Custom Table Weapons */
.MT-Title:hover {
.WeaponsTable{
border-color: var(--MT-Title-Hover-Color);
  table-layout: fixed;
filter: contrast(0.5);
  width: 235px;
border:1px solid black;
  border-collapse: collapse;
}
  font-size:0.7em;
}


/* Table Header*/
.MT-Title:active {
.WeaponsTable tr {
border-color:var(--MT-Map-Color);
  background-color: gray;
background-color:var(--MT-Title-Active-Color);
  border: 1px solid black;
}
  border-top: 1px solid black;
}


/* Table Data*/
.MT-Header  {
.WeaponsTable>*>tr>td {
background-color: var(--MT-Header-Color);
  font-family:'Aldrich', sans-serif;
border:1px solid black;
  background-color: #6C6C6C;
font-weight:600;
  color: white;
}
  padding: 1px;
  transition: background-color .3s ease-in-out;
  border: 1px solid black;
  width: 80px;
}


/* Table Data Hover*/
.MT-Map  {
.WeaponsTable td:hover {
background-color: var(--MT-Map-Color);
  background-color: #ADABAB;
border-top:1px solid black;
}
}


/* Table Data Hover cell=row*/
.MT-Value  {
.WeaponsTable>*>tr:has(td:hover) td {
background-color: var(--MT-Value-Color);
  background-color: #ADABAB;
border-bottom:1px dashed black;
}
}


/* Custom Table Weapons END */
/* List bullets */
.MT-Global td li::before {
display:none;
}


/* Custom Table WeaponsFUNCTION */
/* Top - Right - Bottom - Left */
table.WeaponsTableFunction {
.MT-Value ul {
  border:1px solid #FEAF24;
margin:0.3em;
  z-index:;
}
  border-top: 1px solid red!important;
  font-size:0.8em;
.MT-Value {
  background-color: #6C6C6C;
text-shadow: black 1px 1px 10px;
  border-collapse: collapse;
}
  color: white;
  width: 233px;
  margin-left:1px;
  border-right:13p;
}


/* Table Data Hover cell=row*/
.MT-Value span {
.WeaponsTableFunction>*>tr:has(td:hover) td {
text-shadow: white 1px 1px 30px;
  background-color: #FEAF24;
}
}
/* Reward Box */
.MT-Title.r-reward {
border: 0;
}


/* Table Data*/
/* MT-BCU / MT-ANI Templates */
.WeaponsTableFunction>*>tr>td {
span.MT-BCU:before {
  padding: 1px;
content:'BCU';  
  transition: background-color .3s;
color:#F5B930;
  width:112px;
margin-left:-3em;
}
padding-right:1em;
text-shadow: #F5B930 1px 1px 5px;
}


/* Table First row*/
span.MT-ANI:before {
.WeaponsTableFunction tr:nth-of-type(1) {
content:'ANI';
  border-top: 1px solid #FEAF24;
color:#00FFFF;
}
margin-left:-2.7em;
padding-right:1.3em;
text-shadow: #00FFFF 1px 1px 5px;
}


/* Table Data separators */
/* Mission Table FlexWrap gap change */
.WeaponsTableFunction tr {
.page-Test_Page .FlexWrap,
  border-top: 1px solid black;
.page-Test_Page_2 .FlexWrap,
}
.page-Custom_Missions .FlexWrap {
gap: 0.5em;
}


/* Custom Table Weapons FUNCTION END */
/* Armor Glow */                    
.page-Armor_Glow #content img:not([src="/images/8/8c/Armor_Glow_Card.png"]) {
max-height: 300px;
min-height:auto;
clip-path: inset(0px 0px 2px 0px); /* CROP */
}


/* Custom Table Weapons E15 Overlay */
.page-Armor_Glow #GlowContainer0 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}


.containerE15 {
.page-Armor_Glow #GlowContainer1 {
  position: relative;
display:flex;
  text-align: center;
flex-wrap: wrap;
  color: #F5B930;
justify-content:space-around;
  padding-top:6px;
margin-right:100px;
}
padding-bottom:30px;
text-align:center;
}


.overlayE15{
.page-Armor_Glow #GlowContainer2, #GlowContainer3 {
  position: absolute;
display:flex;
  top: 90%;
flex-wrap: wrap;
  left: 50%;
justify-content:space-between;
  transform: translate(-50%, -50%);
margin-right:100px;
}
padding-bottom:30px;
text-align:center;
}


/* Custom Table Weapons E15 Overlay END*/
/* Weapon Contour Page table */
.page-Weapon_Contours table {
width:100%;
}
.page-Weapon_Contours td  {
padding:3px;
}


/* Custom Table Recipe */
.page-Weapon_Contours table tr {
.RecipeTable{
display: grid;
  table-layout: fixed;
grid-template-columns:repeat(auto-fill, 200px);
  border-collapse: collapse;
}
  text-align:center;
  font-size:0.8em;
/* Custom Missions page shadow fix */
}
.page-Custom_Missions #mw-content-text .mw-parser-output h2 {
filter: brightness(1.0001);
}


/* Table Header*/
/* Characters Page */
.RecipeTable tr {
/* All Table */
  background-color: gray;
#CharactersAll {
  border: 1px solid black;
display:grid;
  border-top: 1px solid black;
grid-template-rows:auto;
}
grid-template-columns:auto 2% 74% 2% auto;
}


/* Table Data*/
/* Characters Small Images */
.RecipeTable>*>tr>td {
#CharactersTable img {
font-family:'Aldrich', sans-serif;
border:solid transparent 2px;
  background-color: #6C6C6C;
border-radius:9px 0 9px;
  color: white;
cursor:pointer;
  transition: background-color .3s ease-in-out;
}
  border: 1px solid black;
  text-align:left; 
#CharactersTable img.on {
  padding: 10px;
border:solid gray 2px;
}
border-radius:9px 0 9px;
}


/* Table Data Hover*/
#CharactersTable img:hover {
.RecipeTable td:hover {
border:solid #a6b4b4 2px;
  background-color: #ADABAB;
border-radius:9px 0 9px;
}
}
#CharactersImgContainer {
min-width:217px;
}


/* Table Data Hover cell=row*/
/* Search Page */
.RecipeTable>*>tr:has(td:hover) td {
.page-Special_Search .mw-body-content ul li::before {
  background-color: #ADABAB;
content:none;
}
}


/* Custom Table Recipe END*/
.page-Special_Search .mw-search-profile-tabs li a {
color:white!important;
}


/* Custom Table PlayerSkillTable */
.page-Special_Search .mw-search-profile-tabs {
.PlayerSkillTable{
background-color:#555;
  table-layout: fixed;
}
  border-collapse: collapse;
}


/* Table Header*/
.page-Special_Search .mw-search-profile-tabs li a:hover {
.PlayerSkillTable tr {
color:#ADABAB!important;
  background-color: gray;
}
  border: 1px solid black;
  border-top: 1px solid black;
}


/* Table Data*/
.page-Special_Search #mw-searchoptions {
.PlayerSkillTable>*>tr>td {
background-color:#6C6C6C;
font-family:'Aldrich', sans-serif;
}
  background-color: #6C6C6C;
.page-Special_Search #mw-page-base {
  color: white;
margin-top:-4px;
  padding: 4px;
}
  transition: background-color .3s ease-in-out;
  width: 117px;
/* Search File List Page */
}
.listfiles {
/* Custom Table PlayerSkillTable END */
color:black
}
/* SPECIAL SHIT */
/* ToggleButton */
#ToggleButton {
border: solid 2px gray;
border-radius:10px;
background-color: var(--MT-Title-Color);
padding: 0 5px 0 5px;
margin-top:0.5em;
user-select: none;
cursor:pointer;
  }


/* Custom Table - DisputeHoursTable */
/* ToggleButton (hover) */
#ToggleButton:hover  {
border-color: var(--MT-Title-Hover-Color);
filter: contrast(0.5);
}


/* Table Global*/
/* ToggleButton (active) */
.DisputeHoursTable{
#ToggleButton:active  {
  table-layout: fixed;
border-color:var(--MT-Map-Color);
  width: 100%;
background-color:var(--MT-Title-Active-Color);
  width: 90px;
}
  border-collapse: collapse;
  text-align:center;
}


/* Table Header*/
/* ToggleContent */
.DisputeHoursTable tr {
.ToggleContent {
  background-color: gray;
max-height:5000rem!important;
  border: 1px solid black;
padding-top:0.5em;
}
margin-bottom:0;
overflow: hidden; /* Animation */
transition: max-height 5s ease-out; /* Animation */
}
.ToggleElement {
display:flex;
justify-content:center;
width:4.2em;
}
/* ToggleTitle */
.ToggleTitle {
position:absolute;
z-index:-1;
border: solid 3px transparent;
padding: 0 0.3125em 0 5.5em;
}
/* Toggle, but div */
.r-ToggleGlobal {
display: inline-flex;
flex-direction: column;
outline:2px solid gray;
margin-left:2px;
margin-bottom:0.3em;
}


/* Table Data*/
.r-ToggleTitle {
.DisputeHoursTable*>tr>td {
display:flex;
font-family:'Aldrich', sans-serif;
justify-content: space-between;
  background-color: #6C6C6C;
align-items:center;
  color: white;
text-align:center;
  padding: 1px;
cursor:pointer;
  transition: background-color .3s ease-in-out;
user-select:none;
  border: 1px solid black;
background-color: var(--MT-Title-Color);
  width: 80px;
border:1px solid black;
}
outline:2px solid gray;
}
.r-ToggleTitle span.Expand {
font-style:italic;
font-weight:100;
color:gray;
width:20%;
font-size:0.8em;
}


/* Table Data Hover*/
.r-ToggleTitle span.Expand:after {
.DisputeHoursTable td:hover {
font-size:1em;
  background-color: #ADABAB;
padding-left:1em;
}
content:"\007C" /* Pipe Character */
}


/* Table Data Hover cell=row*/
.r-ToggleTitle span.Title {
.DisputeHoursTable>*>tr:has(td:hover) td {
width:80%;
  background-color: #ADABAB;
}
}
/* Custom Table - DisputeHoursTable END  */


/* Custom Table Fixes */
.r-ToggleTitle span {
.FixesTable {
text-shadow: black 1px 1px 10px;  
  border-collapse: collapse;
}
  cursor: default;
}


/* Table Header*/
.r-ToggleTitle:hover {
.FixesTable tr {
border-color: var(--MT-Title-Hover-Color);
  background-color: #D8D8D8;
filter: contrast(0.5);
  border: 1px solid black;
border:1px solid black;
  text-align:center;
}
  color:black;
}


/* Table separate headers hover*/
.r-ToggleTitle:active {
.FixesTable th:hover  {
border-color:var(--MT-Map-Color);
  background-color: #ADABAB;
background-color:var(--MT-Title-Active-Color);
}
}


.FixesTable td {
.r-ToggleContent {
  border: 1px solid black;
display: none;
}
border:1px solid black;
outline:2px solid gray;
}


/* Table Data Hover*/
.r-ToggleContent.active {
.FixesTable td:hover {
display: block;
  background-color: #ADABAB;
}
}


/* Table Data Hover cell=row*/
/* Toggle separate rows in table. JS Code */
.FixesTable>*>tr:has(td:hover) td {
.JS-Toggle-Row, .JS-Toggle-Row1, .JS-Toggle-Row2, .JS-Toggle-Row3, .JS-Toggle-Row4, .JS-Toggle-Row5 {
  background-color: #ADABAB;
display: none;
}
}
.JS-ItemTableToggle {
cursor: pointer;
}
.JS-ItemTableToggle:hover {
background-color: var(--ItemTableHoverColor);
transition: background-color .3s ease-in-out;
}


/* Table Header shadow*/
/* Needed for JS Code */
.page-Fixes .mw-parser-output thead tr{
.Script_DefaultShownValue{
box-shadow:0px 0px 14px 0px #000000;
display:inline-block
}
}


/* Custom Table - Fixes END */
/* Recent Changes box */
.page-Special_RecentChanges #mw-content-text > div.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible {
color:black;
}


/* Custom Table - ChatTable */
.page-Media .mw-parser-output div .gallerytext {
/* Table Global*/
margin-top:-5px;
.ChatTable {
margin-bottom:-15px;
  table-layout: fixed;
text-align:center;
  width: 100%;
}
  width: 210px;
  border-collapse: collapse;
  text-align:center
}


/* Table Header*/
/* ################################################################################################################ */
.ChatTable tr {
/* ################################################################################################################ */
  background-color: gray;
/* ################################################################################################################ */
  border: 1px solid black;
/* Main Page */
}
/* Contanct */
.Contact:after {
display:block;
content:"\2709";
width:0;
height:0.9em;
font-size:2em;
color:gray;
}


/* Table Data*/
/* Heading */
.ChatTable>*>tr>td {
.page-Main_Page #firstHeading {
font-family:'Aldrich', sans-serif;
display:none;
  background-color: #6C6C6C;
}
  color: white;
  padding: 1px;
  transition: background-color .3s ease-in-out;
  border: 1px solid black;
  width: 80px;
}


/* Table Data Hover*/
/* Main picture content */
.ChatTable td:hover {
.page-Main_Page .MainPicture {
  background-color: #ADABAB;
display:flex;
}
justify-content:center;
flex-direction:row;
}


/* Table Data Hover cell=row*/
/* Image Logo */
.ChatTable>*>tr:has(td:hover) td {
.page-Main_Page .MainPicture  img {
  background-color: #ADABAB;
-webkit-filter: drop-shadow(5px 5px 15px black);
}
filter: drop-shadow(5px 5px 15px black);
/* Custom Table - ChatTable END */
}


/* Custom Table - SmallTable on Chat Page */
.SmallTable th{
  width: 50px;
}


.SmallTable tr {
  background-color: gray;
/* Description content */
  text-align: center;
.page-Main_Page .MainDSC {
}
display:flex;
/* Custom Table - SmallTable on Chat Page END */
flex-direction:column;
flign-items:flex-start;
padding-left:20%;
padding-right:20%;
}
/* Pedia content */
.page-Main_Page .MainPedia {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
 
.page-Main_Page .PediaTable {
display:flex;
justify-content:center;
align-items:center;
}


/* Custom Table - .PETTable1 */
.page-Main_Page .Pedia {
/* Table Global*/
padding-left:2em;
.PETTable1 {
padding-right:2em;
  table-layout: fixed;
}
  width: 100%;
  width: 80px;
  border-collapse: collapse;
  text-align:left
}


/* Table Header*/
.page-Main_Page .PediaTable p img {
.PETTable1 tr {
-webkit-filter: drop-shadow(15px 15px 13px #222);
  background-color: gray;
filter: drop-shadow(15px 15px 13px #222);
  border: 1px solid black;
padding-right: 1em;
}
}


/* Table Data*/
.page-Main_Page .PediaTable a img:hover {
.PETTable1 td {
-webkit-filter: drop-shadow(0px 0px 8px gray);
font-family:'Aldrich', sans-serif;
}
  background-color: #6C6C6C;
  border: 1px solid black;
/* Main content */
  width: 60px;
.page-Main_Page .MainLinks,
  text-align:center;
.page-Main_Page .YouMAL,
}
.page-Main_Page .M-Event {
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
padding-left:10%;
padding-right:10%;
}


/* Table First Collumn*/
/* Paragraphs */
.PETTable1 tbody>tr>:nth-child(1){
.page-Main_Page .MainLinks p,
width: 126px;
.page-Main_Page .Events p,
}
.page-Main_Page .Other p,
/* Custom Table - .PETTable1 END */
.page-Main_Page .YouMAL p,
.page-Main_Page .Shops p,
.page-Main_Page .Social p,
.page-Main_Page .M-Event p
{
border:2px solid #808080;
padding:3px 0 3px 5px;
background-color:#445466; /* #f0f0f0 */
padding-right:7px;
margin-right:4px;
margin-left:4px;
white-space:nowrap;
}


/* Custom Table - .PETTable2 */
/* Links Picture*/
/* Table Global*/
.page-Main_Page .MainLinks p a:nth-child(1),
.PETTable2 {
.page-Main_Page .Other p a:nth-child(1),
  border-collapse: collapse;
.page-Main_Page .Other p a span:nth-child(1),
.page-Main_Page .YouMAL p a:nth-child(1),
.page-Main_Page .Social p a:nth-child(1),
.page-Main_Page .M-Event p a span:nth-child(1){
padding:8px 0 10px 0;
border-left:5px solid transparent;
margin-left:-5px
}
}


/* Table Header*/
/* Links text*/
.PETTable2 tr {
.page-Main_Page .MainLinks p a:nth-child(2),
  background-color: gray;
.page-Main_Page .Other p a:nth-child(2),
  border: 1px solid black;
.page-Main_Page .Other p a span:nth-child(2),
}
.page-Main_Page .YouMAL p a:nth-child(2),
.page-Main_Page .Social p a span,
.page-Main_Page .M-Event p a:nth-child(2)
{
color:white!important;
padding:8px 0 10px 0;
border-right:5px solid transparent;
margin-right:-7px;
}


/* Table Data*/
/* Links EVENTS  picture - because different size picture*/
.PETTable2 td {
.page-Main_Page .Events p a:nth-child(1) {
  background-color: #6C6C6C;
padding:12px 0 14px 0;
  border: 1px solid black;
border-left:5px solid transparent;
  padding:5px;
margin-left:-5px
  text-align:left;
}
}
/* Custom Table - .PETTable2 END */


/* Custom Table CRP Shop */
/* Links EVENTS  text - because different size picture */
.CRPShopTable{
.page-Main_Page .Events p a:nth-child(2) {
  table-layout: fixed;
color:white!important;
  width: 100%;
padding:12px 0 14px 0;
  width: 00px;
border-right:5px solid transparent;
  border-collapse: collapse;
margin-right:-7px
}
}


/* Table Header*/
/* Paragraphs HOVER */
.CRPShopTable tr {
.page-Main_Page .MainLinks p:hover,
  background-color: gray;
.page-Main_Page .Events p:hover,
  border: 1px solid black;
.page-Main_Page .Other p:hover,
  border-top: 1px solid black;
.page-Main_Page .YouMAL p:hover,
}
.page-Main_Page .Useful p:hover,
.page-Main_Page .Discord p:hover,
.page-Main_Page .Social p:hover,
.page-Main_Page .M-Event p:hover {
background-color: #808080;   /*  #C3C3C3 */
cursor: pointer;
border:2px solid #4F4F4F; 
color:white!important;
}
.page-Main_Page .Shops p:hover {
cursor: pointer;
border:2px solid black; 
background-color: #2b314b;
}
/* MainLinks: Rules - Other - Paragraphs ACTIVE */
.page-Main_Page .MainLinks p:active,
.page-Main_Page .Events p:active,
.page-Main_Page .Other p:active,
.page-Main_Page .YouMAL p:active,
.page-Main_Page .Shops p:active,
.page-Main_Page .Useful p:active,
.page-Main_Page .Discord p:active,
.page-Main_Page .Social p:active
.page-Main_Page .M-Event p:active {
background-color: #C7C7C7;
cursor: pointer;
border:2px solid #595959;
color:white!important;
}


/* Table Data*/
.page-Main_Page .YouMAL a:active,  
.CRPShopTable>*>tr>td {
.page-Main_Page .Discord a:active {
font-family:'Aldrich', sans-serif;
color:white!important;
  background-color: #6C6C6C;
}
  color: white;
  padding: 1px;
  transition: background-color .3s ease-in-out;
  border: 1px solid black;
  width: 278.1px; /* Edit this 1*/
  text-align:center;
}


/* Table Data Hover*/
.page-Main_Page .Shops p:active {
.CRPShopTable td:hover {
cursor: pointer;
  background-color: #ADABAB;
border:2px solid #4e6271;  
  cursor:pointer;
background-color: gray;
}
}


/* Tabber Padding */
/* Grid box: Gears, Events, Other */
.page-CRP_Shop .tabber__tab { /* Edit this 2*/
    padding: 0.5em 2.67em; /* Edit this 3*/
}
.page-CRP_Shop .tabber__section {
  height: 792px!important;
  overflow-y: auto!important;
}
.page-CRP_Shop .tabber__panel {
  max-height: 792px;
  overflow-y: auto;
}
/* Custom Table CRP Shop END */


/* Custom Table - Formation */
.page-Formation .Formation {
  border-collapse: collapse;
}


.page-Formation .Formation tr {
/* Gears */
  background-color: gray;
/* Gears, Events, Other Box */
  border: 1px solid black;
.page-Main_Page .G_E_O-Box{
  border-top: 1px solid black;
display:flex;
}
flex-wrap:wrap;
justify-content:space-around;
flex-direction:row;
padding-left:10%;
padding-right:10%;
}


.page-Formation .Formation td:hover {
/* Gears */
  background-color: #ADABAB;
.page-Main_Page .G_E_O-Box .Gears{
flex-wrap:wrap;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
min-width: 480px;
height:480px;
}
/* Gears font change */
.Gears .ContainerMainPage .OverlayMainPage .HoverImgMainPage  {
font-family:hacked, Helvetica, sans-serif;
font-size:3em;
}
.page-Main_Page .G_E_O-Box .Gears img{
border:2px solid #808080;
margin:0.5em;
min-width:220px;
}
}
/* Gears hover info*/
.hideMainPage {
display: none;
}


.page-Formation .Formation>*>tr:has(td:hover) td {
.page-Main_Page .HoverHide:hover + .hideMainPage {
  background-color: #ADABAB;
display: block;;
}
}


.page-Formation td:nth-child(1) {
/* Hover over image to see text */
width:120px;
.page-Main_Page .ContainerMainPage {
}
position: relative;
width: auto;
}


.page-Formation td:nth-child(2) {
.page-Main_Page .OverlayMainPage {
width:200px;
position: absolute;
}
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}


.page-Formation td:nth-child(3) {
.page-Main_Page .ContainerMainPage:hover .OverlayMainPage {
width:40px;
opacity: 1;
}
}
.page-Formation td:nth-child(4) {
width:280px;
}


/* Custom Table - Formation END */
.page-Main_Page .HoverImgMainPage {
color: white;
font-size: 1.875rem;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}


/* Custom Table Milestones/Fame */
.page-Main_Page .Gears .ContainerMainPage:active {
.Milestones {
background-color: #7e9496;
  border-collapse: collapse;
}
  display:block;
  height:720px;
/* Shops */
  width:610px;
.page-Main_Page .Shops {
  overflow-y: scroll;
display:grid;
}
padding-left:10%;
padding-right:10%;
align-content:center;
justify-content:space-around;
grid-template-columns:auto auto auto auto auto auto;
grid-template-columns: repeat(auto-fill, 16em);
}


.page-Fame_Milestone_Rewards .Milestones tr {
  background-color: gray;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}


.page-Fame_Milestone_Rewards .Milestones td:hover {
/* Shops Paragraph */
   background-color: #ADABAB;
.page-Main_Page .Shops p {
text-align:center;
line-height:3em;
font-weight:600;
padding-left:2em;
padding-right:2em;
color:#ffffff;
background-blend-mode:overlay;
}
/* Shops Link */
.page-Main_Page .Shops a {
   color:white!important;
}
}


.page-Fame_Milestone_Rewards .Milestones>*>tr:has(td:hover) td {
.page-Main_Page .Shops p a {
  background-color: #ADABAB;
display:block;
}
border-top:3px solid transparent;
margin-top:-3px;
border-bottom:3px solid transparent;
margin-bottom:-3px;
border-left:28px solid transparent;
margin-left:-28px;
border-right:28px solid transparent;
margin-right:-28px;
}


.page-Fame_Milestone_Rewards .Milestones td:nth-child(1) {
/* Shops Images */
   text-align:center;
.page-Main_Page .Shops p:nth-child(1) {  
  border-right: 1px solid black;
background-image:url("/images/1/17/War_Point_Shop.png");
  width:80px;
background-size:cover;
}
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(2) {
background-image:url("/images/5/53/Gear_Shop.png");
background-size:cover;
   background-position-y:44%;}
.page-Main_Page .Shops p:nth-child(3) {
background-image:url("/images/7/75/Parts_Shop.png");
background-size:cover;
background-position-y:62%;}
.page-Main_Page .Shops p:nth-child(4) {
background-image:url("/images/5/56/WeaponShop.png");
background-size:cover;
background-position-y:63%;}
.page-Main_Page .Shops p:nth-child(5) {
background-image:url("/images/9/9a/Card_Shop.png");
background-size:cover;
background-position-y:33%;}
.page-Main_Page .Shops p:nth-child(6) {
background-image:url("/images/d/dc/FFA_Shop.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(7) {
background-image:url("/images/b/b6/Boss_Token_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(8) {
background-image:url("/images/5/57/Gold_Coin_Shop.png");
background-size:cover;
background-position-y:25%;}
.page-Main_Page .Shops p:nth-child(9) {
background-image:url("/images/0/0b/Killmark_Shop.png");
background-size:cover;
background-position-y:34%;}
.page-Main_Page .Shops p:nth-child(10) {
background-image:url("/images/b/b9/Weapon_Contour_Shop.png");
background-size:cover;
background-position-y:46%;}
.page-Main_Page .Shops p:nth-child(11) {
background-image:url("/images/5/5c/Armor_Contour_Shop.png");
background-size:cover;
background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(12) {
background-image:url("/images/e/e4/Custom_Cosmetics_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(13) {
background-image:url("/images/b/b9/Weapon_Effect_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(14) {
background-image:url("/images/e/e1/Aquarium.png");
background-size:cover;
background-position-y:75%;}
.page-Main_Page .Shops p:nth-child(15) {
background-image:url("/images/4/41/Infinity_Field_Vendor.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(16) {
background-image:url("/images/4/47/Event_Shop.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(17) {
background-image:url("/images/d/d2/Skill_Shop.png");
background-size:cover;
background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(18) {
background-image:url("/images/1/11/CRP_Shop.png");
background-repeat: no-repeat;
background-size: 55%;
background-position: 7em;
}


.page-Fame_Milestone_Rewards .Milestones td:nth-child(2) {
.page-Main_Page .Social{
  text-align:center;
display:flex;
  border-right: 1px solid black;
flex-wrap:wrap;
  width:80px;
justify-content:center;
}
}


.page-Fame_Milestone_Rewards .Milestones td:nth-child(3) {
/* Social  */
  text-align:center;
.page-Main_Page .Social p img{
  width:80px;
width:2em;
  border-right: 1px solid black;
padding-right:7px;
}
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4) {
  width:360px;
}


/* Milestones2 - Brigade Table*/
/* Useful, Discord */
.page-Main_Page .U_D-Box {
display:flex;
justify-content:space-evenly;
flex-direction:row;
flex-wrap:wrap;
}


.Milestones2 {
.page-Main_Page .U_D-Box .Useful {
  border-collapse: collapse;
padding-left:3em;
  display:block;
padding-right:3em;
  height:720px;
text-align:center!important;
  width:530px;
}
  overflow-y: scroll;
}


.page-Fame_Milestone_Rewards .Milestones2 tr {
.page-Main_Page .Useful {
  background-color: gray;
text-align:center;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
}


.page-Fame_Milestone_Rewards .Milestones2 td:hover {
.page-Main_Page .U_D-Box .Discord {
  background-color: #ADABAB;
text-align:center;
}
}
/* Padding on small pictures */
.page-Main_Page .MainLinks img,
.page-Main_Page .Events img,
.page-Main_Page .Other img,
.page-Main_Page .YouMAL img,
.page-Main_Page .M-Event img {
padding-right:0.5em;
}


.page-Fame_Milestone_Rewards .Milestones2>*>tr:has(td:hover) td {
/* Title, main headers */
  background-color: #ADABAB;
.page-Main_Page .Title,
}
.page-Main_Page .Pedia span,
.page-Main_Page .Shops.Title {
font-weight:600;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.page-Main_Page .Title {
-webkit-filter: drop-shadow(5px 5px 10px black);
filter: drop-shadow(5px 5px 10px black);
font-size:1rem;
}


.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(1) {
/* Shadows */
  text-align:center;
.page-Main_Page .MainLinks p,
  border-right: 1px solid black;
.page-Main_Page .G_E_O-Box .Events p,
  width:80px;
.page-Main_Page .G_E_O-Box .Other p,
}
.page-Main_Page .YouMAL p,
.page-Main_Page .Social p,
.page-Main_Page .Shops p {
box-shadow:0px 0px 50px -25px black;
}


.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(2) {
.page-Main_Page .G_E_O-Box .Gears .ContainerMainPage {
  text-align:center;
box-shadow:0px 0px 50px -25px black;
  border-right: 1px solid black;
}
  width:80px;
}


.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) {
.page-Main_Page .U_D-Box .Discord p,
  width:360px;
.page-Main_Page .U_D-Box .Useful p
  border-right: 1px solid black;
{
}
box-shadow:0px 0px 50px -14px black;
}
/* Gear pictures sizes */
@media screen and (max-width: 850px) {
.page-Main_Page .Gears  {transform:scale(0.95); transition: .2s ease-in-out;}}


.page-Fame_Milestone_Rewards th {
@media screen and (max-width: 800px) {
  background:#ADABAB;
.page-Main_Page .Gears  {transform:scale(0.90); transition: .2s ease-in-out; }}
  position: sticky;
  top: 0;  
}


/* Custom Table Milestones/Fame END*/
@media screen and (max-width: 750px) {
.page-Main_Page .Gears  {transform:scale(0.85); transition: .2s ease-in-out; }}


/* Custom Table Crystals */
@media screen and (max-width: 700px) {
.page-Main_Page .Gears  {transform:scale(0.80); transition: .2s ease-in-out; }}
 
@media screen and (max-width: 650px) {
.page-Main_Page .Gears  {transform:scale(0.75); transition: .2s ease-in-out; }}


/* Crystal Shop 1                                        */
@media screen and (max-width: 600px) {
.CrystalShop1 {
.page-Main_Page .Gears  {transform:scale(0.70); transition: .2s ease-in-out; }}
  border-collapse: collapse;
  display:block;
  cursor: pointer;
}


.page-Crystals .CrystalShop1 tr {
@media screen and (max-width: 550px) {
  background-color: gray;
.page-Main_Page .Gears  {transform:scale(0.65); transition: .2s ease-in-out; }}
  border: 1px solid black;
}


.page-Crystals .CrystalShop1 td:hover {
@media screen and (max-width: 500px) {
  background-color: #ADABAB;
.page-Main_Page .Gears  {transform:scale(0.60); transition: .2s ease-in-out; }}
}


.page-Crystals .CrystalShop1>*>tr:has(td:hover) td {
@media screen and (max-width: 450px) {
  background-color: #ADABAB;
.page-Main_Page .Gears  {transform:scale(0.55); transition: .2s ease-in-out; }}
}


.page-Crystals .CrystalShop1 td:nth-child(1) {
@media screen and (max-width: 400px) {
  padding: 0.5em;
.page-Main_Page .Gears  {transform:scale(0.50); transition: .2s ease-in-out; }}
  min-width:80px;
}


.page-Crystals .CrystalShop1 td:nth-child(2) {
  padding: 0.5em;
  min-width:335px;
}


.page-Crystals .CrystalShop1 td:nth-child(3) {
/* Gear margin sizes */
  padding: 0.5em;
@media screen and (max-width: 850px) {
  min-width:180px;
.page-Main_Page .Gears  {margin:0; transition: .2s ease-in-out;}}
}


@media screen and (max-width: 800px) {
.page-Main_Page .Gears  {margin:-1.8em; transition: .2s ease-in-out; }}


/* Crystal Shop 2                                              */
@media screen and (max-width: 750px) {
.CrystalShop2 {
.page-Main_Page .Gears  {margin:-2.5em; transition: .2s ease-in-out; }}
  border-collapse: collapse;
  display:block;
  width:652px;
  max-height:430px;
  overflow-y: scroll;
  cursor: pointer;
}


.page-Crystals .CrystalShop2 tr {
@media screen and (max-width: 700px) {
   background-color: gray;
.page-Main_Page .Gears  {margin:-3.2em; transition: .2s ease-in-out; }}
  border: 1px solid black;
    
}
@media screen and (max-width: 650px) {
.page-Main_Page .Gears  {margin:-3.9em; transition: .2s ease-in-out; }}


.page-Crystals .CrystalShop2 td:hover {
@media screen and (max-width: 600px) {
  background-color: #ADABAB;
.page-Main_Page .Gears  {margin:-4.6em; transition: .2s ease-in-out; }}
}


.page-Crystals .CrystalShop2>*>tr:has(td:hover) td {
@media screen and (max-width: 550px) {
  background-color: #ADABAB;
.page-Main_Page .Gears  {margin:-5.3em; transition: .2s ease-in-out; }}
}


.page-Crystals .CrystalShop2 td:nth-child(1) {
@media screen and (max-width: 500px) {
  padding: 0.5em;
.page-Main_Page .Gears  {margin:-6em; transition: .2s ease-in-out; }}
  min-width:80px;
}


.page-Crystals .CrystalShop2 td:nth-child(2) {
@media screen and (max-width: 450px) {
  padding: 0.5em;
.page-Main_Page .Gears  {margin:-6.7em; transition: .2s ease-in-out; }}
  min-width:335px;
}


.page-Crystals .CrystalShop2 td:nth-child(3) {
@media screen and (max-width: 400px) {
  padding: 0.5em;
.page-Main_Page .Gears  {margin:-7.4em; transition: .2s ease-in-out; }}
  min-width:180px;
}


/* Crystal Shop 3                                              */
/* Fixing Links */
.CrystalShop3 {
/* Events */
  border-collapse: collapse;
/* SP */
  display:block;
.page-Main_Page .Events p:nth-child(2) a:nth-child(2) {  
  cursor: pointer;
padding-right:15px;
}
margin-right:-15px;
}


.page-Crystals .CrystalShop3 tr {
/* MS */
  background-color: gray;
.page-Main_Page .Events p:nth-child(3) a:nth-child(2) {
  border: 1px solid black;
padding-right:11px;
}
margin-right:-11px;
}


.page-Crystals .CrystalShop3 td:hover {
/* War */
  background-color: #ADABAB;
.page-Main_Page .Events p:nth-child(4) a:nth-child(2) {  
}
padding-right:52px;
margin-right:-52px;
}


.page-Crystals .CrystalShop3>*>tr:has(td:hover) td {
/* FFA */
  background-color: #ADABAB;
.page-Main_Page .Events p:nth-child(5) a:nth-child(2) {
}
padding-right:43px;
margin-right:-43px;
}


.page-Crystals .CrystalShop3 td:nth-child(1) {
/* FFA */
  padding: 0.5em;
.page-Main_Page .Events p:nth-child(6) a:nth-child(2) {
  min-width:80px;
padding-right:8px;
}
margin-right:-8px;
}


.page-Crystals .CrystalShop3 td:nth-child(2) {
/* Oupost */
  padding: 0.5em;
.page-Main_Page .Events p:nth-child(7) a:nth-child(2) {
  min-width:335px;
padding-right:34px;
}
margin-right:-34px;
}


.page-Crystals .CrystalShop3 td:nth-child(3) {
/* Domination */
  padding: 0.5em;
.page-Main_Page .Events p:nth-child(8) a:nth-child(2) {
  min-width:180px;
padding-right:0;
}
margin-right:-7px;
}


/* Crystals img fix */
/* Space Ball */
img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"]
.page-Main_Page .Events p:nth-child(9) a:nth-child(2) {
{
padding-right:53px;
  max-width:300px!important;
margin-right:-53px;
}
}


img[src="/images/thumb/5/52/Calamity.png/400px-Calamity.png"]
{
  max-width: 400px!important;
}
/* Custom Table Crystals END */


/* Minerals Page */
/* Fixing Links */
.page-Minerals .tabber__tab {
/* Other */
    padding: 0.5em 13.2em;
/* Latest Game Patch */
}
.page-Main_Page .Other p:nth-child(2) a:nth-child(2) {  
padding-right:63px;
margin-right:-63px;
}


.page-Minerals .tabber__indicator{
/* Fame Milestone Rewards */
  display:none;
.page-Main_Page .Other p:nth-child(3) a:nth-child(2) {  
}
padding-right:23px;
margin-right:-23px;
}


.page-Minerals td:nth-child(1) {
/* Fame Milestone Rewards */
  text-align: left;
.page-Main_Page .Other p:nth-child(4) a:nth-child(2) {  
    width:90px
padding-right:95px;
}
margin-right:-95px;
/* Minerals Page END */
}


/* Skills Table */
/* Rate Modifiers */
/* Main Buttons                                                        B-Gear */
.page-Main_Page .Other p:nth-child(5) a:nth-child(2) {
.page-B-Gear_Skills .Skills {
padding-right:115px;
  background-color: #6C6C6C;
margin-right:-115px;
  padding: 6px;
}
  margin-left:1px;
}


.page-B-Gear_Skills .Skills:hover {
/* Nation Transfer */
  background-color:#ADABAB;
.page-Main_Page .Other p:nth-child(6) a:nth-child(2) {  
}
padding-right:87px;
margin-right:-87px;
}


.page-B-Gear_Skills .Skills td:nth-child(1) {
/* Multi Factor Authentication */
  width:32px;
.page-Main_Page .Other p:nth-child(7) a:nth-child(2) {  
}
padding-right:0;
margin-right:-7px;
}


.page-B-Gear_Skills .Skills td:nth-child(2) {
/* Multi Factor Authentication */
  width:150px;
.page-Main_Page .Other p:nth-child(8) a:nth-child(2) {  
}
padding-right:131px;
margin-right:-131px;
}


/* Inside Table */
/* Common Error Messages */
.page-B-Gear_Skills .SkillTable {
.page-Main_Page .Other p:nth-child(9) a:nth-child(2) {
  border-collapse: collapse;
padding-right:22px;
  background-color: #6C6C6C;
margin-right:-22px;
  margin-bottom:20px;
}
/*  min-width:880px; /* Align all tables */
}


.page-B-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
/* Media */
  background-color: #ADABAB;
.page-Main_Page .Other p:nth-child(10) a:nth-child(2) {
}
padding-right:159px;
margin-right:-159px;
}


.page-B-Gear_Skills .SkillTable td {
/* Fixing Links */
  border: 1px solid black;
/* Useful Links */
  text-align:center;
.page-Main_Page .Useful p{
  padding:9px;
border:2px solid #808080;
}
padding:3px 7px 3px 7px;
background-color:#445466; /*  #f0f0f0 */
white-space:nowrap;
}
.page-Main_Page .Useful p span {
color:white!important;
display:flex;
justify-content:center;
padding:7px;
margin:-7px;
}


.page-B-Gear_Skills .SkillTable th {
/* Discord */
  background-color:#555;
.page-Main_Page .Discord p {
  border: 1px solid black;
border:2px solid #808080;
  text-align:center;
padding:3px 7px 3px 7px;
  padding:9px;
background-color:#445466; /*  #f0f0f0 */
}
white-space:nowrap;
}


/* Description */
.page-Main_Page .Discord p a {
.page-B-Gear_Skills .SkillDSC {
color:white!important;
  margin-top:10px;
display:flex;
  max-width:916px;
justify-content:center;
}
padding:7px;
margin:-7px;
}


/* Main Buttons                                                        I-Gear */
.page-I-Gear_Skills .Skills {
  background-color: #6C6C6C;
  padding: 6px;
  margin-left:1px;
}


.page-I-Gear_Skills .Skills:hover {
/* Borders Experimental */
  background-color:#ADABAB;
/* Border Pedia Top
}
.page-Main_Page .PediaTable {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:20%;
margin-right:20%;
padding-left:1em;
padding-right:1em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}


.page-I-Gear_Skills .Skills td:nth-child(1) {
/* Border Pedia Bottom
  width:32px;
.page-Main_Page .MainPedia {
}
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:25%;
margin-right:25%;
padding-left:5em;
padding-right:5em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
box-shadow: 0 30px 40px rgba(0,0,0,.1);
}


.page-I-Gear_Skills .Skills td:nth-child(2) {
/* Border You might also like Top
  width:150px;
.page-Main_Page .YouMAL.Title {
}
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:17%;
margin-right:17%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}


/* Inside Table */
/* Border Shops Top
.page-I-Gear_Skills .SkillTable {
.page-Main_Page .Shops.Title  {
  border-collapse: collapse;
border-top: 1px solid white;
  background-color: #6C6C6C;
border-left: 1px solid white;
  margin-bottom:20px;
border-right: 1px solid white;
/*  min-width:880px; /* Align all tables */
margin-left:16%;
}
margin-right:16%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
*/


.page-I-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
/* Main Page NEW / UPDATE */
  background-color: #ADABAB;
/* NEW NEW NEW ----------------------------------- */
}
/*.page-Main_Page .Other p:nth-child(2)  Post-Event Information
{border:2px solid #B99D19;}
*/
/*.page-Main_Page .Other p:nth-child(2):before  Post-Event Information
{
content:'New!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4rem;
color:#E2CE6F;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
pointer-events: none;
}*/
/* UPDATED UPDATED UPDATED  --------------------- */
.MainLinks p:nth-child(0) /* NAME_NOTHING */
{border:2px solid #5BA600;}
.MainLinks p:nth-child(0):before /* NAME_NOTHING */
{  
content:'Updated!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4rem;
color:#84ec04;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
pointer-events: none;
}


.page-I-Gear_Skills .SkillTable td{
/* Special Styling for Shops UPDATED - Set number of child  */
  border: 1px solid black;
.page-Main_Page .Shops p:nth-child(0) /* NAME_NOTHING */
  text-align:center;
{border:2px solid #5BA600;}
  padding:9px;
}


.page-I-Gear_Skills .SkillTable th {
.page-Main_Page .Shops p:nth-child(0):before /* NAME_NOTHING */
  background-color:#555;
{
  border: 1px solid black;
content:'Updated!';
  text-align:center;
font-family:hacked, Helvetica, sans-serif;
  padding:9px;
font-size:1.4rem;
}
color:#84ec04;
transform: rotate(-10deg);
position:absolute;
margin-top:-1.3em;
margin-left:-6.3em;
z-index:20;
cursor:auto;
}


/* Description */
.page-I-Gear_Skills .SkillDSC {
  margin-top:10px;
  max-width:916px;
}


/* Main Buttons                                                        M-Gear */
/* New Templates */
.page-M-Gear_Skills .Skills {
  background-color: #6C6C6C;
  padding: 6px;
  margin-left:1px;
}


.page-M-Gear_Skills .Skills:hover {
/* ItemTable - Item */
  background-color:#ADABAB;
/* Table global */
}
/* Item Icon */
.ItemTable:not(.Function){
outline:1px solid gray
}


.page-M-Gear_Skills .Skills td:nth-child(1) {
.ItemTableIcon {
  width:32px;
margin-top:0.7em;
}
margin-bottom:-3.2em;
display:flex;
justify-content:flex-end;
}


.page-M-Gear_Skills .Skills td:nth-child(2) {
/* Craft Icons */
  width:150px;
.ItemTable .Craft img {
}
padding-left:0.8em;
padding-right:0.8em;
}


/* Inside Table */
.ItemTable span.Click {
.page-M-Gear_Skills .SkillTable {
font-style:italic;
  border-collapse: collapse;
font-weight:100;
  background-color: #6C6C6C;
float:right;
  margin-bottom:20px;
color:gray;
/*  min-width:880px; /* Align all tables */
}
}
.ItemTableEnchantInfo {
font-style:italic;
font-weight:100;
color:gray;
}
/* JS Toggle Display script to show calculated data */
.ItemTableEnchantInfo {
display:inline;
text-shadow: black 1px 1px 6px;
}


.page-M-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
.ItemTableEnchantInfo:hover {
  background-color: #ADABAB;
color: white;
}
cursor: pointer;
}


.page-M-Gear_Skills .SkillTable td {
.ItemTableEnchantInfo:active {
  border: 1px solid black;
color:gray;
  text-align:center;
}
  padding:9px;
}


.page-M-Gear_Skills .SkillTable th {
/* Default / Calculated text */
  background-color:#555;
.ItemTableEnchantInfoText {
  border: 1px solid black;
display:inline;
  text-align:center;
font-style:italic;
  padding:9px;
font-weight:100;
}
color:var(--ItemTableFunctionColor);
cursor:context-menu;
text-shadow: black 1px 1px 6px;
}
/* Toggle script to show calculated values + JS*/
.Script_DefaultShownValue {display:inline-block}
.Script_HiddenCalculatedValue {display:none}


/* Description */
.ItemTable.Item  {
.page-M-Gear_Skills .SkillDSC {
text-align: center;
  margin-top:10px;
font-size: 0.8em;
  max-width:916px;
border-collapse: collapse;
}
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}


/* Main Buttons                                                        A-Gear */
/* Table 2nd cell. Edit this if text too long*/
.page-A-Gear_Skills .Skills {
.ItemTable.Item>*>tr>td {
  background-color: #6C6C6C;
padding: 1px;
  padding: 6px;
padding-left: 1em;
  margin-left:1px;
padding-right: 1em;
}
border-left: 1px solid black;
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);  
}


.page-A-Gear_Skills .Skills:hover {
/* Table headers (!) */
  background-color:#ADABAB;
.ItemTable.Item th {
}
padding-left: 1em;
padding-right: 1em;
}


.page-A-Gear_Skills .Skills td:nth-child(1) {
/* Border fix */
  width:32px;
table.ItemTable.Item tr {
}
border: 1px solid black;
}


.page-A-Gear_Skills .Skills td:nth-child(2) {
/* ItemTable - Weapon */
  width:150px;
/* Table global */
}
.ItemTable.Weapon  {
text-align: center;
font-size: 0.8em;
border-collapse: collapse;
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}


/* Inside Table */
/* Table 2nd cell. Edit this if text too long*/
.page-A-Gear_Skills .SkillTable {
.ItemTable.Weapon>*>tr>td {
  border-collapse: collapse;
padding: 1px;
  background-color: #6C6C6C;
padding-left: 1em;
  margin-bottom:20px;
padding-right: 1em;
/*  min-width:880px; /* Align all tables */
border-left: 1px solid black;
}
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);  
}


.page-A-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
/* Table headers (!) */
  background-color: #ADABAB;
.ItemTable.Weapon th {
}
padding-left: 1em;
padding-right: 1em;
}


.page-A-Gear_Skills .SkillTable td {
/* Border fix */
  border: 1px solid black;
table.ItemTable.Weapon tr {
  text-align:center;
border: 1px solid black;
  padding:9px;
}
}


.page-A-Gear_Skills .SkillTable th {
/* ItemTable - Armor */
  background-color:#555;
/* Table global */
  border: 1px solid black;
.ItemTable.Armor  {
  text-align:center;
text-align: center;
  padding:9px;
font-size: 0.8em;
}
border-collapse: collapse;
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}


/* Description */
/* Table 2nd cell. Edit this if text too long*/
.page-A-Gear_Skills .SkillDSC {
.ItemTable.Armor>*>tr>td {
  margin-top:10px;
padding: 1px;
  max-width:916px;
padding-left: 1em;
}
padding-right: 1em;
/* Skills Table END */
border-left: 1px solid black;
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);
}


/* Armor Glow  */                    
/* Table headers (!) */
.page-Armor_Glow img {
.ItemTable.Armor th {
  max-height: 300px;
padding-left: 1em;
  min-height:auto;
padding-right: 1em;
  clip-path: inset(0px 0px 2px 0px); /* CROP */
}
}


.page-Armor_Glow #GlowContainer0 {
/* Border fix */
  display:flex;
table.ItemTable.Armor tr {
  flex-wrap: wrap;
border: 1px solid black;
  justify-content:space-between;
}
  margin-right:100px;
  padding-bottom:30px;
/* ItemTable - Engine/Function */
  text-align:center;
/* Table all */
}
.ItemTable.Engine {
user-select:none;
text-align:center;
font-size:0.8em;
border-collapse:collapse;
background-color:var(--ItemTableLeftColor);
word-break:break-word;
}


.page-Armor_Glow #GlowContainer1{
/* Table 2nd cell. Edit this if text too long */
  display:flex;
.ItemTable.Engine>*>tr>td {
  flex-wrap: wrap;
padding:1px;
  justify-content:space-around;
padding-left:1em;
  margin-right:100px;
padding-right:1em;
  padding-bottom:30px;
border-left:1px solid black;
  text-align:center;
transition:background-color .3s ease-in-out;
}
background-color:var(--ItemTableRightColor);
}


.page-Armor_Glow #GlowContainer2, #GlowContainer3{
/* Tableheaders(!) */
  display:flex;
.ItemTable.Engine th {
  flex-wrap: wrap;
padding-left:1em;
  justify-content:space-between;
padding-right:1em;
  margin-right:100px;
max-width:11em;
  padding-bottom:30px;
}
  text-align:center;
}


/* Relocate 'click to see gif' text */
/* Borderfix */
.page-Armor_Glow .mw-parser-output div:nth-child(3) i span{
table.ItemTable.Engine tr {
position:relative;
border:1px solid black;
top:70px;
}
left:99em;
}
.ItemTable.Function.Title {
.page-Armor_Glow .mw-parser-output div:nth-child(4) span{
background-color:var(--ItemTableFunctionColor);
position:relative;
color:black;
top:572px;
font-weight:600;
left:99em;
cursor:pointer;
}
}
/* Armor Glow END */
/* Function */
.ItemTable.Function span {
font-style:italic;
font-weight:100;
}


/* Weapon Contour Page table*/
/* Function cels border */
.page-Weapon_Contours table{
.ItemTable.Function.cell-1 {
  width:100%;
background-color: var(--ItemTableFunctionHoverColorCell1);
}
color:black;
max-width:10em; /* Fixing table width when you click on the Function cell */
}


.page-Weapon_Contours table tr{
.ItemTable.Function.cell-2 {
  display: grid;
background-color: var(--ItemTableFunctionHoverColorCell2);
  grid-template-columns:repeat(auto-fill, 200px);
color:black;
}
}
.Function {
max-width:10em;
}


/* SPECIAL SHIT                                                                */
/* ItemTable Hover */
/* Edit box */
.ItemTable.Item td:hover {
.mw-editform #wpTextbox1
background-color: var(--ItemTableHoverColor);
{
}
height:800px;
}


.ItemTable.Weapon td:hover {
background-color: var(--ItemTableHoverColor);
}


.ItemTable.Armor td:hover {
background-color: var(--ItemTableHoverColor);
}


/* TEST */
.ItemTable.Engine td:hover:not(.cell-2) {
/* Inside Table */
background-color: var(--ItemTableHoverColor);
.page-Test_Page .SkillTable {
}
  border-collapse: collapse;
  background-color: #6C6C6C;
  margin-bottom:20px;
/*  min-width:880px; /* Align all tables */
}


.page-Test_Page .SkillTable>*>tr:has(td:hover) td {
.ItemTable.Function.Title:hover {
  background-color: #ADABAB;
background-color: var(--ItemTableFunctionHoverColorCell1);
}
}


.page-Test_Page .SkillTable td {
/* Item List - used to display list of items */
  border: 1px solid black;
.ItemList {
  text-align:center;
display:inline-flex;
  padding:9px;
flex-direction: column;
}
user-select:none;
cursor: pointer;
word-break: break-word;
outline: 1px solid gray;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}


.page-Test_Page .SkillTable th {
.ItemListRow {
  background-color:#555;
display:inline-flex;
  border: 1px solid black;
align-items:center;
  text-align:center;
border-collapse: collapse;
  padding:9px;
background-color: gray;
}
border-bottom: 1px solid black;
}


/* Description */
.ItemListRow:hover {
.page-Test_Page .SkillDSC {
background-color: #ADABAB;
  margin-top:10px;
transition: background-color .1s ease-in-out;
  max-width:916px;
}
}


.ItemListRow:active {
background-color: #6C6C6C;
}


.ItemListImageLink {
padding:0.5em;
}


.ItemListImageLink img {
max-width:min-content;
}


.ItemListName {
padding-left:0.5em;
padding-right:1em;
}


/* Countdown Timer */
#CDTimer {
display:flex;
justify-content:center;
font-family:hacked, Helvetica, sans-serif;
font-size:5rem;
color:#e4cb5c;
user-select:none;
flex-wrap:wrap;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: ease;
opacity:0;
height:112px;
}


#CDTimer span{
font-size:0.8rem;
margin-top:0.29em;
}


#CDTimer a{
color:#e4cb5c!important;
}


#CDTimer a:hover{
color:#ADABAB!important;
}








/* NEED TO BE AT THE BOTTOM    NEED TO BE AT THE BOTTOM    NEED TO BE AT THE BOTTOM    NEED TO BE AT THE BOTTOM    NEED TO BE AT THE BOTTOM    NEED TO BE AT THE BOTTOM  */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* !!! Need to be at the bottom !!! */
/* THUMB IMAGE */
/* THUMB IMAGE */
.thumbinner {
.thumbinner {
flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
flex-direction: row;
Line 2,199: Line 3,258:
     border: 0px solid transparent!important;
     border: 0px solid transparent!important;
     background-color: transparent!important;
     background-color: transparent!important;
}
}
.thumbimage {
.thumbimage {
     background-color: transparent!important;
     background-color: transparent!important;
     border: 0px solid #c8ccd1!important;
     border: 0px solid #c8ccd1!important;
}
}


.mw-parser-output .tright .magnify{
.mw-parser-output .tright .magnify{
visibility:hidden;
visibility:hidden;
}
}
/* THUMB IMAGE END */

Latest revision as of 14:52, 24 December 2024

@import url("https://fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url('https://fonts.cdnfonts.com/css/hacked'); /* Credit: DavidLibeau */

/* Documentation for styles, templates etc are located in "Module:Documentation" page */
/* There are also some changes in MediaWiki:Group-user.css */

*	{
	margin:0;
	padding:0;
	}
	
:root{
	--ItemTableHoverColor: #ADABAB;
	--ItemTableLeftColor: #2b2b2b;
	--ItemTableRightColor: #6C6C6C;
	--ItemTableFunctionColor: #FEAF24;
	--ItemTableFunctionHoverColorCell1:#FBCE7B;
	--ItemTableFunctionHoverColorCell2:#FDDCA0;
	--MT-Title-Color: #424242;
	--MT-Title-Hover-Color: #C0C0C0;
	--MT-Title-Active-Color: #A5A4A4;
	--MT-Header-Color: #616161;
	--MT-Map-Color: #757575;
	--MT-Value-Color: #9E9E9E;
}
/* border - black / outline - gray */

/* Firefox-specific styles */
@-moz-document url-prefix() {
    .FixesTable th{
        font-family: Arial, Helvetica, sans-serif!important;
    }
    
    *	{
		scrollbar-width: thin; /* Firefox only */
	}
}
/* Body */
body	{
	background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
	color:#ffffff;
	font-family:'Aldrich', sans-serif;
	text-shadow:none;
	white-space:normal;
	}
	
/* Selector - When you highlight the text/element */
::selection	{
	background: gray;
	color: var(--ItemTableFunctionColor);
	text-shadow: #222 2px 2px 5px;
	}
  
/* Page Base */
#mw-page-base {
	height: 4.9em;
	}
	
/* Head */
#mw-head	{
	background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
	border-width:0;
	min-height:80.25px; /* Fixes blank row on Special Pages */
	}

/* Left navigation */
#left-navigation	{
	color:rgb(255, 255, 255);
	}
	
/* Right navigation */
#ca-edit a	{
	padding-left:1.4em;
	}

/* Sidepanel sidebar */
/* Sidepanel sidebar headers color */
.vector-menu-heading-label	{
	color:white;
	z-index:2;
	}
	
/* MIN */
@media screen and (min-width: 982px) { 
#mw-panel {
	padding-left: 0;
	}
}

/* MAX */
@media screen and (max-width: 982px) {
#content {
	padding: 20px 24px 24px 24px!important;
	}
}	

.portal h3	{
	color: white;
	z-index:2;
	}
	
/* Sidepanel sidebar Header Shadow */
#p-Navigation-label, #p-Gears-label, #p-Events-label, #p-Other-label, #p-Useful_Links-label, #p-Discord-label, #p-Social-label	{
	filter: drop-shadow(0 0 15px white);
	z-index:2;
	}
	
/*Sidepanel script */
#p--label	{
	pointer-events:none;
	}
	
#mw-panel h3:not(#p-test-label)	{
	cursor:pointer;
	}

/*Sidepanel bottom space */
#mw-panel	{
	padding-bottom:1em;
	}

/*Sidepanel button */
.SidePanelButton	{
	position:relative;
	color: #6C6C6C;
	cursor:pointer;
	padding-left:0.5em;
	padding-top:1em;
	}

.SidePanelButton:hover	{
	color: #9b9b9b;
	}
	
.toggle-arrow	{
	float:right;
	}

.toggle-arrow:hover	{
	color: #9b9b9b;
	}
	
/* Current events - Tab */
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no	{
    cursor:context-menu;
    font-size:0.813rem; /* 13px */
    text-align:right;
    position:relative;
    top:7px;
	}
	
.vector-menu-tabs-legacy li div	{
    float: right;
	}

.vector-menu-tabs-legacy li.current-events img	{
    width: 30px!important;
    margin: 0px 5px 0px 0px;
    border: solid 1px;
	}
/*
#p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3)	{
	display:flex;
	align-items:stretch;
	}
	*/
/* Separator - Tab*/
#\=current-events-0, #current-events-no	{
	border-left-style:solid;
	border-left-width:3px;
	border-left-color:#95a5a6;
	padding-left:0.7em;
	}

/* Server time timer - Tab */
#server-time-href	{
	cursor:context-menu;
    font-size:0.813rem; /* 13px */
	text-align:right;
	position:relative;
	top:7px;
	margin-right:10px;
	padding-left:2em;
	}
	
/* Kinda Responsive */
/* Right navigation */
#right-navigation	{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	}

/* Bottom-Scroll Top Button */
#scrollToTopBtn	{
	background-color: #798f93;
	color: black;
	bottom: 0.4em;
	right: 0em;
	margin-right:0.4em;
	padding:0.4em;
	position: fixed;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-size:0.9rem;
	display: none;
	}
  
/* Bottom-Random Page at scroll button */
#randomPageBtn	{
	background-color: #798f93;
	color: black;
	bottom: 0.4em;
	right: 0em;
	margin-right:2.4em;
	padding:0.3em;
	position: fixed;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-size:0.9rem;
	display: none;
	}

/* Bottom-Info Button */
#infoPageBtn	{
	background-color: #798f93;
	color: black;
	bottom: 0.4em;
	right: 0em;
	margin-right:4.4em;
	padding:0.4em;
	padding-right:0.6em;
	padding-left:0.6em;
	position: fixed;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-size:0.9rem;
	display: none;
	}

#scrollToTopBtn:hover, #randomPageBtn:hover, #infoPageBtn:hover	{
	background-color: #93A7AB;
	color: black;
	}
	
/* Footer */
/* Footer main */
#footer	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
	}

#footer-info-lastmod	{
	position:relative;
	margin-bottom:0;
	margin-top:0;
	color: white;
	}

/* Footer CC text size */
#footer #footerCC	{
    font-size:0.75rem; /* 12px */
	text-shadow:rgba(0, 0, 0, 1) 0 1px 1px;
	margin-top:0;
	padding-top:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	}

/* Footer CC Image re-size */
#footer #footerCC img	{
	height:27px;
	margin-left:7px;
	}	

 /* Footer PoweredBY */
#footerPBY img	{
	-webkit-filter: drop-shadow(20px 20px 20px #222);
	filter: drop-shadow(0px 2px 25px #222);
	width:auto;
	height:auto;
	min-width:6em;
	max-width:13em;
	z-index:-1;
	}

 /* Footer PoweredBY */
#footerPBY:hover	{
	-webkit-filter: drop-shadow(20px 20px 20px black);
	filter: drop-shadow(0px 3px 15px black);
	}
	
/* Footer OLDpoweredbyico */
#footer-poweredbyico	{
	display:none;
	}

/* Footer Animation */
#footer	{
	animation: hideAnimation 1s ease-in 0s;
	animation-fill-mode: forwards;
	}

@keyframes hideAnimation	{
	0%   	{display:none; opacity:0}
	100% 	{opacity:1}
	}

	
/* Content */
#content	{
	background-image:linear-gradient(to right, #232526 0%, #414345 100%);
	color:#ffffff;
    border-left-width: 1px;
    border-left-color: rgba(113,159,202,0.7);
    border-bottom-width: 0;
    border-top-width:0;
    border-right-width:0;
	}
	
/* Toc */
.toc	{
	border: 1px solid #aaa;
	background: #2b2b2b;
	padding: 5px;
	font-size: 95%;
	color: white;
	}

#toc	{
	background-color:rgba(131,128,128,0.21);
	color:rgb(255, 255, 255);
	}

.toctogglelabel  {
	color: #9b9b9b;
  }
  
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul	{
	display: none;
	}
	
.toc ul li::before 	{ 
	display:none!important;
	}

/* Heading */
#content #bodyContent #mw-content-text .mw-parser-output h2	{
	border-bottom-width:1px!important;
	border-bottom-color:rgba(113,159,202,0.7)
	}

/* First heading */
#firstHeading	{
	border-bottom-color:rgba(113,159,202,0.7);
	border-bottom-width:1px;
	border-bottom-style:solid;
	}

/* Link */
#pt-userpage a	{
	color:#ffffff!important;
	background-image:linear-gradient(141deg, #0fb8ad 0%, #2cb5e8 100%);
	}

/* Left - spike*/
#left-navigation 	{
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
	}
	
/* Span Tag Colors */
#p-personal ul	{color:#ffffff;}
#pt-logout a span	{color:#ffffff;}
#pt-mycontris a span	{color:#ffffff;}
#pt-watchlist	{color:#ffffff;}
#pt-watchlist a span	{color:#ffffff;}
#pt-preferences a span	{color:#ffffff;}
#pt-mytalk .new span	{color:#ffffff;}
#pt-userpage .new span	{color:#ffffff;}
#ca-edit a span	{color:#ffffff;}
#ca-delete a span	{color:#000000;}
#ca-move a span	{color:#000000;}
#ca-protect a span	{color:#000000;}
#pt-login > a > span	{color:#000000;}

#pt-login a span	{
	-webkit-filter:drop-shadow(10px 10px 10px #222);
	filter:drop-shadow(0px 0px 4px #222);
	}

#pt-login > a > span:hover	{color:#ffffff;}
#searchInput:hover	{border-color:white;}
#searchInput:focus	{border-color:white;}
#ca-edit > a > span:hover	{color:#888;}
#pt-userpage span:hover	{color:#555;}
#pt-mytalk span:hover	{color:#555;}
#pt-preferences span:hover	{color:#555;}
#pt-watchlist span:hover	{color:#555;}
#pt-mycontris span:hover	{color:#555;}
#pt-logout span:hover	{color:#555;}

/* Link */
#ca-unwatch a	{
	display:none;
	}

/* Cactions checkbox */
#p-cactions-checkbox	{
 transform:translatex(0px) translatey(0px);
	}

/* Cactions label */
#p-cactions-label	{
	color:#ffffff !important;
	}
	
/* FONTS */
/* Main Header FONT */
#firstHeading	{ 
	color: white; 
	font-weight: normal;
	font-family:'Aldrich', sans-serif;
	}

/* Main Header FONT */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5	{
	font-family:'Aldrich', sans-serif;
	color: white; 
	}

/* Main content text FONT */
body 	{ 
	font-family:'Aldrich', sans-serif;
	}

/* Main Logo */
.mw-wiki-logo	{
	background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png)!important;
	background-size: contain;
	background-size: 9.0625rem;
	}	
	
/* Main Logo after toggle sidebar script */
.ToggleLogo	{
	position:absolute;
	margin:0.7em;
	width:5.5em;
	height:5.5em;
	background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-size: 5.5em;
	cursor: pointer;
	}	

.ToggleLogo:hover	{
	-webkit-filter: drop-shadow(0px 0px 15px gray);
	}
	
/* Shadow */
a.mw-wiki-logo	{
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 5px #222);
	}
	
a.mw-wiki-logo:hover	{
	-webkit-filter: drop-shadow(0px 0px 15px gray);
	}
	
/* Tabs */
/* Removed spikes */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading	{
	background-image:none;
	}
	
/* Search Bar - Tab */
.vector-search-box-input::placeholder	{
	color:#303030;
	}
	
/* Animation */
#p-views {
	-webkit-animation: TabAnimation1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	 animation: TabAnimation2 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

@-webkit-keyframes TabAnimation1	{
	0% {opacity: 0;}
	100% {opacity: 1;}
	}

@keyframes TabAnimation2 {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }

/* Code Block Appearance */
code	{
	background-color: #6C6C6C;
	border: 1px solid lightgray;
	color:white;
	margin:2px;
	}

/* Scrollbar */
/* Width */
::-webkit-scrollbar	{
	width: 13px;
	}

/* Track */
::-webkit-scrollbar-track	{
	background: #f1f1f1;
	}

/* Handle */
::-webkit-scrollbar-thumb	{
	background: #888;
	}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover	{
	background: #555;
	}
	
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"])	{ 
	max-width: 100%; 
	height: auto; 
	width: auto;
	}
	
/* New "thumb" image */
.FramedImage	{
	float:right;
	text-align:right;
	font-size:0.9rem;
	margin-left:1em;
	margin-bottom:1em;
	}

.FramedImage img {
	padding: 1px;
	background-color: #f0f0f0;
	border:1px solid gray;
	border-radius: 2em 0 2em 2em;
	}

.FramedImage span{
	margin-right:1em;
	}

/* Collabsed elements */
/* All */
.mw-collapsible .mw-collapsible-toggle  {
    float:left;
    margin-left:0;
    margin-right:1em;
  }
  
/* Exapnd/Collapse button TEXT */
.mw-collapsible-text  {
  color: #9b9b9b;
}

/* BULLETS, BULLET LIST */
/* Remove old bullets */
ul	{
	list-style: none; 
	}

/* New bullets */
.mw-body-content ul li::before	{
	content: "\2022";
	color: white;
	font-weight: bold;
	display: inline-block; 
	width: 0.85em;
	margin-left: -0.85em;
	}
	
/* Navigation, Side bar, TOC, Background, Headings colors */
#mw-navigation li	{
	background: none;
	}

#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited	{
	color: #bdbdbd;
	z-index:2;	
	}

/* Hover over top bar */
#mw-head li a:hover	{
    color: #F1F0F0!important;
	}

#mw-head li a:link:hover	{
    color: #F1F0F0!important;
	}
	
/* Hover over sidebar */
#mw-panel li a:hover	{ 
	color: #F1F0F0 !important;
  	z-index:2;
	}

#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle	{
    color: white!important;
	}

#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited	{
	color: #bdbdbd!important;
	}
	
/* TOC Hover color */
#toc a:link:hover	{ 
	color:#AFAFAF!important
	}
	
/* TOC [hide] Hover color */
.toctogglelabel:hover	{
	color:white!important;
	text-decoration: none
	}
	
/* Background color */
.navbox, .navbox-subgroup	{
	background: #2b2b2b;      
	}

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12	{
	color: white;
	}

/* Heading Shadow, title */
h1	{
	filter: drop-shadow(0 0 3px white);
	}

h2:not(#mw-toc-heading)	{
	filter: drop-shadow(0 0 3px white);
	}

h3, h4, h5	{
	filter: drop-shadow(0 0 3px gray);
	}
	
/* h2 Heading */
#mw-content-text div.mw-parser-output h2:not(#mw-toc-heading) {
	display:inline-block;
	width:35em;
	margin-top:1em;
	margin-bottom:-0.3em;
	}

/*Header Breaker "----" */
hr	{
	height:1px;
	display:inline-block;
	position:absolute;
	width:45em;
	margin-top:-1px;
	background-color: rgba(113,159,202,0.7);
	filter: drop-shadow(0 0 3px white);
	}

/* Links OLD */
a:link 	{color: #bdbdbd!important;}
a:visited 	{color: #bdbdbd!important;}
:link:active, :link.new 	{color: #bdbdbd!important;}
:link.interwiki, :link.external 	{color: #bdbdbd!important;}

/* Links NEW */
a:link	{ 
	color: #AFAFAF !important; 
	text-decoration: none;
	}

a:visited	{ 
	color: #bdbdbd!important; 
	text-decoration: none;
	}

a:hover 	{
	color:#F1F0F0!important;
	}

:link:active, :link.new 	{ 
	color: #bdbdbd!important;
	text-decoration: none;
	}
:link.interwiki, :link.external	{ 
	text-decoration: none;
	}

/* Hover for external links */
.mw-parser-output a.external:hover	{ 
	text-decoration: none;
	color: #F1F0F0 !important;
	}

/* Sticky header */
.sticky tr	{     
	position: sticky;     
	top: 0;     
	z-index: 2;
	} 

.sticky tbody	{     
	position: relative;     
	z-index: 1; 
	}
	
/* Hover over text to see more div class */
.hide	{
	display: none;
	}

.HoverHide:hover + .hide	{
	display: block;;
	}

/* Hover over image to see text */
.container	{
	position: relative;
	width: auto;
	display:inline-block;
	}
	
@media screen and (max-width: 1920px) {.overlay  {font-size:185%;}}
@media screen and (max-width: 1800px) {.overlay  {font-size:180%;}}
@media screen and (max-width: 1700px) {.overlay  {font-size:175%;}}
@media screen and (max-width: 1600px) {.overlay  {font-size:170%;}}
@media screen and (max-width: 1500px) {.overlay  {font-size:165%;}}
@media screen and (max-width: 1400px) {.overlay  {font-size:155%;}}
@media screen and (max-width: 1300px) {.overlay  {font-size:150%;}}
@media screen and (max-width: 1200px) {.overlay  {font-size:145%;}}
@media screen and (max-width: 1100px) {.overlay  {font-size:140%;}}
@media screen and (max-width: 1000px) {.overlay  {font-size:135%;}}

@media screen and (max-width: 900px) {.overlay  {font-size:130%;}}
@media screen and (max-width: 800px) {.overlay  {font-size:125%;}}
@media screen and (max-width: 700px) {.overlay  {font-size:120%;}}
@media screen and (max-width: 600px) {.overlay  {font-size:115%;}}
@media screen and (max-width: 500px) {.overlay  {font-size:110%;}}
@media screen and (max-width: 400px) {.overlay  {font-size:105%;}}
@media screen and (max-width: 300px) {.overlay  {font-size:100%;}}

.overlay	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0; /* TESTING */
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	}

.container:hover .overlay	{
	opacity: 1;
	}

.HoverImg	{
	color: white;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	width:100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	}
	
/* Remove the external link image */
.mw-parser-output a.external	{
	background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
	padding-right: 0px
	}
	
/* Remove the external link image END */
/* Disables spoilers. We need other way for this. Disable viewing of unused pictures

.mw-special-Unusedimages	{
    display: none;
	}

.mw-special-Uncategorizedimages	{ 
    display: none;
	}

.mw-special-Listfiles	{
    display: none;
	}

.mw-special-Log	{
    display: none;
	}

.mw-special-Newimages	{
    display: none;
	}
*/

/* Removed tabs */
#ca-nstab-main 	{display: none!important;}   
#ca-nstab-user a {display:none!important;} 
#ca-nstab-mediawiki a {display:none;}
#ca-nstab-special a {display:none;}
#ca-talk 	{display: none!important;}
#ca-history 	{display: none!important;}
#ca-view 	{display: none!important;}
#p-tb 	{display: none;}
#ca-viewsource 	{display: none!important;}


/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks	{
	display:none;
	}
	
/* Remove gallerybox bullet */
li.gallerybox::before	{
	visibility: hidden
	}
	
/* New Tabs (Old Tabber) */
/* Whole Tabs */
.tabs-tabbox, .tabs-togglebox {
	display:inline-block;
	}

/* Inside Tabs */
.tabs-tabbox .tabs-container {
	border:0.3em solid #414141;
	border-radius:0;
	padding:0;
	background-color: #6C6C6C;
	display:flex;
	}

/* Inside Labels */
.tabs-label	{
	background-color: gray;
	border-color:transparent;
	user-select:none;
	font-size:120%;
	z-index:10;
	}

/* Inside Labels HOVER */
.tabs-label:hover	{
	background-color: #6C6C6C;
	border-color:transparent;
	}

/* Inside Labels ACTIVE */
.tabs-label:active	{
	background-color: #414141;
	border-color:transparent;
	}
	
/* Inside Labels SELECTED */
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label	{
	background-color: #535353;
	border-color:transparent;
	z-index:-1;
	}

/* First Label */
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label	{
	margin-left:0;
	}
	
/* Tabs Animation */
.tabs-tabbox {
	opacity: 0;
	position: relative;
	top: -50px; /* Adjust this value according to your layout */
	}	

/* Data Hover cell=column + JS */
.highlight	{
	background-color: #ADABAB;
	}

/* Bosses Page flex table */
.BossTableBefore	{
	display:flex;
	flex-wrap:wrap;
	justify-content:normal;
	align-items:center;
	gap:0.5em 0.5em;
	}
	
/* Boss Icons */
/* Right Corner stuff */
.BossOverlayContainerMain {
	position:absolute;
	display:flex;
	flex-direction:column;
	align-items:center;
	right:0.5em;
	bottom:0.5em;
	cursor:pointer;
	}

.BossOverlayContainerMain img {
	margin-top:0.3em;
	border:1px solid black;
	}

.BossCornerTime  {
	background-color: #6C6C6C;
	margin-bottom:1em;
	border:1px solid black;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	font-size:0.8rem
	}

/* Custom Tables */

/* Custom Table - Shops/ListItem */
/* Table Global */
.ShopsTable	{
	border-collapse: collapse;
	cursor: pointer;
	user-select:none;
	}
	
.ListItem {
	border-collapse: collapse;
	user-select:none;
	}	
	
/* Make the images not resize on zoom */
.ShopsTable img,
.ListItem img {
	max-width:min-content;
	}
	
/* Table Header */
.ShopsTable tr,
.ListItem tr {
	background-color: gray;
	}

/* Table Data */
.ShopsTable>*>tr>td,
.ListItem>*>tr>td {
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	transition: background-color .3s ease-in-out;
	border-bottom: 1px solid black;
	}

/* Table Data Hover */
.ShopsTable td:hover,
.ListItem td:hover {
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.ShopsTable>*>tr:has(td:hover) td,
.ListItem>*>tr:has(td:hover) td {
	background-color: #ADABAB;
	}

/* BigPicture */
.ShopsTable td:nth-child(1),
.ListItem td:nth-child(1) {
	padding:0.5em;
	}

/* Name */
.ShopsTable td:nth-child(2),
.ListItem td:nth-child(2) {
	padding-left:0.5em;
	padding-right:1em;
	}

/* Icons */
.ShopsTable td:nth-child(3), .ShopsTable td:nth-child(6), .ShopsTable td:nth-child(9), .ShopsTable td:nth-child(12),
.ListItem td:nth-child(3), .ListItem td:nth-child(6), .ListItem td:nth-child(9), .ListItem td:nth-child(12) {
	padding:0.3em;
	}

/* QNT Text */
.ShopsTable td:nth-child(4), .ShopsTable td:nth-child(7), .ShopsTable td:nth-child(10), .ShopsTable td:nth-child(13),
.ListItem td:nth-child(4), .ListItem td:nth-child(7), .ListItem td:nth-child(10), .ListItem td:nth-child(13) {
	padding-left:0;
	padding-right:1em;
	}

/* Separators */
.ShopsTable td:nth-child(5), .ShopsTable td:nth-child(8), .ShopsTable td:nth-child(11),
.ListItem td:nth-child(5), .ListItem td:nth-child(8), .ListItem td:nth-child(11) {
	padding:0;
	}
/* Special style for List items */
.ShopsTable.ListItem	{
	border: 1px solid black;
	}

/* Custom Table - EnchantTable */
/* Table Global */
.EnchantTable	{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	width: 150px;
	text-align: center;
	}

/* Table Header */
.EnchantTable tr	{
	background-color: gray;
	}

/* Table Data */
.EnchantTable>*>tr>td	{
	-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 2px;
	transition: background-color .3s ease-in-out;
	border-top: 1px solid black;
	width: 80px;
	}

/* Table Data Hover */
.EnchantTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.EnchantTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}


/* Custom Table - BreakPointsTable */
/* Table Global */
.BreakPointsTable	{
	table-layout: fixed;
	width: 100%;
	width: 90px;
	border-collapse: collapse;
	user-select: none;
	}

/* Table Header */
.BreakPointsTable tr	{
	background-color: gray;
	border: 1px solid black;
	}

/* Table Data */
.BreakPointsTable>*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 1px;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	width: 80px;
	}

/* Table Data Hover */
.BreakPointsTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.BreakPointsTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}


/* Custom Table - InfluenceTable */
/* Table Global */
.InfluenceTable	{
	width: 100%;
	width: 300px;
	border-collapse: collapse;
	}

/* Table Header */
.InfluenceTable tr	{
	background-color: #6C6C6C;
	border: 1px solid black;
	border-top: 1px solid black;
	text-align:center;
	}

/* Table Data */
.InfluenceTable*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 1px;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	width: 80px;
	}

/* Table Data Hover */
.InfluenceTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.InfluenceTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}

/* Custom Table - Weapons E15 Overlay containerE15 */
.containerE15	{
	position: relative;
	text-align: center;
	color: #F5B930;
	padding-top:6px;
	}

.overlayE15	{
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	}


/* Custom Table - Recipe */
/* Table Global */
.RecipeTable	{
	table-layout: fixed;
	border-collapse: collapse;
	text-align:center; 
	font-size:0.8em;
	}

/* Table Header */
.RecipeTable tr	{
	background-color: gray;
	border: 1px solid black;
	border-top: 1px solid black;
	}

/* Table Data */
.RecipeTable>*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	text-align:left;  
	padding: 10px;
	}

/* Table Data Hover */
.RecipeTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.RecipeTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}


/* Custom Table - PlayerSkillTable */
/* Table Global */
.PlayerSkillTable	{
	table-layout: fixed;
	border-collapse: collapse;
	user-select: none;
	outline:1px solid gray;
	}

/* Table Header */
.PlayerSkillTable tr	{
	background-color: gray;
	border: 1px solid black;
	border-top: 1px solid black;
	}

/* Table Data */
.PlayerSkillTable>*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 4px;
	transition: background-color .3s ease-in-out;
	width: 117px;
	}


/* Custom Table Infinity Field Difficulty Table */
/* Global */
.IF-DifficultyTable {	
	border-collapse: collapse; 
	background-color: #6C6C6C;
	overflow-y: auto;
	display:inline-block;
	max-height:45em!important;
	margin-top:-2em;
	margin-bottom:-3em;
	outline:1px solid black;
	}

/* Header */
.IF-DifficultyTable th {
	background-color:#555;
	border-left:1px solid black;
	text-align:center;
	padding:0.5em;
	position:sticky;
	top:0;
	}

/* Inside */
.IF-DifficultyTable td {
	border: 1px solid black;
	text-align:center;
	padding:0.1em;
	}

/* Hover */
.IF-DifficultyTable>*>tr:has(td:hover)	{
	background-color: #ADABAB;
	}

/* Infinity Field styling of Toggle/Expand elements + Pictures */
.page-Infinity_Field .Area-1	{
	background-image: url("/images/b/b5/Kreacian_Holy_Land_Small.png");
	padding:1em;
	width:11em;
	margin-left:1.2em;
	text-shadow: black 1px 0 10px;
	text-align:center;
	}

.page-Infinity_Field .Area-2	{
	background-image: url("/images/3/3c/The_Hydrogen_Driver_Small.png");
	padding:1em;
	width:11em;
	margin-left:1.2em;
	text-shadow: black 1px 0 10px;
	text-align:center;
	}

.page-Infinity_Field .Area-3	{
	background-image: url("/images/3/3b/Survival_Abyss_Small.png");
	padding:1em;
	width:11em;
	margin-left:1.2em;
	text-shadow: black 1px 0 10px;
	text-align:center;
	}

.page-Infinity_Field .Areas .ToggleElement{
	padding:1em!important;
	}

/* Skills */
/* Skills Main */
.Skills-Main	{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	}
	
.Skills	{
	background-color: #6C6C6C;
	border:1px solid gray;
	padding: 6px;
	margin:5px;
	cursor:pointer;
	user-select:none;
	}

.Skills:hover	{
	background-color:#ADABAB;
	}

.Skills td:nth-child(1)	{
	width:32px;
	}

.Skills td:nth-child(2)	{
	width:150px;
	}

/* Skill Description */
.SkillDSC	{
	margin-top:1.5em;
	margin-bottom:0.5em;
	}

/* Hidden output tables by default */
.Skills-Hidden  {
	display:none;
	}

/* Skill Table Output */
/* Global */
.SkillTable	{
	border-collapse: collapse;
	background-color: #6C6C6C;
	margin-bottom:1.25em;
	/* min-width:880px; /* Align all tables */
	overflow-x: scroll;
	}

/* Hover */
.SkillTable>*>tr:has(td:hover)	{
	background-color: #ADABAB;
	}

/* Inside */
.SkillTable td	{
	border: 1px solid black;
	text-align:center;
	padding:0.5625em;
	}

.SkillTable th {
	background-color:#555;
	border: 1px solid black;
	text-align:center;
	padding:0.5625em;
	position: sticky;
	top: 0;
	}

/* Image resize */
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"]{min-width:28px}

/* Media querry */
@media (max-width: 800px)  {
.SkillTable th { writing-mode: vertical-rl; padding:0.5em; }
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"] { display:none; }
  }
  
 
/* Custom Table - DisputeHoursTable */
/* Table Global*/
.DisputeHoursTable	{
	table-layout: fixed;
	width: 100%;
	width: 90px;
	border-collapse: collapse;
	text-align:center;
	}

/* Table Header */
.DisputeHoursTable tr	{
	background-color: gray;
	border: 1px solid black;
	}

/* Table Data */
.DisputeHoursTable*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 1px;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	width: 80px;
	}

/* Table Data Hover */
.DisputeHoursTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.DisputeHoursTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}


/* Custom Table Fixes */
/* Table Global */
.FixesTable	{
	border-collapse: collapse;
	cursor: default;
	border: 1px solid black;
	}
	
.FixesTable th	{
	overflow-y:auto;
	}

/* Table Header */
.FixesTable tr	{
	background-color: #D8D8D8;
	text-align:center;
	color:black; 
	}

/* Table separate headers hover */
.FixesTable th:hover	{
	background-color: #ADABAB;
	}

.FixesTable td	{
	border: 1px solid black;
	}

/* Table Data Hover */
.FixesTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.FixesTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}

/* Table Header shadow */
.page-Fixes .mw-parser-output thead tr	{
	box-shadow:0px 0px 14px 0px #000000; 
	}

/* Table Scroll */
/* Weapon */
.page-Fixes #TableBefore1	{
	width:max-content;
	max-height:50em; 
	overflow-y: auto;
	}

/* Armor */
.page-Fixes #TableBefore2	{
	max-width:1600px;
	width:max-content;
	max-height:50em; 
	overflow-y: auto;
	}

/* PET */
.page-Fixes #TableBefore3	{
	max-width:1400px;
	width:max-content;
	max-height:50em; 
	overflow-y: auto;
}


/* Fixes Button */
.WeaponFixBtn, .ArmorFixBtn, .PETFixBtn	{
	width:max-content;
	border: solid 3px #736868;
	border-radius:10px;
	background-color:#515151;
	padding: 0 5px 0 5px;
	margin-top:0.5em;
	user-select: none;
}

/* Fixes Button (hover) */
.WeaponFixBtn:hover, .ArmorFixBtn:hover, .PETFixBtn:hover	{
	border-color:#d4cdcd;
	filter: contrast(0.5);
	cursor:pointer;
	}

/* Fixes Button (active) */
.WeaponFixBtn:active, .ArmorFixBtn:active, .PETFixBtn:active	{
	border-color:#2e354f;
	background-color:#4e6170;
	}
	
 .FixesTable th {
    overflow-wrap: break-word;
    max-width: 6em;
	writing-mode: vertical-rl;
    transform: rotate(180deg);
}
	
/* Draggable Fixes Table */
#TableBefore1, #TableBefore2, #TableBefore3	{
	position: relative;
	user-select: none;
	}

#TableBefore1	{
	min-width:35em;
	}

#TableBefore2	{
	min-width:56.9em;
	}

#TableBefore3	{
	min-width:44.1em;
	}
/*
.drag-handle1, .drag-handle2, .drag-handle3	{
	cursor: grab;
	z-index:10;
	height: 100%;
	width: 3em;
	position: absolute;
	right:0;
	}
*/


/* Custom Table - ChatTable */
/* Table Global */
.ChatTable	{
	table-layout: fixed;
	width: 100%;
	width: 210px;
	border-collapse: collapse;
	text-align:center
	}

/* Table Header */
.ChatTable tr	{
  background-color: gray;
  border: 1px solid black;
	}

/* Table Data */
.ChatTable>*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding: 1px;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	width: 80px;
	}

/* Table Data Hover */
.ChatTable td:hover	{
	background-color: #ADABAB;
	}

/* Table Data Hover cell=row */
.ChatTable>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}


/* Custom Table - SmallTable on Chat Page */
.SmallTable th{
	width: 50px;
	}

.SmallTable tr {
	background-color: gray;
	text-align: center;
	}

/* Custom Table - PETTable1 */
/* Table Global*/
.PETTable1	{
	table-layout: fixed;
	width: 100%;
	width: 80px;
	border-collapse: collapse;
	text-align:left
	}

/* Table Header */
.PETTable1 tr	{
	background-color: gray;
	border: 1px solid black;
	}

/* Table Data */
.PETTable1 td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	border: 1px solid black;
	width: 60px;
	text-align:center;
	}

/* Table First Collumn */
.PETTable1 tbody>tr>:nth-child(1)	{
	width: 126px;
	}


/* Custom Table - .PETTable2 */
/* Table Global*/
.PETTable2	{
	border-collapse: collapse;
	}

/* Table Header */
.PETTable2 tr	{
	background-color: gray;
	border: 1px solid black;
	}

/* Table Data */
.PETTable2 td	{
	background-color: #6C6C6C;
	border: 1px solid black;
	padding:5px;
	text-align:left;
	}
	
/* Custom Table - CRP Shop */
/* Table Global */
.CRPShopTable	{ 
	border-collapse: collapse;
	}

/* Table Data */
.CRPShopTable>*>tr>td	{
	font-family:'Aldrich', sans-serif;
	background-color: #6C6C6C;
	color: white;
	padding-left:0.5em;
	padding-right:0.5em;
	transition: background-color .3s ease-in-out;
	border: 1px solid black;
	text-align:center;
  width:20em;
	}

/* Table Data Hover */
.CRPShopTable td:hover	{
	background-color: #ADABAB;
	cursor:pointer;
	}

/* Custom Table - Formation */
.page-Formation .Formation	{
	border-collapse: collapse;
	}

.page-Formation .Formation tr	{
	background-color: gray;
	border: 1px solid black;
	border-top: 1px solid black;
	}

.page-Formation .Formation td:hover	{
	background-color: #ADABAB;
	}

.page-Formation .Formation>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}

.page-Formation td:nth-child(1)	{
	width:120px;
	}

.page-Formation td:nth-child(2) {
	width:200px;
	}

.page-Formation td:nth-child(3)	{
	width:40px;
	}
.page-Formation td:nth-child(4)	{
	width:280px;
	}

/* Custom Table Milestones/Fame Player */
.page-Fame_Milestone_Rewards .Milestones th, .page-Fame_Milestone_Rewards .Milestones2 th {
	padding-right:0.5em;
	padding-left:0.5em;
	}

.Milestones	{
	border-collapse: collapse;
	display:block;
	height:720px;
	overflow-y: scroll;
	user-select:none;
	}

.page-Fame_Milestone_Rewards .Milestones tr	{
	background-color: gray;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}

.page-Fame_Milestone_Rewards .Milestones td:hover	{
	background-color: #ADABAB;
	}

.page-Fame_Milestone_Rewards .Milestones>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}

.page-Fame_Milestone_Rewards .Milestones td:nth-child(1)	{
	text-align:center;
	border-right: 1px solid black;
	}

.page-Fame_Milestone_Rewards .Milestones td:nth-child(2)	{
	text-align:center;
	border-right: 1px solid black;
	}

.page-Fame_Milestone_Rewards .Milestones td:nth-child(3)	{
	text-align:center;
	border-right: 1px solid black;
	padding-right:0.5em;
	padding-left:0.5em;
	}
	
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4)	{
	padding-right:0.5em;
	padding-left:0.5em;
	}

/* Custom Table Milestones2/Fame Brigade */
.Milestones2	{
	border-collapse: collapse;
	display:block;
	height:720px;
	overflow-y: scroll;
	user-select:none;
	}

.page-Fame_Milestone_Rewards .Milestones2 tr	{
	background-color: gray;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}

.page-Fame_Milestone_Rewards .Milestones2 td:hover	{
	background-color: #ADABAB;
	}

.page-Fame_Milestone_Rewards .Milestones2>*>tr:has(td:hover) td	{
	background-color: #ADABAB;
	}

.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(1)	{
	text-align:center;
	border-right: 1px solid black;
	}

.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(2)	{
	text-align:center;
	border-right: 1px solid black;
	padding-right:0.5em;
	padding-left:0.5em;
	}

.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3)	{
	border-right: 1px solid black;
	padding-right:0.5em;
	padding-left:0.5em;
	}

.page-Fame_Milestone_Rewards th	{
	background:#ADABAB;
	position: sticky;
	top: 0; 
	}
	
/* Mission Table */
.MT-Global  {
	border:1px solid black;
	outline:2px solid gray;
	border-collapse:collapse;
	text-align:center;
	max-width:50em;
	margin-top:1em;
	margin-bottom:0;
	margin-left:2px;
	cursor:pointer;
	width:20em; /* Subject to change*/
	}

.MT-Title {
	background-color: var(--MT-Title-Color);
	padding:0.3em;
	cursor:pointer;
	user-select:none;
	}
	
.MT-Title span	{
	text-shadow: black 1px 1px 10px;
	}

.MT-Title:hover	{
	border-color: var(--MT-Title-Hover-Color);
	filter: contrast(0.5);
	border:1px solid black;
	}

.MT-Title:active	{
	border-color:var(--MT-Map-Color);
	background-color:var(--MT-Title-Active-Color);
	}

.MT-Header  {
	background-color: var(--MT-Header-Color);
	border:1px solid black;
	font-weight:600;
	}

.MT-Map  {
	background-color: var(--MT-Map-Color);
	border-top:1px solid black;
	}

.MT-Value  {
	background-color: var(--MT-Value-Color);
	border-bottom:1px dashed black;
	}

/* List bullets */
.MT-Global td li::before	{
	display:none;
	}

/* Top - Right - Bottom - Left */
.MT-Value ul {
	margin:0.3em;
	}
	
.MT-Value	{
	text-shadow: black 1px 1px 10px;
	}

.MT-Value span	{
	text-shadow: white 1px 1px 30px;
	}
	
/* Reward Box */
.MT-Title.r-reward {
	border: 0;
	}

/* MT-BCU / MT-ANI Templates */
span.MT-BCU:before	{
	content:'BCU'; 
	color:#F5B930; 
	margin-left:-3em; 
	padding-right:1em;
	text-shadow: #F5B930 1px 1px 5px;
	}

span.MT-ANI:before	{
	content:'ANI'; 
	color:#00FFFF; 
	margin-left:-2.7em; 
	padding-right:1.3em;
	text-shadow: #00FFFF 1px 1px 5px;
	}

/* Mission Table FlexWrap gap change */
.page-Test_Page .FlexWrap,
.page-Test_Page_2 .FlexWrap,
.page-Custom_Missions .FlexWrap	{
	gap: 0.5em;
	}

/* Armor Glow */                     
.page-Armor_Glow #content img:not([src="/images/8/8c/Armor_Glow_Card.png"])	{
	max-height: 300px;
	min-height:auto;
	clip-path: inset(0px 0px 2px 0px); /* CROP */
	}

.page-Armor_Glow #GlowContainer0	{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-right:100px;
	padding-bottom:30px;
	text-align:center;
	}

.page-Armor_Glow #GlowContainer1	{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-around;
	margin-right:100px;
	padding-bottom:30px;
	text-align:center;
	}

.page-Armor_Glow #GlowContainer2, #GlowContainer3	{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-right:100px;
	padding-bottom:30px;
	text-align:center;
	}

/* Weapon Contour Page table */
.page-Weapon_Contours table	{
	width:100%;
	}
	
.page-Weapon_Contours td  {
	padding:3px;
	}	

.page-Weapon_Contours table tr	{
	display: grid;
	grid-template-columns:repeat(auto-fill, 200px);
	}
	
/* Custom Missions page shadow fix */
.page-Custom_Missions #mw-content-text .mw-parser-output h2	{
	filter: brightness(1.0001);
	}

/* Characters Page */
/* All Table */
#CharactersAll	{
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:auto 2% 74% 2% auto;
	}

/* Characters Small Images */
#CharactersTable img	{
	border:solid transparent 2px;
	border-radius:9px 0 9px;
	cursor:pointer;
	}
	
#CharactersTable img.on	{
	border:solid gray 2px;
	border-radius:9px 0 9px;
	}

#CharactersTable img:hover	{
	border:solid #a6b4b4 2px;
	border-radius:9px 0 9px;
	}
	
#CharactersImgContainer	{
	min-width:217px;
	}

/* Search Page */
.page-Special_Search .mw-body-content ul li::before	{
	content:none;
	}

.page-Special_Search .mw-search-profile-tabs li a	{
	color:white!important;
	}

.page-Special_Search .mw-search-profile-tabs	{
	background-color:#555;
	}

.page-Special_Search .mw-search-profile-tabs li a:hover	{
	color:#ADABAB!important;
	}

.page-Special_Search #mw-searchoptions	{
	background-color:#6C6C6C;
	}
.page-Special_Search #mw-page-base	{
	margin-top:-4px;
	}
	
/* Search File List Page */
.listfiles	{
	color:black
	}
	
/* SPECIAL SHIT */
/* ToggleButton */
#ToggleButton	{
	border: solid 2px gray;
	border-radius:10px;
	background-color: var(--MT-Title-Color);
	padding: 0 5px 0 5px;
	margin-top:0.5em;
	user-select: none;
	cursor:pointer;
  	}

/* ToggleButton (hover) */
#ToggleButton:hover  {
	border-color: var(--MT-Title-Hover-Color);
	filter: contrast(0.5);
	}

/* ToggleButton (active) */
#ToggleButton:active  {
	border-color:var(--MT-Map-Color);
	background-color:var(--MT-Title-Active-Color);
	}

/* ToggleContent */
.ToggleContent {
	max-height:5000rem!important;
	padding-top:0.5em;
	margin-bottom:0;
		overflow: hidden;		/* Animation */
		transition: max-height 5s ease-out;		/* Animation */
	}
	
.ToggleElement	{
	display:flex;
	justify-content:center;
	width:4.2em;
	}
/* ToggleTitle */
.ToggleTitle	{
	position:absolute;
	z-index:-1;
	border: solid 3px transparent;
	padding: 0 0.3125em 0 5.5em;
	}
	
/* Toggle, but div */
.r-ToggleGlobal {
	display: inline-flex;
	flex-direction: column;
	outline:2px solid gray;
	margin-left:2px;
	margin-bottom:0.3em;
	}

.r-ToggleTitle {
	display:flex;
	justify-content: space-between;
	align-items:center;
	text-align:center;
	cursor:pointer;
	user-select:none;
	background-color: var(--MT-Title-Color);
	border:1px solid black;
	outline:2px solid gray;
	}
	
.r-ToggleTitle span.Expand	{
	font-style:italic;
	font-weight:100;
	color:gray;
	width:20%;
	font-size:0.8em;
	}

.r-ToggleTitle span.Expand:after	{
	font-size:1em;
	padding-left:1em;
	content:"\007C" /* Pipe Character */
	}

.r-ToggleTitle span.Title	{
	width:80%;
	}

.r-ToggleTitle span	{
	text-shadow: black 1px 1px 10px; 
	}

.r-ToggleTitle:hover	{
	border-color: var(--MT-Title-Hover-Color);
	filter: contrast(0.5);
	border:1px solid black;
	}	

.r-ToggleTitle:active	{
	border-color:var(--MT-Map-Color);
	background-color:var(--MT-Title-Active-Color);
	}

.r-ToggleContent {
	display: none;
	border:1px solid black;
	outline:2px solid gray;
	}

.r-ToggleContent.active {
	display: block;
	}

/* Toggle separate rows in table. JS Code */	
.JS-Toggle-Row, .JS-Toggle-Row1, .JS-Toggle-Row2, .JS-Toggle-Row3, .JS-Toggle-Row4, .JS-Toggle-Row5 {
	display: none;
	}
	
.JS-ItemTableToggle	{
	cursor: pointer;
	}
.JS-ItemTableToggle:hover	{
	background-color: var(--ItemTableHoverColor);
	transition: background-color .3s ease-in-out;
	}

/* Needed for JS Code */	
.Script_DefaultShownValue{
	display:inline-block
	}	

/* Recent Changes box */
.page-Special_RecentChanges #mw-content-text > div.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible	{
	color:black;
	}

.page-Media .mw-parser-output div .gallerytext	{
	margin-top:-5px;
	margin-bottom:-15px;
	text-align:center;
	}

/* ################################################################################################################ */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* Main Page */
/* Contanct */
.Contact:after	{
	display:block;
	content:"\2709";
	width:0;
	height:0.9em;
	font-size:2em;
	color:gray;
	}

/* Heading */
.page-Main_Page #firstHeading	{
	display:none;
	}

/* Main picture content */
.page-Main_Page .MainPicture	{
	display:flex;
	justify-content:center;
	flex-direction:row;
	}

/* Image Logo */
.page-Main_Page .MainPicture  img	{
	-webkit-filter: drop-shadow(5px 5px 15px black);
	filter: drop-shadow(5px 5px 15px black);
	}


	
/* Description content */
.page-Main_Page .MainDSC	{
	display:flex;
	flex-direction:column;
	flign-items:flex-start;
	padding-left:20%;
	padding-right:20%;
	}
	
/* Pedia content */
.page-Main_Page .MainPedia	{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	}
  
.page-Main_Page .PediaTable	{
	display:flex;
	justify-content:center;
	align-items:center;
	}

.page-Main_Page .Pedia {
	padding-left:2em;
	padding-right:2em;
	}

.page-Main_Page .PediaTable p img 	{
	-webkit-filter: drop-shadow(15px 15px 13px #222);
	filter: drop-shadow(15px 15px 13px #222);
	padding-right: 1em;
	}

.page-Main_Page .PediaTable a img:hover	{
	-webkit-filter: drop-shadow(0px 0px 8px gray);
	}
	
/* Main content */
.page-Main_Page .MainLinks, 
.page-Main_Page .YouMAL,
.page-Main_Page .M-Event {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding-left:10%;
	padding-right:10%;
	}

/* Paragraphs */
.page-Main_Page .MainLinks p, 
.page-Main_Page .Events p, 
.page-Main_Page .Other p, 
.page-Main_Page .YouMAL p, 
.page-Main_Page .Shops p, 
.page-Main_Page .Social p,
.page-Main_Page .M-Event p
{
	border:2px solid #808080;
	padding:3px 0 3px 5px;
	background-color:#445466; /*  #f0f0f0 */
	padding-right:7px;
	margin-right:4px;
	margin-left:4px;
	white-space:nowrap;
	}

/* Links Picture*/
.page-Main_Page .MainLinks p a:nth-child(1), 
.page-Main_Page .Other p a:nth-child(1), 
.page-Main_Page .Other p a span:nth-child(1), 
.page-Main_Page .YouMAL p a:nth-child(1),
.page-Main_Page .Social p a:nth-child(1),
.page-Main_Page .M-Event p a span:nth-child(1){
	padding:8px 0 10px 0;
	border-left:5px solid transparent;
	margin-left:-5px
}

/* Links text*/
.page-Main_Page .MainLinks p a:nth-child(2), 
.page-Main_Page .Other p a:nth-child(2), 
.page-Main_Page .Other p a span:nth-child(2), 
.page-Main_Page .YouMAL p a:nth-child(2),
.page-Main_Page .Social p a span,
.page-Main_Page .M-Event p a:nth-child(2)
{
	color:white!important;
	padding:8px 0 10px 0;
	border-right:5px solid transparent;
	margin-right:-7px;
	}

/* Links EVENTS  picture - because different size picture*/
.page-Main_Page .Events p a:nth-child(1) {
	padding:12px 0 14px 0;
	border-left:5px solid transparent;
	margin-left:-5px
	}

/* Links EVENTS  text - because different size picture */
.page-Main_Page .Events p a:nth-child(2) {
	color:white!important;
	padding:12px 0 14px 0;
	border-right:5px solid transparent;
	margin-right:-7px
	}

/* Paragraphs HOVER */
.page-Main_Page .MainLinks p:hover, 
.page-Main_Page .Events p:hover, 
.page-Main_Page .Other p:hover, 
.page-Main_Page .YouMAL p:hover, 
.page-Main_Page .Useful p:hover, 
.page-Main_Page .Discord p:hover, 
.page-Main_Page .Social p:hover,
.page-Main_Page .M-Event p:hover	{
	background-color: #808080;   /*  #C3C3C3 */
	cursor: pointer;
	border:2px solid #4F4F4F;  
	color:white!important;
	}
	
.page-Main_Page .Shops p:hover	{
	cursor: pointer;
	border:2px solid black;  
	background-color: #2b314b;
	}
	
/* MainLinks: Rules - Other - Paragraphs ACTIVE */
.page-Main_Page .MainLinks p:active, 
.page-Main_Page .Events p:active, 
.page-Main_Page .Other p:active, 
.page-Main_Page .YouMAL p:active, 
.page-Main_Page .Shops p:active, 
.page-Main_Page .Useful p:active, 
.page-Main_Page .Discord p:active, 
.page-Main_Page .Social p:active
.page-Main_Page .M-Event p:active {
	background-color: #C7C7C7;
	cursor: pointer;
	border:2px solid #595959;
	color:white!important;
	}

.page-Main_Page .YouMAL a:active, 
.page-Main_Page .Discord a:active {
	color:white!important;
	}

.page-Main_Page .Shops p:active	{
	cursor: pointer;
	border:2px solid #4e6271; 
	background-color: gray;
	}

/* Grid box: Gears, Events, Other */


/* Gears */
/* Gears, Events, Other Box */
.page-Main_Page .G_E_O-Box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	flex-direction:row;
	padding-left:10%;
	padding-right:10%;
	}

/* Gears */
.page-Main_Page .G_E_O-Box .Gears{
	flex-wrap:wrap;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	min-width: 480px;
	height:480px;
	}
	
/* Gears font change */
.Gears .ContainerMainPage .OverlayMainPage .HoverImgMainPage  {
	font-family:hacked, Helvetica, sans-serif;
	font-size:3em;
	}
	
.page-Main_Page .G_E_O-Box .Gears img{
	border:2px solid #808080;
	margin:0.5em;
	min-width:220px;
}
	
/* Gears hover info*/
.hideMainPage	{
	display: none;
	}

.page-Main_Page .HoverHide:hover + .hideMainPage	{
	display: block;;
	}

/* Hover over image to see text */
.page-Main_Page .ContainerMainPage	{
	position: relative;
	width: auto;
	}

.page-Main_Page .OverlayMainPage	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	}

.page-Main_Page .ContainerMainPage:hover .OverlayMainPage	{
	opacity: 1;
	}

.page-Main_Page .HoverImgMainPage	{
	color: white;
	font-size: 1.875rem;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	width:100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	}

.page-Main_Page .Gears .ContainerMainPage:active {
	background-color: #7e9496;
	}
	
/* Shops */
.page-Main_Page .Shops	{
	display:grid;
	padding-left:10%;
	padding-right:10%;
	align-content:center;
	justify-content:space-around;
	grid-template-columns:auto auto auto auto auto auto;
	grid-template-columns: repeat(auto-fill, 16em);
	}


/* Shops Paragraph */
.page-Main_Page .Shops p {
	text-align:center;
	line-height:3em;
	font-weight:600;
	padding-left:2em;
	padding-right:2em;
	color:#ffffff;
	background-blend-mode:overlay;
	}
	
/* Shops Link */
.page-Main_Page .Shops a {
  color:white!important;
}

.page-Main_Page .Shops p a {
	display:block;
	border-top:3px solid transparent;
	margin-top:-3px;
	border-bottom:3px solid transparent;
	margin-bottom:-3px;
	border-left:28px solid transparent;
	margin-left:-28px;
	border-right:28px solid transparent;
	margin-right:-28px;
	}

/* Shops Images */
.page-Main_Page .Shops p:nth-child(1) { 
	background-image:url("/images/1/17/War_Point_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(2) { 
	background-image:url("/images/5/53/Gear_Shop.png");
	background-size:cover;
  background-position-y:44%;}
.page-Main_Page .Shops p:nth-child(3) { 
	background-image:url("/images/7/75/Parts_Shop.png");
	background-size:cover;
	background-position-y:62%;}
.page-Main_Page .Shops p:nth-child(4) { 
	background-image:url("/images/5/56/WeaponShop.png");
	background-size:cover;
	background-position-y:63%;}
.page-Main_Page .Shops p:nth-child(5) { 
	background-image:url("/images/9/9a/Card_Shop.png");
	background-size:cover;
	background-position-y:33%;}
.page-Main_Page .Shops p:nth-child(6) { 
	background-image:url("/images/d/dc/FFA_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(7) { 
	background-image:url("/images/b/b6/Boss_Token_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(8) { 
	background-image:url("/images/5/57/Gold_Coin_Shop.png");
	background-size:cover;
	background-position-y:25%;}
.page-Main_Page .Shops p:nth-child(9) { 
	background-image:url("/images/0/0b/Killmark_Shop.png");
	background-size:cover;
	background-position-y:34%;}
.page-Main_Page .Shops p:nth-child(10) { 
	background-image:url("/images/b/b9/Weapon_Contour_Shop.png");
	background-size:cover;
	background-position-y:46%;}
.page-Main_Page .Shops p:nth-child(11) { 
	background-image:url("/images/5/5c/Armor_Contour_Shop.png");
	background-size:cover;
	background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(12) { 
	background-image:url("/images/e/e4/Custom_Cosmetics_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(13) { 
	background-image:url("/images/b/b9/Weapon_Effect_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(14) { 
	background-image:url("/images/e/e1/Aquarium.png");
	background-size:cover;
	background-position-y:75%;}
.page-Main_Page .Shops p:nth-child(15) { 
	background-image:url("/images/4/41/Infinity_Field_Vendor.png");
	background-size:cover;
	background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(16) { 
	background-image:url("/images/4/47/Event_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(17) { 
	background-image:url("/images/d/d2/Skill_Shop.png");
	background-size:cover;
	background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(18) { 
	background-image:url("/images/1/11/CRP_Shop.png");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: 7em;
	}

.page-Main_Page .Social{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}

/* Social  */
.page-Main_Page .Social p img{
	width:2em;
	padding-right:7px;
	}

/* Useful, Discord */
.page-Main_Page .U_D-Box	{
	display:flex;
	justify-content:space-evenly;
	flex-direction:row;
	flex-wrap:wrap;
	}

.page-Main_Page .U_D-Box .Useful	{
	padding-left:3em;
	padding-right:3em;
	text-align:center!important;
	}

.page-Main_Page .Useful	{
	text-align:center;
}

.page-Main_Page .U_D-Box .Discord	{
	text-align:center;
	}
	
/* Padding on small pictures */
.page-Main_Page .MainLinks img, 
.page-Main_Page .Events img, 
.page-Main_Page .Other img, 
.page-Main_Page .YouMAL img,
.page-Main_Page .M-Event img {
	padding-right:0.5em;
	}

/* Title, main headers */
.page-Main_Page .Title, 
.page-Main_Page .Pedia span,
.page-Main_Page .Shops.Title {
	font-weight:600;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	}
	
.page-Main_Page .Title	{	
	-webkit-filter: drop-shadow(5px 5px 10px black);
	filter: drop-shadow(5px 5px 10px black);
	font-size:1rem;
	} 	

/* Shadows */
.page-Main_Page .MainLinks p,
.page-Main_Page .G_E_O-Box .Events p,
.page-Main_Page .G_E_O-Box .Other p,
.page-Main_Page .YouMAL p,
.page-Main_Page .Social p,
.page-Main_Page .Shops p {
	box-shadow:0px 0px 50px -25px black;
	}

.page-Main_Page .G_E_O-Box .Gears .ContainerMainPage	{
	box-shadow:0px 0px 50px -25px black;
	}

.page-Main_Page .U_D-Box .Discord p,
.page-Main_Page .U_D-Box .Useful p
	{
	box-shadow:0px 0px 50px -14px black;
	}	
	
/* Gear pictures sizes */
@media screen and (max-width: 850px) {
.page-Main_Page .Gears  {transform:scale(0.95); transition: .2s ease-in-out;}}

@media screen and (max-width: 800px) {
.page-Main_Page .Gears  {transform:scale(0.90); transition: .2s ease-in-out; }}

@media screen and (max-width: 750px) {
.page-Main_Page .Gears  {transform:scale(0.85); transition: .2s ease-in-out; }}

@media screen and (max-width: 700px) {
.page-Main_Page .Gears  {transform:scale(0.80); transition: .2s ease-in-out; }}
  
@media screen and (max-width: 650px) {
.page-Main_Page .Gears  {transform:scale(0.75); transition: .2s ease-in-out; }}

@media screen and (max-width: 600px) {
.page-Main_Page .Gears  {transform:scale(0.70); transition: .2s ease-in-out; }}

@media screen and (max-width: 550px) {
.page-Main_Page .Gears  {transform:scale(0.65); transition: .2s ease-in-out; }}

@media screen and (max-width: 500px) {
.page-Main_Page .Gears  {transform:scale(0.60); transition: .2s ease-in-out; }}

@media screen and (max-width: 450px) {
.page-Main_Page .Gears  {transform:scale(0.55); transition: .2s ease-in-out; }}

@media screen and (max-width: 400px) {
.page-Main_Page .Gears  {transform:scale(0.50); transition: .2s ease-in-out; }}


/* Gear margin sizes */
@media screen and (max-width: 850px) {
.page-Main_Page .Gears  {margin:0; transition: .2s ease-in-out;}}

@media screen and (max-width: 800px) {
.page-Main_Page .Gears  {margin:-1.8em; transition: .2s ease-in-out; }}

@media screen and (max-width: 750px) {
.page-Main_Page .Gears  {margin:-2.5em; transition: .2s ease-in-out; }}

@media screen and (max-width: 700px) {
.page-Main_Page .Gears  {margin:-3.2em; transition: .2s ease-in-out; }}
  
@media screen and (max-width: 650px) {
.page-Main_Page .Gears  {margin:-3.9em; transition: .2s ease-in-out; }}

@media screen and (max-width: 600px) {
.page-Main_Page .Gears  {margin:-4.6em; transition: .2s ease-in-out; }}

@media screen and (max-width: 550px) {
.page-Main_Page .Gears  {margin:-5.3em; transition: .2s ease-in-out; }}

@media screen and (max-width: 500px) {
.page-Main_Page .Gears  {margin:-6em; transition: .2s ease-in-out; }}

@media screen and (max-width: 450px) {
.page-Main_Page .Gears  {margin:-6.7em; transition: .2s ease-in-out; }}

@media screen and (max-width: 400px) {
.page-Main_Page .Gears  {margin:-7.4em; transition: .2s ease-in-out; }}

/* Fixing Links */
/* Events */
/* SP */
.page-Main_Page .Events p:nth-child(2) a:nth-child(2)	{ 
	padding-right:15px;
	margin-right:-15px;
	}

/* MS */
.page-Main_Page .Events p:nth-child(3) a:nth-child(2)	{
	padding-right:11px;
	margin-right:-11px;
	}

/* War */
.page-Main_Page .Events p:nth-child(4) a:nth-child(2)	{ 
	padding-right:52px;
	margin-right:-52px;
	}

/* FFA */
.page-Main_Page .Events p:nth-child(5) a:nth-child(2)	{
	padding-right:43px;
	margin-right:-43px;
	}

/* FFA */
.page-Main_Page .Events p:nth-child(6) a:nth-child(2)	{
	padding-right:8px;
	margin-right:-8px;
	}

/* Oupost */
.page-Main_Page .Events p:nth-child(7) a:nth-child(2)	{
	padding-right:34px;
	margin-right:-34px;
	}

/* Domination */
.page-Main_Page .Events p:nth-child(8) a:nth-child(2)	{
	padding-right:0;
	margin-right:-7px;
	}

/* Space Ball */
.page-Main_Page .Events p:nth-child(9) a:nth-child(2)	{
	padding-right:53px;
	margin-right:-53px;
	}


/* Fixing Links */
/* Other */
/* Latest Game Patch */
.page-Main_Page .Other p:nth-child(2) a:nth-child(2)	{ 
	padding-right:63px;
	margin-right:-63px;
	}

/* Fame Milestone Rewards */
.page-Main_Page .Other p:nth-child(3) a:nth-child(2)	{ 
	padding-right:23px;
	margin-right:-23px;
	}

/* Fame Milestone Rewards */
.page-Main_Page .Other p:nth-child(4) a:nth-child(2)	{ 
	padding-right:95px;
	margin-right:-95px;
	}

/* Rate Modifiers */
.page-Main_Page .Other p:nth-child(5) a:nth-child(2)	{ 
	padding-right:115px;
	margin-right:-115px;
	}

/* Nation Transfer */
.page-Main_Page .Other p:nth-child(6) a:nth-child(2)	{ 
	padding-right:87px;
	margin-right:-87px;
	}

/* Multi Factor Authentication */
.page-Main_Page .Other p:nth-child(7) a:nth-child(2)	{ 
	padding-right:0;
	margin-right:-7px;
	}

/* Multi Factor Authentication */
.page-Main_Page .Other p:nth-child(8) a:nth-child(2)	{ 
	padding-right:131px;
	margin-right:-131px;
	}

/* Common Error Messages */
.page-Main_Page .Other p:nth-child(9) a:nth-child(2)	{ 
	padding-right:22px;
	margin-right:-22px;
	}

/* Media */
.page-Main_Page .Other p:nth-child(10) a:nth-child(2)	{
	padding-right:159px;
	margin-right:-159px;
	}

/* Fixing Links */
/* Useful Links */
.page-Main_Page .Useful p{
	border:2px solid #808080;
	padding:3px 7px 3px 7px;
	background-color:#445466; /*  #f0f0f0 */
	white-space:nowrap;
	}
.page-Main_Page .Useful p span	{
	color:white!important;
	display:flex;
	justify-content:center;
	padding:7px;
	margin:-7px;
	}

/* Discord */
.page-Main_Page .Discord p {
	border:2px solid #808080;
	padding:3px 7px 3px 7px;
	background-color:#445466; /*  #f0f0f0 */
	white-space:nowrap;
	}	

.page-Main_Page .Discord p a {
	color:white!important;
	display:flex;
	justify-content:center;
	padding:7px;
	margin:-7px;
	}


/* Borders Experimental */
/* Border Pedia Top 
.page-Main_Page .PediaTable	{
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-left:20%;
	margin-right:20%;
	padding-left:1em;
	padding-right:1em;
	border-top-left-radius: 3em;
	border-top-right-radius: 3em;
	}

/* Border Pedia Bottom 
.page-Main_Page .MainPedia	{
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-left:25%;
	margin-right:25%;
	padding-left:5em;
	padding-right:5em;
	border-bottom-left-radius: 3em;
	border-bottom-right-radius: 3em;
	box-shadow: 0 30px 40px rgba(0,0,0,.1);
	}

/* Border You might also like Top 
.page-Main_Page .YouMAL.Title	{
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-left:17%;
	margin-right:17%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top-left-radius: 3em;
	border-top-right-radius: 3em;
	}

/* Border Shops Top 
.page-Main_Page .Shops.Title  {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-left:16%;
	margin-right:16%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top-left-radius: 3em;
	border-top-right-radius: 3em;
	}
*/

/* Main Page NEW / UPDATE */
/* NEW NEW NEW ----------------------------------- */
/*.page-Main_Page .Other p:nth-child(2)  Post-Event Information 
	{border:2px solid #B99D19;}
	*/
/*.page-Main_Page .Other p:nth-child(2):before  Post-Event Information 
	{
	content:'New!';
	font-family:hacked, Helvetica, sans-serif;
	font-size:1.4rem;
	color:#E2CE6F;
	transform: rotate(-10deg);
	position:absolute;
	margin-top:-0.9em;
	margin-left:-0.5em;
	z-index:20;
	cursor:auto;
	pointer-events: none;
	}*/
	
/* UPDATED UPDATED UPDATED  --------------------- */
.MainLinks p:nth-child(0) /* NAME_NOTHING */
	{border:2px solid #5BA600;}
	
.MainLinks p:nth-child(0):before /* NAME_NOTHING */
	{ 
	content:'Updated!';
	font-family:hacked, Helvetica, sans-serif;
	font-size:1.4rem;
	color:#84ec04;
	transform: rotate(-10deg);
	position:absolute;
	margin-top:-0.9em;
	margin-left:-0.5em;
	z-index:20;
	cursor:auto;
	pointer-events: none;
	}

/* Special Styling for Shops UPDATED - Set number of child  */
.page-Main_Page .Shops p:nth-child(0)	/* NAME_NOTHING */
	{border:2px solid #5BA600;}

.page-Main_Page .Shops p:nth-child(0):before /* NAME_NOTHING */
	{
	content:'Updated!';
	font-family:hacked, Helvetica, sans-serif;
	font-size:1.4rem;
	color:#84ec04;
	transform: rotate(-10deg);
	position:absolute;
	margin-top:-1.3em;
	margin-left:-6.3em;
	z-index:20;
	cursor:auto;
	}


/* New Templates */

/* ItemTable - Item */
/* Table global */
/* Item Icon */
.ItemTable:not(.Function){
	outline:1px solid gray
	}

.ItemTableIcon	{
	margin-top:0.7em;
	margin-bottom:-3.2em;
	display:flex;
	justify-content:flex-end;
	}

/* Craft Icons */
.ItemTable .Craft img	{
	padding-left:0.8em;
	padding-right:0.8em;
	}

.ItemTable span.Click	{
	font-style:italic;
	font-weight:100;
	float:right;
	color:gray;
	}
	
.ItemTableEnchantInfo {
	font-style:italic;
	font-weight:100;
	color:gray;
	}
	
/* JS Toggle Display script to show calculated data */
.ItemTableEnchantInfo	{
	display:inline;
	text-shadow: black 1px 1px 6px;
	}

.ItemTableEnchantInfo:hover {
	color: white;
	cursor: pointer;
	}

.ItemTableEnchantInfo:active	{
	color:gray;
	}

/* Default / Calculated text */
.ItemTableEnchantInfoText	{
	display:inline;
	font-style:italic;
	font-weight:100;
	color:var(--ItemTableFunctionColor);
	cursor:context-menu;
	text-shadow: black 1px 1px 6px;
	}
	
/* Toggle script to show calculated values + JS*/
.Script_DefaultShownValue		{display:inline-block}
.Script_HiddenCalculatedValue	{display:none}

.ItemTable.Item  {
	text-align: center;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: var(--ItemTableLeftColor);
	word-break: break-word;
	user-select:none;
	}

/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Item>*>tr>td	{
	padding: 1px;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid black;
	transition: background-color .3s ease-in-out;
	background-color: var(--ItemTableRightColor); 
	}

/* Table headers (!) */
.ItemTable.Item th {
	padding-left: 1em;
	padding-right: 1em;
	}

/* Border fix */
table.ItemTable.Item tr {
	border: 1px solid black;
	}

/* ItemTable - Weapon */
/* Table global */
.ItemTable.Weapon  {
	text-align: center;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: var(--ItemTableLeftColor);
	word-break: break-word;
	user-select:none;
	}

/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Weapon>*>tr>td	{
	padding: 1px;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid black;
	transition: background-color .3s ease-in-out;
	background-color: var(--ItemTableRightColor); 
	}

/* Table headers (!) */
.ItemTable.Weapon th {
	padding-left: 1em;
	padding-right: 1em;
	}

/* Border fix */
table.ItemTable.Weapon tr {
	border: 1px solid black;
	}

/* ItemTable - Armor */
/* Table global */
.ItemTable.Armor  {
	text-align: center;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: var(--ItemTableLeftColor);
	word-break: break-word;
	user-select:none;
	}

/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Armor>*>tr>td {
	padding: 1px;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid black;
	transition: background-color .3s ease-in-out;
	background-color: var(--ItemTableRightColor); 
	}

/* Table headers (!) */
.ItemTable.Armor th {
	padding-left: 1em;
	padding-right: 1em;
	}

/* Border fix */
table.ItemTable.Armor tr {
	border: 1px solid black;
	}
	
/* ItemTable - Engine/Function */
/* Table all */
.ItemTable.Engine	{
	user-select:none;
	text-align:center;
	font-size:0.8em;
	border-collapse:collapse;
	background-color:var(--ItemTableLeftColor);
	word-break:break-word;
	}

/* Table 2nd cell. Edit this if text too long */
.ItemTable.Engine>*>tr>td	{
	padding:1px;
	padding-left:1em;
	padding-right:1em;
	border-left:1px solid black;
	transition:background-color .3s ease-in-out;
	background-color:var(--ItemTableRightColor);
	}

/* Tableheaders(!) */
.ItemTable.Engine th {
	padding-left:1em;
	padding-right:1em;
	max-width:11em;
	}

/* Borderfix */
table.ItemTable.Engine tr {
	border:1px solid black;
	}
	
.ItemTable.Function.Title	{
	background-color:var(--ItemTableFunctionColor);
	color:black;
	font-weight:600;
	cursor:pointer;
	}
	
/* Function */
.ItemTable.Function span	{
	font-style:italic;
	font-weight:100;
	}

/* Function cels border */
.ItemTable.Function.cell-1	{
	background-color: var(--ItemTableFunctionHoverColorCell1);
	color:black;
	max-width:10em; /* Fixing table width when you click on the Function cell */
	}

.ItemTable.Function.cell-2	{
	background-color: var(--ItemTableFunctionHoverColorCell2);
	color:black;
	}
	
.Function	{
	max-width:10em;
	}

/* ItemTable Hover */
.ItemTable.Item td:hover	{
	background-color: var(--ItemTableHoverColor);
	}

.ItemTable.Weapon td:hover	{
	background-color: var(--ItemTableHoverColor);
	}

.ItemTable.Armor td:hover	{
	background-color: var(--ItemTableHoverColor);
	}

.ItemTable.Engine td:hover:not(.cell-2)	{
	background-color: var(--ItemTableHoverColor);
	}

.ItemTable.Function.Title:hover	{
	background-color: var(--ItemTableFunctionHoverColorCell1);
	}

/* Item List - used to display list of items */
.ItemList	{
	display:inline-flex;
	flex-direction: column;
	user-select:none;
	cursor: pointer;
	word-break: break-word;
	outline: 1px solid gray;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	}

.ItemListRow	{
	display:inline-flex;
	align-items:center;
	border-collapse: collapse;
	background-color: gray;
	border-bottom: 1px solid black;
	}

.ItemListRow:hover	{
	background-color: #ADABAB;
	transition: background-color .1s ease-in-out;
	}

.ItemListRow:active	{
	background-color: #6C6C6C;
	}

.ItemListImageLink	{
	padding:0.5em;
	}

.ItemListImageLink img	{
	max-width:min-content;
	}

.ItemListName	{
	padding-left:0.5em;
	padding-right:1em;
	}

/* Countdown Timer */
#CDTimer	{
	display:flex;
	justify-content:center;
	font-family:hacked, Helvetica, sans-serif;
	font-size:5rem; 
	color:#e4cb5c;
	user-select:none;
	flex-wrap:wrap;
		transition-property: opacity;
		transition-duration: 2s;
		transition-timing-function: ease;
		opacity:0;
		height:112px;
	}

#CDTimer span{
	font-size:0.8rem;
	margin-top:0.29em;
	}

#CDTimer a{
	color:#e4cb5c!important;
	}

#CDTimer a:hover{
	color:#ADABAB!important;
	}




/* ################################################################################################################ */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* !!! Need to be at the bottom !!! */
/* THUMB IMAGE */
.thumbinner	{
	flex-wrap: wrap;
	flex-direction: row;
	width: auto;
	justify-content: center;
	align-content: flex-start;
    border: 0px solid transparent!important;
    background-color: transparent!important;
	}
	
.thumbimage	{
    background-color: transparent!important;
    border: 0px solid #c8ccd1!important;
	}

.mw-parser-output .tright .magnify{
	visibility:hidden;
	}
Retrieved from "https://wiki.chromerivals.net/index.php?title=MediaWiki:Common.css&oldid=18974"