MediaWiki:Common.css

From :: ChromeRivals Wiki ::
Revision as of 06:06, 15 June 2023 by Ranzu (talk | contribs)
Jump to navigation Jump to search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@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:0px;
}

/* Right navigation */
#right-navigation{
 padding-left:0px;
 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;
}

/* Image */
#footer-poweredbyico a img{
 display:inline-block;
}

/* Footer icons */
#footer-icons{
 transform: translatex(-251px) translatey(-42px);
}

/* Footer poweredbyico */
#footer-poweredbyico{
 transform: translatey(-3px);
}

/* Footer */
#footer #footer-icons #footer-poweredbyico a img{
 transform:scale(1.8) translatex(117px) translatey(5px) !important;
}

#footer{
    background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}

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

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


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

/* Server Time Timer - tab */
#server-time-href{
  padding:9px;
  color:white;
  font-size: 0.75em;
  text-align:right;
}

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

/*"Social" tab longer to match "You might also like" tab*/
.page-Main_Page #nine{
  width:234px;
}
/*Main Page content text wrap 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;
}
/* 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 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: 180px;
   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: 50px;
  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:580px;
  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:510px;
  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:330px;
  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 */

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















/* 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;
  
/* THUMB IMAGE END */
Retrieved from "https://wiki.chromerivals.net/index.php?title=MediaWiki:Common.css&oldid=9161"