MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
.loader { | .loader { | ||
position: absolute; | position: absolute; | ||
top: | top: 50; | ||
left: | left: 50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
width: 40px; | width: 40px; |
Revision as of 23:50, 24 January 2024
@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");
/* Documentation for styles, templates etc is located in "Module:Documentation" page */
/* There are also some changes in MediaWiki:Group-user.css */
* {
margin:0;
padding:0;
scrollbar-width: thin; /* Firefox only */
}
.loader {
position: absolute;
top: 50;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 4px solid #ccc;
border-radius: 50%;
border-top: 4px solid #3498db;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.tabber{
display: none;
position: relative;
}
/* Firefox-specific styles */
@-moz-document url-prefix() {
.FixesTable th{
font-family: Arial, Helvetica, sans-serif!important;
}
}
/* 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;
}
/* 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;
}
.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;
}
/* 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.9em;
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.9em;
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.9em;
display: none;
}
#scrollToTopBtn:hover, #randomPageBtn:hover, #infoPageBtn:hover {
background-color: #93A7AB;
color: black;
}
/* Footer */
#footer {
display:grid;
grid-template-columns:auto 4fr auto 20% 1fr auto;
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:12px;
text-shadow:rgba(0, 0, 0, 1) 0 1px 1px;
margin-top:19px;
}
/* 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;
}
/* 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 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;
}
/* Current events - Tab */
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no {
cursor:context-menu;
font-size: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:13px;
text-align:right;
position:relative;
top:7px;
margin-right:10px;
}
/* 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;
}
/* 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 NEW/RE-EDIT */
span#NEW {
position: relative;
color:yellow;
font-size: .83em;
top: -0.6em;
}
span#RE-EDIT {
position: relative;
color:lime;
font-size: .83em;
top: -0.6em;
}
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) {
max-width: 100%;
height: auto;
width: auto;
}
/* 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);
}
/* 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;
}
.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%);
}
/* 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
}
/* 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;
overflow-y: auto;
}
/* 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;
}
/* Custom Tables with tabber */
/* 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 Cosmetic 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;
}
/* FFA Reward Capsule */
.page-Free_For_All .tabber__tab {
padding: 0.5em 15em;
}
.page-Free_For_All .tabber__indicator {
display:none;
}
.page-Free_For_All div.tabber.tabber--live td:nth-child(1) {
width:60px;
}
.page-Free_For_All div.tabber.tabber--live td:nth-child(2) {
width:200px;
}
/* Slotmachines */
.page-Slotmachine .tabber__indicator {
display:none;
}
.page-Slotmachine .tabber__header {
pointer-events: none;
}
.page-Slotmachine .tabber__tab {
padding: 0.5em 15em;
}
.page-Slotmachine .tabber td:nth-child(2) {
width:270px;
}
/* Boss Str Card */
.page-Reinforced_Boss_Transformation_Card .tabber__tab {
padding: 0.5em 17em;
}
.page-Reinforced_Boss_Transformation_Card .tabber__indicator {
display:none;
}
.page-Reinforced_Boss_Transformation_Card .TableShops td:nth-child(1) {
text-align: left;
width:80px
}
.page-Reinforced_Boss_Transformation_Card .TableShops td:nth-child(2) {
text-align: left;
width:340px
}
/* Bosses */
.page-Bosses .tabber__tab {
padding: 0.5em 17em;
}
.page-Bosses .tabber__indicator {
display:none;
}
.page-Bosses .TableShops td:nth-child(1) {
text-align: left;
width:80px;
}
.page-Bosses .TableShops td:nth-child(2) {
text-align: left;
width:340px;
}
.page-Bosses .TableShops#T1 {
width:80px;
}
/* Custom Tables */
/* Custom Table - TableShops */
/* Table Global */
.TableShops {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
cursor: pointer;
}
/* 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;
}
/* Data Hover cell=column + JS */
.highlight {
background-color: #ADABAB;
}
/* 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;
}
/* 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: 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 - WeaponTable */
/* Table Global */
.WeaponTable {
table-layout: fixed;
width: auto; /* 235px; */
min-width:235px;
border-collapse: collapse;
font-size: 0.8em;
}
/* Table Header */
.WeaponTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}
/* WIDTH1 */
.WeaponTable tbody tr th{
min-width:120px;
}
/* WIDTH2 */
.WeaponTable tbody tr td {
min-width:100px;
}
/* Table Data */
.WeaponTable>*>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:auto; /* 80px; */
}
/* Table Data Hover */
.WeaponTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.WeaponTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - WeaponsTableFunction */
table.WeaponTableFunction {
border:1px solid #FEAF24;
border-top: 1px solid red!important;
font-size:0.8em;
background-color: #6C6C6C;
border-collapse: collapse;
color: white;
width: 233px;
margin-left:1px;
}
/* Table Data Hover cell=row */
.WeaponTableFunction>*>tr:has(td:hover) td {
background-color: #FEAF24;
}
/* Table Data */
.WeaponTableFunction>*>tr>td {
padding: 1px;
transition: background-color .3s;
width: 112px;
}
/* Table First row */
.WeaponTableFunction tr:nth-of-type(1) {
border-top: 1px solid #FEAF24;
}
/* Table Data separators */
.WeaponTableFunction tr {
border-top: 1px solid black;
}
/* 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;
}
/* 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 - 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 {
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 {
margin-right:0.02px;
max-height: 792px;
overflow-y: auto;
}
/* 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 */
.Milestones {
border-collapse: collapse;
display:block;
height:720px;
width:610px;
overflow-y: scroll;
}
.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;
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;
}
/* Custom Table Milestones2/Fame Brigade */
.Milestones2 {
border-collapse: collapse;
display:block;
height:720px;
width:530px;
overflow-y: scroll;
}
.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;
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 - 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;
}
/* 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
}
/* Skills Table */
/* Latest Game Patch */
.page-Latest_Game_Patch .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-Latest_Game_Patch .Skills:hover {
background-color:#ADABAB;
}
.page-Latest_Game_Patch .Skills td:nth-child(1) {
width:32px;
}
.page-Latest_Game_Patch .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-Latest_Game_Patch .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-Latest_Game_Patch .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Latest_Game_Patch .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-Latest_Game_Patch .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-Latest_Game_Patch .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Skill Page */
/* 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;
}
/* 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 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;
}
/* SPECIAL SHIT */
/* ToggleButton */
#ToggleButton {
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;
}
/* ToggleButton (hover) */
#ToggleButton:hover {
border-color:#d4cdcd;
filter: contrast(0.5);
cursor:pointer;
}
/* ToggleButton (active) */
#ToggleButton:active {
border-color:#2e354f;
background-color:#4e6170;
}
/* ToggleContent */
.ToggleContent {
padding-top:0.5em;
margin-bottom:2.5em;
max-height: 0; /* Animation */
overflow: hidden; /* Animation */
transition: max-height 5s ease-out; /* Animation */
}
/* ToggleTitle*/
.ToggleTitle {
position:absolute;
z-index:-1;
border: solid 3px transparent;
padding: 0 5px 0 5.5em;
}
/* 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;
}
/* Inside Table */
.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 {
background-color: #ADABAB;
}
.page-Test_Page .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-Test_Page .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-Test_Page .SkillDSC {
margin-top:10px;
max-width:916px;
}
.page-Media .mw-parser-output div .gallerytext {
margin-top:-5px;
margin-bottom:-15px;
text-align:center;
}
/* ######################################################## */
/* !!! 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;
}