MediaWiki:Common.css: Difference between revisions

@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");
/* Body */
body{
 background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
 color:#ffffff;
 font-family:'Aldrich', sans-serif;
 font-size:16px;
 text-shadow:none;
 white-space:normal;
}

/* Head */
#mw-head{
 background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
  border-width:0;
}

/* Right navigation gradient time search bar
#right-navigation{
 padding-left:50px;
 background-image:radial-gradient(circle, rgba(0,0,0,0.4962359943977591) 60%, rgba(255,255,255,0) 100%);
}*/

/* Left navigation */
#left-navigation{
 color:rgb(255, 255, 255);
}

.vector-menu-heading-label {
  color:white;
}

/* Footer Image */
#footer-poweredbyico a img{
 display:inline-block;
   -webkit-filter: drop-shadow(20px 20px 20px #222);
  filter: drop-shadow(5px 3px 10px #222);
}
#footer{
    background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}

#footer-icons{
 top:-37px;
 position:relative;
 right:28px;
 transform:scale(1.6);
}

/* CC Licence 
#footerCC{
 transform:translatex(0em) translatey(-3.4em);
 margin-left:85em;
}

#footerCC p{
 font-size:12px;
 text-align:center;
 text-shadow:rgba(0, 0, 0, 1) 0px 1px 1px;
}*/

/* 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;
}

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

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

/* Heading */
#content #bodyContent #mw-content-text .mw-parser-output h2{
 border-bottom-width:1px !important;
}

/* 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 */
#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 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;
}
/* FONT END */

/* Main Logo*/
.mw-wiki-logo {
  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 */

/* Removed spikes*/

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{
  background-image:none;
}

/* Search Bar*/
.vector-search-box-input::placeholder{
  color:#303030;
}

/* Current events - Tab */
#current-events-no{
	cursor:context-menu;
	font-size:13px;
	text-align:right;
	position:relative;
	top:7px;
	padding-right:0px;
}

/* Server time timer - tab*/
#server-time-href{
	cursor:context-menu;
	font-size:13px;
	text-align:right;
	position:relative;
	top:7px;
	padding-right:15px;
}

/* More - tab */
#p-cactions-label{
  color:white!important;
}

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

/* Code Block Appearance END */

/* 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;
}
/* Scrollbar END *

/*Main Page content text wrap*/
/*Row 1*/
.page-Main_Page #container1{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
/*Row 2*/
.page-Main_Page #container2{
  display:flex;
    flex-wrap: wrap;
  justify-content:space-between
}

/*Main Page Image Logo*/
.page-Main_Page .mw-parser-output a img{
  -webkit-filter: drop-shadow(15px 15px 15px #222);
  filter: drop-shadow(20px 15px 15px #222);
}

.page-Main_Page .mw-parser-output a img:hover{
  -webkit-filter: drop-shadow(0px 0px 15px gray);
}

/*"Social" tab longer to match "You might also like" tab*/
.page-Main_Page #nine{
  width:234px;
}
/*Main Page content text wrap END*/

/* Custom Missions page shadow fix */
.page-Custom_Missions #mw-content-text .mw-parser-output h2 {
 filter: brightness(1.0001);
}
/* Custom Missions page shadow fix END */

/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"])
{ 
  max-width: 100%; 
  height: auto; 
  width: auto;
}
/* Images resize-zoom/resolution END*/

.mw-collapsible .mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}

/* 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;
}

.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;
}

.mw-collapsible-text, .toctogglelabel {
	color: #9b9b9b
}

.toc {
border: 1px solid #aaa;
background: #2b2b2b;
padding: 5px;
font-size: 95%;
color: white;
}
/* BULLETS IN 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;
}

/* TOC bullet list */
.toc ul li::before { 
  display:none;
}
/* BULLETS IN BULLET LIST END */

#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;
}

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

#mw-head li a:link:hover
{
    color: #F1F0F0!important;
}

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

#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 a:link:hover  /*TOC Hover color */
{ 
  color:#AFAFAF!important
}

.toctogglelabel:hover  /*TOC [hide] Hover color */
{
  color:white!important;
  text-decoration: none
}

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

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);
}

/* 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 OLD END */

/* Links */
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;
}
.mw-parser-output a.external:hover /* Hover for external links*/
{ 
  text-decoration: none;
  color: #F1F0F0 !important;
}

/* Links END*/


#footer ul li {
    color: white;
}

#ca-viewsource { display: none !important; }

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

.sticky tbody 
{     
  position: relative;     
  z-index: 1; 
}
/* Sticky header END*/

/* Hover over text to see more div class */
.hide {
  display: none;
}

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

/* Hover over image to see text */
.container {
  position: relative;
  width: auto;
}

.overlay {
  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;
}
.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 */
.mw-parser-output a.external {
    background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
	padding-right: 0px
}
/* Yeet 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;
}
Disables spoilers. END */



/*Removed tabs */
 #ca-nstab-main { display: none !important; }               
#ca-talk { display: none !important; }
#ca-history { display: none !important;}
#ca-view { display: none !important; }
#p-tb { display: none; }
/* Removed tabs END  */

/* Sidebar Header color change */
.portal h3
{
  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*/

/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks
{
  display:none;
}
/* Remove the category block END */

/* Tabber */

/* Tabber invis body switch */
.tabber--live {
   width:min-content;
}

/* Tabber Line Remove */
.tabber__header {
    box-shadow: inset 0 0px 0 0 #a2a9b1;
}

/* Tabber Indicator Global*/
.tabber__indicator {
block-size: 5px;
}

/* Tabber Arrow < color*/
.tabber__header__prev{
  background-color:rgba(255,255,255,0.4);
}
/* Tabber Arrow > color*/
.tabber__header__next {
  background-color:rgba(255,255,255,0.4);
}

/* Shorter-scrollable Tabber */

.tabber__section {
  height: 770px!important;
  overflow-y: auto!important;
}

/* Font Adjust */
.tabber__section tr td{
 font-weight:600;
 line-height:1em;
 font-size:0.96em;
}

.tabber__panel {
  max-height: 770px;
  overflow-y: auto;
}

/* Tabber Scrollbar */
.tabber__section::-webkit-scrollbar {
  width: 7px;
}

.tabber__section::-webkit-scrollbar-thumb {
  background: #555;
}

.tabber__section::-webkit-scrollbar-thumb:hover {
  background: #888;
}
  
/* Tabber END */
  
/* Remove gallerybox bullet */
li.gallerybox::before
{
  visibility: hidden
}

/* Custom Table - TableShops                                                                      CUSTOM SHOPS*/
/* WAR POINT SHOP                              */
.page-War_Point_Shop .tabber__tab {
    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                               */
.page-Card_Shop .tabber__tab {
    padding: 0.5em 2.8em;
}
.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                               */
.page-Parts_Shop .tabber__tab {
    padding: 0.5em 3.1em;
}
.page-Parts_Shop td:nth-child(1) {
  text-align: left;
  width:80px
}
.page-Parts_Shop td:nth-child(2) {
  text-align: left;
  width:100%;
  width:190px
}
.page-Parts_Shop td:nth-child(3) {
  text-align: left;
  width:120px
}

/* WEAPON SHOP                               */
.page-Weapon_Shop .tabber__tab {
    padding: 0.5em 2.1em;
}
.page-Weapon_Shop td:nth-child(1) {
  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                               */
.page-Event_Shop .tabber__tab {
    padding: 0.5em 23.2em;
}
.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                               */
.page-Boss_Token_Shop .tabber__tab {
  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                               */
.page-Killmark_Shop .tabber__tab {
  padding: 0.5em 2.8em;
}
.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                              */ 

.page-Gold_Coin_Shop .tabber__tab {
  padding: 0.5em 17.5em;
}
.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                             */
.page-Weapon_Contour_Shop .tabber__tab {
    padding: 0.5em 2.3em;
}

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

.page-Weapon_Contour_Shop td:nth-child(2) {
  text-align: left;
  
}

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

/* Custom Cosmetics Shop                               */
.page-Custom_Cosmetics_Shop .tabber__tab {
  padding: 0.5em 3.2em;
}

.page-Custom_Cosmetics_Shop td:nth-child(1) {
  text-align: left;
  width:50px
}
.page-Custom_Cosmetics_Shop td:nth-child(2) {
  text-align: left;
  width:150px;
}
.page-Custom_Cosmetics_Shop td:nth-child(3) {
  text-align: left;
  width:40px
}

/* Weapon Effect Shop                              */
.page-Weapon_Effect_Shop .tabber__tab {
  padding: 0.5em 3em;
}
.page-Weapon_Effect_Shop td:nth-child(1) {
  text-align: left;
  width:50px
}
.page-Weapon_Effect_Shop td:nth-child(2) {
  text-align: left;
  width:150px;
}
.page-Weapon_Effect_Shop td:nth-child(3) {
  text-align: left;
  width:20px
}

/* FFA Shop                                            */
.page-FFA_Shop .tabber__tab {
    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                               */
.page-Infinity_Field_Vendor .tabber__tab {
    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                               */
.page-Aquarium .tabber__tab {
    padding: 0.5em 18em;
}
.page-Aquarium .tabber__indicator{
  display:none;
}
.page-Aquarium td:nth-child(1) {
  text-align: left;
    width:80px
}
.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) {
  width:60px;
}
.page-Mystery_Capsule td:nth-child(2) {
  width:200px;
}

/* Custom Table - TableShops                                                                      CUSTOM SHOPS END*/
/* Table Global*/
.TableShops{
   table-layout: fixed;
   border-collapse: collapse;
   width: 100%;
}

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

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

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

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

/* Hover pointer*/
.TableShops{
  cursor: pointer;
}
/* Custom Table - TableShops END*/

/* 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 {
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*/
.EnchantTable td:hover {
background-color: #ADABAB;
}

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

/* Custom Table - BreakPointsTable */

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

/* 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 - BreakPointsTable END */

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

/* Table Header*/
.InfluenceTable tr {
  background-color: gray;
  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 Influence Buff Shop END */

/* Custom Table Slotmachines */
.page-Slotmachine .tabber__tab {
  padding: 0.5em 13em;
}

.page-Slotmachine .tabber__header {
   pointer-events: none;
}

.page-Slotmachine td:nth-child(2) {
  width:270px;
}

/* Custom Table Slotmachines END */

/* Custom Table Weapons */
.WeaponsTable{
   table-layout: fixed;
   width: 235px;
   border-collapse: collapse;
  font-size:0.7em;
}

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

/* Table Data*/
.WeaponsTable>*>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*/
.WeaponsTable td:hover {
  background-color: #ADABAB;
}

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

/* Custom Table Weapons END */

/* Custom Table WeaponsFUNCTION */
table.WeaponsTableFunction {
  border:1px solid #FEAF24;
  z-index:;
  border-top: 1px solid red!important;
  font-size:0.8em;
  background-color: #6C6C6C;
  border-collapse: collapse;
  color: white;
  width: 233px;
  margin-left:1px;
  border-right:13p;
}

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

/* Table Data*/
.WeaponsTableFunction>*>tr>td {
  padding: 1px;
  transition: background-color .3s;
  width:112px;
}

/* Table First row*/
.WeaponsTableFunction tr:nth-of-type(1) {
   border-top: 1px solid #FEAF24;
}

/* Table Data separators */
.WeaponsTableFunction tr {
  border-top: 1px solid black;
}

/* Custom Table Weapons FUNCTION END */

/* Custom Table Weapons E15 Overlay */

.containerE15 {
  position: relative;
  text-align: center;
  color: #F5B930;
  padding-top:6px;
}

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

/* Custom Table Weapons E15 Overlay END*/

/* Custom Table Recipe */
.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 Recipe END*/

/* Custom Table PlayerSkillTable */
.PlayerSkillTable{
   table-layout: fixed;
   border-collapse: collapse;
}

/* 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 PlayerSkillTable END */

/* 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 - DisputeHoursTable END  */

/* Custom Table Fixes */
.FixesTable {
  border-collapse: collapse; 
  cursor: default;
}

/* Table Header*/
.FixesTable tr {
  background-color: #D8D8D8;
  border: 1px solid black;
  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;
}

/* Custom Table - Fixes END */

/* 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 - ChatTable END */

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

.SmallTable tr {
  background-color: gray;
  text-align: center;
}
/* Custom Table - SmallTable on Chat Page END */

/* 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 - .PETTable1 END */

/* 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 - .PETTable2 END */

/* Custom Table CRP Shop */
.CRPShopTable{
   table-layout: fixed;
   width: 100%;
   width: 00px;
   border-collapse: collapse;
}

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

/* Table Data*/
.CRPShopTable>*>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: 278.1px; /* Edit this 1*/
  text-align:center;
}

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

/* Tabber Padding */
.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 {
  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 - Formation END */

/* Custom Table Milestones/Fame */
.Milestones {
  border-collapse: collapse;
  display:block;
  height:720px;
  width:610px;
  overflow-y: scroll;
}

.page-Fame_Milestone_Rewards .Milestones tr {
  background-color: gray;
  border: 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;
   width:80px;
}

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

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

/* Milestones2 - Brigade Table*/

.Milestones2 {
  border-collapse: collapse;
  display:block;
  height:720px;
  width:530px;
  overflow-y: scroll;
}

.page-Fame_Milestone_Rewards .Milestones2 tr {
  background-color: gray;
  border: 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;
  width:80px;
}

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

.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) {
  width:360px;
  border-right: 1px solid black;
}

.page-Fame_Milestone_Rewards th {
  background:#ADABAB;
  position: sticky;
  top: 0; 
}

/* Custom Table Milestones/Fame END*/

/* Custom Table Crystals */

/* Crystal Shop 1                                        */
.CrystalShop1 {
  border-collapse: collapse;
  display:block;
  cursor: pointer;
}

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

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

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

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

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

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


/* Crystal Shop 2                                               */
.CrystalShop2 {
  border-collapse: collapse;
  display:block;
  width:652px;
  max-height:430px;
  overflow-y: scroll;
  cursor: pointer;
}

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

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

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

.page-Crystals .CrystalShop2 td:nth-child(1) {
  padding: 0.5em;
  min-width:80px;
}

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

.page-Crystals .CrystalShop2 td:nth-child(3) {
  padding: 0.5em;
  min-width:180px;
}

/* Crystal Shop 3                                               */
.CrystalShop3 {
  border-collapse: collapse;
  display:block;
  cursor: pointer;
}

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

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

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

.page-Crystals .CrystalShop3 td:nth-child(1) {
  padding: 0.5em;
  min-width:80px;
}

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

.page-Crystals .CrystalShop3 td:nth-child(3) {
  padding: 0.5em;
  min-width:180px;
}

/* Crystals img fix */
img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"]
{ 
  max-width:300px!important;
}

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

/* Minerals Page */
.page-Minerals .tabber__tab {
    padding: 0.5em 13.2em;
}

.page-Minerals .tabber__indicator{
  display:none;
}

.page-Minerals td:nth-child(1) {
  text-align: left;
    width:90px
}
/* Minerals Page END */

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

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

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

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

/* Inside Table */
.page-B-Gear_Skills .SkillTable {
  border-collapse: collapse;
  background-color: #6C6C6C;
  margin-bottom:20px;
 /*  min-width:880px; /* Align all tables */
}

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

.page-B-Gear_Skills .SkillTable td {
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

.page-B-Gear_Skills .SkillTable th {
  background-color:#555;
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

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

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

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

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

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

/* Inside Table */
.page-I-Gear_Skills .SkillTable {
  border-collapse: collapse;
  background-color: #6C6C6C;
  margin-bottom:20px;
 /*  min-width:880px; /* Align all tables */
}

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

.page-I-Gear_Skills .SkillTable td{
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

.page-I-Gear_Skills .SkillTable th {
  background-color:#555;
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

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

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

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

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

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

/* Inside Table */
.page-M-Gear_Skills .SkillTable {
  border-collapse: collapse;
  background-color: #6C6C6C;
  margin-bottom:20px;
 /*  min-width:880px; /* Align all tables */
}

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

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

.page-M-Gear_Skills .SkillTable th {
  background-color:#555;
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

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

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

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

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

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

/* Inside Table */
.page-A-Gear_Skills .SkillTable {
  border-collapse: collapse;
  background-color: #6C6C6C;
  margin-bottom:20px;
 /*  min-width:880px; /* Align all tables */
}

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

.page-A-Gear_Skills .SkillTable td {
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

.page-A-Gear_Skills .SkillTable th {
  background-color:#555;
  border: 1px solid black;
  text-align:center;
  padding:9px;
}

/* Description */
.page-A-Gear_Skills .SkillDSC {
  margin-top:10px;
  max-width:916px;
}
/* Skills Table END */

/* Armor Glow  */                     
.page-Armor_Glow img {
  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;
}

/* Remove thumb magnify icon 
.page-Armor_Glow #GlowContainer0 .magnify a{
 visibility:hidden;
}

.page-Armor_Glow #GlowContainer1 .magnify a{
 visibility:hidden;
}

.page-Armor_Glow #GlowContainer2 .magnify a{
 visibility:hidden;
}*/

/* Relocate 'click to see gif' text */
.page-Armor_Glow .mw-parser-output div:nth-child(3) i span{
 position:relative;
 top:70px;
 left:99em;
}
.page-Armor_Glow .mw-parser-output div:nth-child(4) span{
 position:relative;
 top:572px;
 left:99em;
}
/* Armor Glow END */



/* SPECIAL SHIT                                                                 */
/* Edit box */
.mw-editform #wpTextbox1
{
 height:800px;
}













/* 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 */
.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;
}
/* THUMB IMAGE END */