MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
* { | |||
margin:0; | |||
padding:0; | |||
} | } | ||
/* | /* Firefox-specific styles */ | ||
. | @-moz-document url-prefix() { | ||
.FixesTable th{ | |||
font-family: Arial, Helvetica, sans-serif!important; | |||
} | |||
* { | |||
scrollbar-width: thin; /* Firefox only */ | |||
} | } | ||
} | |||
/* Body */ | |||
body { | |||
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%); | |||
color:#ffffff; | |||
font-family:'Aldrich', sans-serif; | |||
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; | |||
cursor: pointer; | color: #6C6C6C; | ||
cursor:pointer; | |||
color: | 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:0; | |||
padding-top:0; | |||
display:flex; | |||
flex-direction:column; | |||
align-items:center; | |||
justify-content:center; | |||
} | |||
/* Footer CC Image re-size */ | |||
#footer #footerCC img { | |||
height:27px; | |||
margin-left:7px; | |||
} | |||
/* Footer PoweredBY */ | |||
#footerPBY img { | |||
-webkit-filter: drop-shadow(20px 20px 20px #222); | |||
filter: drop-shadow(0px 2px 25px #222); | |||
width:auto; | |||
height:auto; | |||
min-width:6em; | |||
max-width:13em; | |||
z-index:-1; | |||
} | |||
/* Footer PoweredBY */ | |||
#footerPBY:hover { | |||
-webkit-filter: drop-shadow(20px 20px 20px black); | |||
filter: drop-shadow(0px 3px 15px black); | |||
} | |||
/* Footer OLDpoweredbyico */ | |||
#footer-poweredbyico { | |||
display:none; | |||
} | |||
/* Footer Animation */ | |||
#footer { | |||
animation: hideAnimation 1s ease-in 0s; | |||
animation-fill-mode: forwards; | |||
} | |||
@keyframes hideAnimation { | |||
0% {display:none; opacity:0} | |||
100% {opacity:1} | |||
} | |||
/* Content */ | |||
#content { | |||
background-image:linear-gradient(to right, #232526 0%, #414345 100%); | |||
color:#ffffff; | |||
border-left-width:1px; | |||
border-left-color:rgba(113,159,202,0.7); | |||
border-bottom-width:0; | |||
} | |||
/* Toc */ | |||
.toc { | |||
border: 1px solid #aaa; | |||
background: #2b2b2b; | |||
/* | padding: 5px; | ||
. | font-size: 95%; | ||
color: white; | |||
color: | |||
} | } | ||
#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; | |||
.vector-menu- | 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; | |||
background | |||
} | } | ||
/* | /* 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; | |||
} | } | ||
/* | /* New "thumb" image */ | ||
.FramedImage { | |||
float:right; | |||
text-align:right; | |||
font-size:0.9em; | |||
} | } | ||
.FramedImage img { | |||
padding: 1px; | |||
background-color: #f0f0f0; | |||
border:1px solid gray; | |||
border-radius: 2em 0 2em 2em; | |||
} | } | ||
.FramedImage span{ | |||
margin-right:1em; | |||
} | } | ||
/* | /* Collabsed elements */ | ||
. | /* All */ | ||
.mw-collapsible .mw-collapsible-toggle { | |||
float:left; | |||
margin-left:0; | |||
margin-right:1em; | |||
} | |||
/* Exapnd/Collapse button TEXT */ | |||
.mw-collapsible-text { | |||
color: #9b9b9b; | |||
} | |||
/* BULLETS, BULLET LIST */ | |||
/* Remove old bullets */ | |||
ul { | |||
list-style: none; | |||
} | |||
/* New bullets */ | |||
.mw-body-content ul li::before { | |||
content: "\2022"; | |||
color: white; | color: white; | ||
font-weight: bold; | |||
display: inline-block; | |||
width: 0.85em; | |||
margin-left: -0.85em; | |||
} | } | ||
# | /* Navigation, Side bar, TOC, Background, Headings colors */ | ||
background | #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: # | 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:# | 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( | 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; | |||
color:# | text-decoration: none; | ||
} | } | ||
a:hover { | |||
color:#F1F0F0!important; | |||
color: | |||
} | } | ||
: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 Loading Animation */ | ||
.loader { | |||
top:9em; | |||
left:12.58em; | |||
width: 10%; | |||
height: 0.1em; | |||
position: absolute; | |||
overflow: hidden; | |||
} | } | ||
.loader:before { | |||
::-webkit- | content: ""; | ||
position: absolute; | |||
left: -50%; | |||
height: 0.1em; | |||
width: 40%; | |||
background-color: #3498db; | |||
-webkit-animation: lineAnim 1s linear infinite; | |||
-moz-animation: lineAnim 1s linear infinite; | |||
animation: lineAnim 1s linear infinite; | |||
-webkit-border-radius: 20px; | |||
-moz-border-radius: 20px; | |||
border-radius: 20px; | |||
} | } | ||
@keyframes lineAnim { | |||
0% { | |||
left: -40%; | |||
} | } | ||
50% { | |||
left: 20%; | |||
width: 80%; | |||
} | |||
100% { | |||
left: 100%; | |||
width: 100%; | |||
} | |||
} | |||
.tabber { | |||
. | display: none; | ||
display: | } | ||
/* Data Hover cell=column + JS */ | |||
.highlight { | |||
background-color: #ADABAB; | |||
} | } | ||
/* | /* 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; | |||
height: | overflow-y: auto; | ||
} | } | ||
/* | /* Font Adjust */ | ||
. | .tabber__section tr td { | ||
font-weight:normal; | |||
line-height:1em; | |||
font-size:0. | 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 .TabberBefore .tabber__tab {padding: 0.5em 2.9em;} | |||
.page-War_Point_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-War_Point_Shop .TabberBefore td:nth-child(2) {} | |||
.page-War_Point_Shop .TabberBefore td:nth-child(3) {width:90px;} | |||
/* | /* Card Shop */ | ||
.page-Card_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;} | |||
.page-Card_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Card_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Card_Shop .TabberBefore td:nth-child(3) {width:110px;} | |||
/* Gear Shop */ | |||
.page-Gear_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.5em;} | |||
.page-Gear_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Gear_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Gear_Shop .TabberBefore td:nth-child(3) {width:90px;} | |||
/* Parts Shop */ | |||
.page-Parts_Shop .TabberBefore .tabber__tab {padding: 0.5em 3.1em;} | |||
.page-Parts_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Parts_Shop .TabberBefore td:nth-child(2) {width:100%; width:190px} | |||
.page-Parts_Shop .TabberBefore td:nth-child(3) {width:120px;} | |||
/* Weapon Shop */ | |||
.page-Weapon_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.1em;} | |||
.page-Weapon_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Weapon_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Weapon_Shop .TabberBefore td:nth-child(3) {width:110px;} | |||
/* | /* Event Shop */ | ||
.page-Event_Shop .TabberBefore .tabber__indicator {display:none;} | |||
.page-Event_Shop .TabberBefore .tabber__tab {padding: 0.5em 23.2em;} | |||
.page-Event_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Event_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Event_Shop .TabberBefore td:nth-child(3) {width:210px;} | |||
/* | /* Boss Token Shop */ | ||
. | .page-Boss_Token_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.9em;} | ||
.page-Boss_Token_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Boss_Token_Shop .TabberBefore td:nth-child(2) {} | |||
} | .page-Boss_Token_Shop .TabberBefore td:nth-child(3) {width:200px;} | ||
/* | /* Killmark Shop */ | ||
. | .page-Killmark_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;} | ||
.page-Killmark_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
} | .page-Killmark_Shop .TabberBefore td:nth-child(2) {} | ||
.page-Killmark_Shop .TabberBefore td:nth-child(3) {width:70px;} | |||
/* Gold Coin Shop */ | |||
.page-Gold_Coin_Shop .TabberBefore .tabber__indicator {display:none;} | |||
.page-Gold_Coin_Shop .TabberBefore .tabber__tab {padding: 0.5em 17.5em;} | |||
.page-Gold_Coin_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Gold_Coin_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Gold_Coin_Shop .TabberBefore td:nth-child(3) {width:70px;} | |||
/* Weapon Contour Shop */ | |||
.page-Weapon_Contour_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.3em;} | |||
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(2) {} | |||
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(3) {width:45px;} | |||
/* | /* Custom Cosmetic Shop */ | ||
.page-Custom_Cosmetics_Shop .TabberBefore .tabber__tab {padding: 0.5em 3.2em;} | |||
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(1) {width:50px;} | |||
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(2) {width:150px;} | |||
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(3) {width:40px;} | |||
/* Weapon Effect Shop */ | |||
.page-Weapon_Effect_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;} | |||
.page-Weapon_Effect_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Weapon_Effect_Shop .TabberBefore td:nth-child(2) {} | |||
/* | .page-Weapon_Effect_Shop .TabberBefore td:nth-child(3) {width:90px;} | ||
: | |||
/* | /* FFA Shop */ | ||
.page-FFA_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.7em;} | |||
.page-FFA_Shop .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-FFA_Shop .TabberBefore td:nth-child(2) {} | |||
.page-FFA_Shop .TabberBefore td:nth-child(3) {width:90px;} | |||
/* Infinity Field Vendor */ | |||
.page-Infinity_Field_Vendor .TabberBefore .tabber__tab {padding: 0.5em 4em;} | |||
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(2) {width:190px;} | |||
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(3) {width:200px;} | |||
/* Charm Shop/Aquarium */ | |||
.page-Aquarium .TabberBefore .tabber__indicator {display:none;} | |||
.page-Aquarium .TabberBefore .tabber__tab {padding: 0.5em 18em;} | |||
.page-Aquarium .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Aquarium .TabberBefore td:nth-child(2) {} | |||
.page-Aquarium .TabberBefore td:nth-child(3) {width:50px;} | |||
: | /* Mystery Capsule */ | ||
.page-Mystery_Capsule .TabberBefore .tabber__indicator {display:none;} | |||
.page-Mystery_Capsule .TabberBefore .tabber__tab {padding: 0.5em 15em;} | |||
} | .page-Mystery_Capsule .TabberBefore td:nth-child(1) {width:60px;} | ||
.page-Mystery_Capsule .TabberBefore td:nth-child(2) {width:200px;} | |||
/* FFA Reward Capsule */ | |||
.page-Free_For_All .TabberBefore .tabber__indicator {display:none;} | |||
.page-Free_For_All .TabberBefore .tabber__tab {padding: 0.5em 15em;} | |||
.page-Free_For_All .TabberBefore td:nth-child(1) {width:60px;} | |||
.page-Free_For_All .TabberBefore td:nth-child(2) {width:200px;} | |||
/* Slotmachines */ | |||
.page-Slotmachine .TabberBefore .tabber__indicator {display:none;} | |||
.page-Slotmachine .TabberBefore .tabber__tab {padding: 0.5em 15em;} | |||
.page-Slotmachine .TabberBefore td:nth-child(1) {} | |||
.page-Slotmachine .TabberBefore td:nth-child(2) {width:270px;} | |||
/* | /* Boss Str Card */ | ||
. | .page-Reinforced_Boss_Transformation_Card .TabberBefore .tabber__indicator {display:none;} | ||
.page-Reinforced_Boss_Transformation_Card .TabberBefore .tabber__tab {padding: 0.5em 17em;} | |||
.page-Reinforced_Boss_Transformation_Card .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Reinforced_Boss_Transformation_Card .TabberBefore td:nth-child(2) {width:340px;} | |||
/* Bosses */ | |||
.page-Bosses .TabberBefore .tabber__indicator {display:none;} | |||
.page-Bosses .TabberBefore .tabber__tab {padding: 0.5em 17em;} | |||
.page-Bosses .TabberBefore td:nth-child(1) {width:80px;} | |||
.page-Bosses .TabberBefore td:nth-child(2) {width:340px;} | |||
.page-Bosses .TabberBefore .TableShops#T1 {width:80px;} | |||
/* Custom Tables */ | |||
/* | |||
/* Custom Table - TableShops */ | |||
/* | /* Table Global */ | ||
. | .TableShops { | ||
table-layout: fixed; | |||
border-collapse: collapse; | |||
width: 100%; | 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; | 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; | |||
} | } | ||
. | /* 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; | |||
background-color: # | |||
} | } | ||
/* Table Data Hover cell=row */ | |||
.BreakPointsTable>*>tr:has(td:hover) td { | |||
background-color: #ADABAB; | |||
} | } | ||
/* | /* Custom Table - InfluenceTable */ | ||
. | /* Table Global */ | ||
.InfluenceTable { | |||
width: 100%; | |||
width: 300px; | |||
border-collapse: collapse; | |||
} | } | ||
/* | /* Table Header */ | ||
. | .InfluenceTable tr { | ||
background-color: #6C6C6C; | |||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
text-align:center; | |||
} | } | ||
/* | /* Table Data */ | ||
. | .InfluenceTable*>tr>td { | ||
background-color: | 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: | background-color: #ADABAB; | ||
} | } | ||
/* | /* Table Data Hover cell=row */ | ||
. | .InfluenceTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* | |||
. | /* Custom Table - WeaponTable */ | ||
/* Table Global */ | |||
.WeaponTable { | |||
font-size:0. | 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 { | ||
width: | 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; | |||
} | |||
/* "Function title" not selectable */ | |||
.mw-parser-output .mw-customtoggle .WeaponTable td { | |||
user-select:none; | |||
} | |||
/* | /* 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 */ | |||
/* Custom Table - | |||
/* Table Global */ | /* Table Global */ | ||
. | .PlayerSkillTable { | ||
table-layout: fixed; | table-layout: fixed; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .PlayerSkillTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .PlayerSkillTable>*>tr>td { | ||
font-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding: 4px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
width: 117px; | |||
} | } | ||
/* Custom Table - DisputeHoursTable */ | |||
/* Table Global*/ | |||
.DisputeHoursTable { | |||
/* Custom Table - | |||
/* Table Global */ | |||
. | |||
table-layout: fixed; | table-layout: fixed; | ||
width: 100%; | width: 100%; | ||
width: 90px; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
text-align:center; | |||
text-align: center; | |||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .DisputeHoursTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | |||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .DisputeHoursTable*>tr>td { | ||
-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding: 1px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border | border: 1px solid black; | ||
width: 80px; | width: 80px; | ||
} | } | ||
/* Table Data Hover */ | /* Table Data Hover */ | ||
. | .DisputeHoursTable td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row */ | /* Table Data Hover cell=row */ | ||
. | .DisputeHoursTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table Fixes */ | |||
/* Custom Table | |||
/* Table Global */ | /* Table Global */ | ||
. | .FixesTable { | ||
border-collapse: collapse; | |||
cursor: default; | |||
border: 1px solid black; | |||
} | |||
.FixesTable th { | |||
overflow-y:auto; | |||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .FixesTable tr { | ||
background-color: | background-color: #D8D8D8; | ||
text-align:center; | |||
color:black; | |||
} | |||
/* Table separate headers hover */ | |||
.FixesTable th:hover { | |||
background-color: #ADABAB; | |||
} | } | ||
.FixesTable td { | |||
. | |||
border: 1px solid black; | border: 1px solid black; | ||
} | } | ||
/* Table Data Hover */ | /* Table Data Hover */ | ||
. | .FixesTable td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row */ | /* Table Data Hover cell=row */ | ||
. | .FixesTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | 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: | 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 { | ||
background-color: # | 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; | |||
min-width: | |||
} | } | ||
#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 Data */ | /* Table Header */ | ||
. | .ChatTable tr { | ||
font-family:'Aldrich', sans-serif; | background-color: gray; | ||
background-color: #6C6C6C; | border: 1px solid black; | ||
color: white; | } | ||
/* Table Data */ | |||
.ChatTable>*>tr>td { | |||
font-family:'Aldrich', sans-serif; | |||
background-color: #6C6C6C; | |||
color: white; | |||
padding: 1px; | padding: 1px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border: 1px solid black; | border: 1px solid black; | ||
width: | width: 80px; | ||
} | } | ||
/* Table Data Hover */ | /* Table Data Hover */ | ||
. | .ChatTable td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row */ | /* Table Data Hover cell=row */ | ||
. | .ChatTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table - | /* Custom Table - SmallTable on Chat Page */ | ||
.SmallTable th{ | |||
width: 50px; | |||
width: | |||
} | } | ||
.SmallTable tr { | |||
background-color: gray; | |||
text-align: center; | |||
} | } | ||
/* Table | /* Custom Table - PETTable1 */ | ||
. | /* Table Global*/ | ||
.PETTable1 { | |||
table-layout: fixed; | |||
width: 100%; | |||
width: 80px; | |||
border-collapse: collapse; | |||
text-align:left | |||
} | } | ||
/* Table | /* Table Header */ | ||
. | .PETTable1 tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
} | } | ||
/* Table | /* Table Data */ | ||
. | .PETTable1 td { | ||
border | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | |||
border: 1px solid black; | |||
width: 60px; | |||
text-align:center; | |||
} | } | ||
/* Table | /* Table First Collumn */ | ||
. | .PETTable1 tbody>tr>:nth-child(1) { | ||
width: 126px; | |||
} | } | ||
/* Custom Table - | /* Custom Table - .PETTable2 */ | ||
. | /* Table Global*/ | ||
.PETTable2 { | |||
/* Table Global */ | |||
. | |||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .PETTable2 tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | border: 1px solid black; | ||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .PETTable2 td { | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
border: 1px solid black; | border: 1px solid black; | ||
text-align:left | padding:5px; | ||
text-align:left; | |||
} | } | ||
/* Custom Table - CRP Shop */ | |||
/* Custom Table - | |||
/* Table Global */ | /* Table Global */ | ||
. | .CRPShopTable { | ||
table-layout: fixed; | table-layout: fixed; | ||
width: 100%; | |||
width: 00px; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
/* Table Header */ | /* Table Header*/ | ||
. | .CRPShopTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | border: 1px solid black; | ||
| Line 1,542: | Line 1,629: | ||
/* Table Data */ | /* Table Data */ | ||
. | .CRPShopTable>*>tr>td { | ||
font-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding: 1px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
width: | 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: 1px solid black; | ||
border-top: 1px solid black; | |||
} | } | ||
.page-Formation .Formation td:hover { | |||
. | |||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page-Formation .Formation>*>tr:has(td:hover) td { | |||
. | |||
background-color: #ADABAB; | 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; | |||
} | } | ||
. | |||
border: | /* 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; | ||
background-color: | border-bottom: 1px solid black; | ||
border-left: 1px solid black; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones td:hover { | |||
. | |||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones>*>tr:has(td:hover) td { | |||
.page- | background-color: #ADABAB; | ||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones td:nth-child(1) { | |||
text-align:center; | |||
.page- | border-right: 1px solid black; | ||
width:80px; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones td:nth-child(2) { | |||
.page- | text-align:center; | ||
border-right: 1px solid black; | |||
width: | 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; | |||
border- | display:block; | ||
height:720px; | |||
width:530px; | |||
overflow-y: scroll; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones2 tr { | |||
. | background-color: gray; | ||
border- | 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; | |||
width: | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) { | |||
width:360px; | |||
. | border-right: 1px solid black; | ||
width: | |||
border- | |||
} | } | ||
.page-Fame_Milestone_Rewards th { | |||
. | background:#ADABAB; | ||
position: sticky; | |||
top: 0; | |||
} | } | ||
/* Table | |||
. | /* 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; | border: 1px solid black; | ||
} | } | ||
.page-Crystals .CrystalShop1 td:hover { | |||
. | |||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page-Crystals .CrystalShop1>*>tr:has(td:hover) td { | |||
. | |||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page-Crystals .CrystalShop1 td:nth-child(1) { | |||
padding: 0.5em; | |||
. | min-width:80px; | ||
width: | |||
} | } | ||
. | .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; | ||
} | |||
width: | |||
/* Crystal Shop 2 */ | |||
.CrystalShop2 { | |||
border-collapse: collapse; | border-collapse: collapse; | ||
display:block; | |||
width:652px; | |||
max-height:430px; | |||
overflow-y: scroll; | |||
cursor: pointer; | |||
} | } | ||
.page-Crystals .CrystalShop2 tr { | |||
. | |||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | border: 1px solid black; | ||
} | } | ||
.page-Crystals .CrystalShop2 td:hover { | |||
. | background-color: #ADABAB; | ||
background-color: # | |||
} | } | ||
.page-Crystals .CrystalShop2>*>tr:has(td:hover) td { | |||
. | background-color: #ADABAB; | ||
width: | } | ||
.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; | border-collapse: collapse; | ||
display:block; | |||
cursor: pointer; | |||
} | } | ||
.page-Crystals .CrystalShop3 tr { | |||
. | |||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | border: 1px solid black; | ||
} | } | ||
.page-Crystals .CrystalShop3 td:hover { | |||
. | background-color: #ADABAB; | ||
background-color: # | } | ||
.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; | ||
width: | |||
} | } | ||
.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; | ||
} | } | ||
/* | /* Enchanting Page (.T1 because there are more tabber on the page) */ | ||
.page- | .page-Enchanting .T1 .tabber__tab { | ||
padding: 0.5em | padding: 0.5em 12em; | ||
} | } | ||
.page- | .page-Enchanting .T1 .tabber__indicator { | ||
display:none; | |||
} | } | ||
.page- | .page-Enchanting .T1 td:nth-child(1) { | ||
text-align: left; | |||
width:80px | |||
} | } | ||
.page-Enchanting .T1 td:nth-child(2) { | |||
text-align: left; | |||
.page- | |||
} | } | ||
.page- | .page-Enchanting .T1 td:nth-child(3) { | ||
text-align: left; | |||
width:50px | |||
} | } | ||
.page- | /* Minerals Page */ | ||
.page-Minerals .tabber__tab { | |||
padding: 0.5em 13.2em; | |||
} | } | ||
.page- | .page-Minerals .tabber__indicator { | ||
display:none; | |||
} | } | ||
.page- | .page-Minerals td:nth-child(1) { | ||
text-align: left; | |||
width:90px | |||
width: | |||
} | } | ||
/* 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- | .page-Latest_Game_Patch .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page- | .page-Latest_Game_Patch .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
.page- | /* Inside Table */ | ||
background-color: # | .page-Latest_Game_Patch .SkillTable { | ||
border-collapse: collapse; | |||
background-color: #6C6C6C; | |||
margin-bottom:20px; | |||
/* min-width:880px; /* Align all tables */ | |||
} | } | ||
.page- | .page-Latest_Game_Patch .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page- | .page-Latest_Game_Patch .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | text-align:center; | ||
padding:9px; | |||
} | } | ||
.page- | .page-Latest_Game_Patch .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | text-align:center; | ||
padding:9px; | |||
} | } | ||
.page- | /* Description */ | ||
width: | .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; | |||
} | |||
width: | .page-B-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page- | .page-B-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
.page- | /* Inside Table */ | ||
background-color: # | .page-B-Gear_Skills .SkillTable { | ||
border-collapse: collapse; | |||
background-color: #6C6C6C; | |||
margin-bottom:20px; | |||
/* min-width:880px; /* Align all tables */ | |||
} | } | ||
.page- | .page-B-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page- | .page-B-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | text-align:center; | ||
padding:9px; | |||
} | } | ||
.page- | .page-B-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | text-align:center; | ||
padding:9px; | |||
} | } | ||
.page- | /* Description */ | ||
.page-B-Gear_Skills .SkillDSC { | |||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
.page- | |||
background:# | /* 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- | .page-I-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
.page- | /* Inside Table */ | ||
background-color: # | .page-I-Gear_Skills .SkillTable { | ||
border-collapse: collapse; | |||
background-color: #6C6C6C; | |||
margin-bottom:20px; | |||
/* min-width:880px; /* Align all tables */ | |||
} | } | ||
.page- | .page-I-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
.page- | .page-I-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page- | .page-I-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page- | /* 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- | .page-M-Gear_Skills .Skills:hover { | ||
background-color: | background-color:#ADABAB; | ||
} | } | ||
.page- | .page-M-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page- | .page-M-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
.page- | /* Inside Table */ | ||
.page-M-Gear_Skills .SkillTable { | |||
min-width: | border-collapse: collapse; | ||
background-color: #6C6C6C; | |||
margin-bottom:20px; | |||
/* min-width:880px; /* Align all tables */ | |||
} | } | ||
.page- | .page-M-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page- | .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; | ||
border | text-align:center; | ||
padding:9px; | |||
} | } | ||
.page- | /* Description */ | ||
.page-M-Gear_Skills .SkillDSC { | |||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
.page- | |||
background-color: # | /* Main Buttons A-Gear */ | ||
.page-A-Gear_Skills .Skills { | |||
background-color: #6C6C6C; | |||
padding: 6px; | |||
margin-left:1px; | |||
} | } | ||
.page- | .page-A-Gear_Skills .Skills:hover { | ||
background-color: #ADABAB; | background-color:#ADABAB; | ||
} | } | ||
.page- | .page-A-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page- | .page-A-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
.page- | /* Inside Table */ | ||
.page-A-Gear_Skills .SkillTable { | |||
min-width: | 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- | .page-A-Gear_Skills .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
.page- | /* 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- | .page-Armor_Glow #GlowContainer0 { | ||
text-align: | display:flex; | ||
flex-wrap: wrap; | |||
justify-content:space-between; | |||
margin-right:100px; | |||
padding-bottom:30px; | |||
text-align:center; | |||
} | } | ||
.page- | .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; | |||
padding: | margin-right:100px; | ||
padding-bottom:30px; | |||
text-align:center; | |||
} | } | ||
.page- | /* Weapon Contour Page table */ | ||
.page-Weapon_Contours table { | |||
width:100%; | |||
} | } | ||
.page- | .page-Weapon_Contours table tr { | ||
display: grid; | |||
grid-template-columns:repeat(auto-fill, 200px); | |||
} | } | ||
/* | /* Custom Missions page shadow fix */ | ||
.page- | .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 { | |||
width: | border:solid #a6b4b4 2px; | ||
border-radius:9px 0 9px; | |||
} | |||
#CharactersImgContainer { | |||
min-width:217px; | |||
} | } | ||
/* | /* Search Page */ | ||
.page- | .page-Special_Search .mw-body-content ul li::before { | ||
content:none; | |||
} | } | ||
.page- | .page-Special_Search .mw-search-profile-tabs li a { | ||
color:white!important; | |||
} | } | ||
.page- | .page-Special_Search .mw-search-profile-tabs { | ||
background-color:#555; | |||
} | } | ||
.page- | .page-Special_Search .mw-search-profile-tabs li a:hover { | ||
color:#ADABAB!important; | |||
} | } | ||
.page-Special_Search #mw-searchoptions { | |||
.page- | background-color:#6C6C6C; | ||
} | } | ||
.page-Special_Search #mw-page-base { | |||
margin-top:-4px; | |||
.page- | |||
} | } | ||
/* 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; | |||
} | } | ||
.page- | /* Recent Changes box */ | ||
.page-Special_RecentChanges #mw-content-text > div.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible { | |||
color:black; | |||
} | } | ||
.page- | .page-Media .mw-parser-output div .gallerytext { | ||
margin-top:-5px; | |||
margin-bottom:-15px; | |||
text-align:center; | text-align:center; | ||
} | } | ||
.page- | |||
/* Heading */ | |||
.page-Test_Page #firstHeading { | |||
display:none; | |||
} | } | ||
/* | /* Main picture content */ | ||
. | .MainPicture { | ||
display:flex; | |||
justify-content:center; | |||
flex-direction:row; | |||
} | } | ||
. | /* Image Logo */ | ||
.MainPicture a img { | |||
-webkit-filter: drop-shadow(15px 15px 15px #222); | |||
filter: drop-shadow(20px 15px 15px #222); | |||
} | } | ||
. | .MainPicture a img:hover { | ||
-webkit-filter: drop-shadow(0px 0px 15px gray); | |||
} | } | ||
. | /* Description content */ | ||
.MainDSC { | |||
display:flex; | |||
flex-direction:column; | |||
align-items:center; | |||
} | } | ||
/* | /* Pedia content */ | ||
. | .MainPedia { | ||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
} | |||
.PediaTable { | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
} | } | ||
.Pedia, .G_E_O-Box { | |||
padding-left:2em; | |||
. | padding-right:2em; | ||
padding | |||
} | } | ||
. | .PediaTable p img { | ||
-webkit-filter: drop-shadow(15px 15px 13px #222); | |||
filter: drop-shadow(15px 15px 13px #222); | |||
} | } | ||
. | .PediaTable a img:hover { | ||
-webkit-filter: drop-shadow(0px 0px 8px gray); | |||
} | |||
/* Main content */ | |||
.MainLinks, .YouMAL, .Shops, .Usefull, .Discord, .Social { | |||
display:flex; | |||
flex-wrap:wrap; | |||
flex-direction:row; | |||
align-items:center; | |||
justify-content:center; | |||
padding-left:10%; | |||
padding-right:10%; | |||
} | } | ||
. | /* Paragraphs */ | ||
.MainLinks p, .Gears p, .Events p, .Other p, .YouMAL p, .Shops p, .Usefull p, .Discord p, .Social p { | |||
border:2px solid #808080; | |||
padding:3px 0px 3px 5px; | |||
background-color:#445466; /* #f0f0f0 */ | |||
padding-right:7px; | |||
margin-right:4px; | |||
margin-left:4px; | |||
white-space:nowrap; | |||
} | } | ||
/* | /* Links */ | ||
. | .MainLinks a, .Gears a, .Events a, .Other a, .Other a span, .YouMAL a, .Shops a, .Usefull a, .Usefull a span, .Discord a, .Social a span { | ||
border- | padding:inherit; | ||
padding:3px 0px 3px 7px; | |||
margin-bottom: | border-top:4px solid transparent; | ||
border-bottom:5px solid transparent; | |||
border-right:5px solid transparent; | |||
margin:-5px; | |||
border-bottom-left-radius:15px; | |||
color:white!important; | |||
} | } | ||
. | /* Paragraphs HOVER */ | ||
background-color: # | .MainLinks p:hover, .Gears p:hover, .Events p:hover, .Other p:hover, .YouMAL p:hover, .Shops p:hover, .Usefull p:hover, .Discord p:hover, .Social p:hover { | ||
background-color: #808080; /* #C3C3C3 */ | |||
cursor: pointer; | |||
border:2px solid #4F4F4F; | |||
color:white!important; | |||
} | } | ||
/* MainLinks: Rules - Other - Paragraphs ACTIVE */ | |||
.MainLinks p:active, .Gears p:active, .Events p:active, .Other p:active, .YouMAL p:active, .Shops p:active, .Usefull p:active, .Discord p:active, .Social p:active { | |||
background-color: #C7C7C7; | |||
cursor: pointer; | |||
border:2px solid #595959; | |||
color:white!important; | |||
} | } | ||
. | /* Grid box: Gears, Events, Other */ | ||
.G_E_O-Box { | |||
display:grid; | |||
justify-content:normal; | |||
grid-template-rows:auto; | |||
grid-template-columns:auto auto auto auto; | |||
grid-template-columns: repeat(auto-fill, auto); | |||
} | } | ||
.G_E_O-Box .Gears{ | |||
. | flex-direction:column; | ||
} | } | ||
/* Gears */ | |||
/* | /* Gears #1 */ | ||
. | .G_E_O-Box .Gears1 { | ||
display:flex; | |||
align-items:flex-end; | |||
} | } | ||
. | /* Gears #2 */ | ||
.G_E_O-Box .Gears2{ | |||
display:flex; | |||
align-items:flex-start; | |||
} | } | ||
. | /* Aligning gears squares */ | ||
.G_E_O-Box .Gears p { | |||
margin:4px; | |||
padding-right:5px; | |||
padding-top: 5px; | |||
padding-bottom: 5px; | |||
} | } | ||
/* | /* Events */ | ||
. | .G_E_O-Box .Events{ | ||
display:flex; | |||
flex-direction:column; | |||
align-items:flex-start; | |||
} | |||
/* Other */ | |||
.G_E_O-Box .Other{ | |||
display:flex; | |||
align-items:flex-start; | |||
flex-direction:column; | |||
} | |||
/* | /* Category headers */ | ||
. | .Title, .Pedia span { | ||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
color:red; | |||
} | } | ||
.MainLinks img, .Events img { | |||
padding-right:0.5em; | |||
. | padding-right:0.5em; | ||
. | |||
. | |||
} | } | ||
Revision as of 13:21, 19 February 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;
}
/* Firefox-specific styles */
@-moz-document url-prefix() {
.FixesTable th{
font-family: Arial, Helvetica, sans-serif!important;
}
* {
scrollbar-width: thin; /* Firefox only */
}
}
/* Body */
body {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
color:#ffffff;
font-family:'Aldrich', sans-serif;
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:0;
padding-top:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
/* Footer CC Image re-size */
#footer #footerCC img {
height:27px;
margin-left:7px;
}
/* Footer PoweredBY */
#footerPBY img {
-webkit-filter: drop-shadow(20px 20px 20px #222);
filter: drop-shadow(0px 2px 25px #222);
width:auto;
height:auto;
min-width:6em;
max-width:13em;
z-index:-1;
}
/* Footer PoweredBY */
#footerPBY:hover {
-webkit-filter: drop-shadow(20px 20px 20px black);
filter: drop-shadow(0px 3px 15px black);
}
/* Footer OLDpoweredbyico */
#footer-poweredbyico {
display:none;
}
/* Footer Animation */
#footer {
animation: hideAnimation 1s ease-in 0s;
animation-fill-mode: forwards;
}
@keyframes hideAnimation {
0% {display:none; opacity:0}
100% {opacity:1}
}
/* Content */
#content {
background-image:linear-gradient(to right, #232526 0%, #414345 100%);
color:#ffffff;
border-left-width:1px;
border-left-color:rgba(113,159,202,0.7);
border-bottom-width:0;
}
/* 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;
}
/* New "thumb" image */
.FramedImage {
float:right;
text-align:right;
font-size:0.9em;
}
.FramedImage img {
padding: 1px;
background-color: #f0f0f0;
border:1px solid gray;
border-radius: 2em 0 2em 2em;
}
.FramedImage span{
margin-right:1em;
}
/* Collabsed elements */
/* All */
.mw-collapsible .mw-collapsible-toggle {
float:left;
margin-left:0;
margin-right:1em;
}
/* Exapnd/Collapse button TEXT */
.mw-collapsible-text {
color: #9b9b9b;
}
/* BULLETS, BULLET LIST */
/* Remove old bullets */
ul {
list-style: none;
}
/* New bullets */
.mw-body-content ul li::before {
content: "\2022";
color: white;
font-weight: bold;
display: inline-block;
width: 0.85em;
margin-left: -0.85em;
}
/* Navigation, Side bar, TOC, Background, Headings colors */
#mw-navigation li {
background: none;
}
#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited {
color: #bdbdbd;
z-index:2;
}
/* Hover over top bar */
#mw-head li a:hover {
color: #F1F0F0!important;
}
#mw-head li a:link:hover {
color: #F1F0F0!important;
}
/* Hover over sidebar */
#mw-panel li a:hover {
color: #F1F0F0 !important;
z-index:2;
}
#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle {
color: white!important;
}
#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited {
color: #bdbdbd!important;
}
/* TOC Hover color */
#toc a:link:hover {
color:#AFAFAF!important
}
/* TOC [hide] Hover color */
.toctogglelabel:hover {
color:white!important;
text-decoration: none
}
/* Background color */
.navbox, .navbox-subgroup {
background: #2b2b2b;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 {
color: white;
}
/* Heading Shadow, title */
h1 {
filter: drop-shadow(0 0 3px white);
}
h2:not(#mw-toc-heading) {
filter: drop-shadow(0 0 3px white);
}
h3, h4, h5 {
filter: drop-shadow(0 0 3px gray);
}
/* 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 Loading Animation */
.loader {
top:9em;
left:12.58em;
width: 10%;
height: 0.1em;
position: absolute;
overflow: hidden;
}
.loader:before {
content: "";
position: absolute;
left: -50%;
height: 0.1em;
width: 40%;
background-color: #3498db;
-webkit-animation: lineAnim 1s linear infinite;
-moz-animation: lineAnim 1s linear infinite;
animation: lineAnim 1s linear infinite;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
@keyframes lineAnim {
0% {
left: -40%;
}
50% {
left: 20%;
width: 80%;
}
100% {
left: 100%;
width: 100%;
}
}
.tabber {
display: none;
}
/* Data Hover cell=column + JS */
.highlight {
background-color: #ADABAB;
}
/* 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:normal;
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 .TabberBefore .tabber__tab {padding: 0.5em 2.9em;}
.page-War_Point_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-War_Point_Shop .TabberBefore td:nth-child(2) {}
.page-War_Point_Shop .TabberBefore td:nth-child(3) {width:90px;}
/* Card Shop */
.page-Card_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;}
.page-Card_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Card_Shop .TabberBefore td:nth-child(2) {}
.page-Card_Shop .TabberBefore td:nth-child(3) {width:110px;}
/* Gear Shop */
.page-Gear_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.5em;}
.page-Gear_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Gear_Shop .TabberBefore td:nth-child(2) {}
.page-Gear_Shop .TabberBefore td:nth-child(3) {width:90px;}
/* Parts Shop */
.page-Parts_Shop .TabberBefore .tabber__tab {padding: 0.5em 3.1em;}
.page-Parts_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Parts_Shop .TabberBefore td:nth-child(2) {width:100%; width:190px}
.page-Parts_Shop .TabberBefore td:nth-child(3) {width:120px;}
/* Weapon Shop */
.page-Weapon_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.1em;}
.page-Weapon_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Weapon_Shop .TabberBefore td:nth-child(2) {}
.page-Weapon_Shop .TabberBefore td:nth-child(3) {width:110px;}
/* Event Shop */
.page-Event_Shop .TabberBefore .tabber__indicator {display:none;}
.page-Event_Shop .TabberBefore .tabber__tab {padding: 0.5em 23.2em;}
.page-Event_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Event_Shop .TabberBefore td:nth-child(2) {}
.page-Event_Shop .TabberBefore td:nth-child(3) {width:210px;}
/* Boss Token Shop */
.page-Boss_Token_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.9em;}
.page-Boss_Token_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Boss_Token_Shop .TabberBefore td:nth-child(2) {}
.page-Boss_Token_Shop .TabberBefore td:nth-child(3) {width:200px;}
/* Killmark Shop */
.page-Killmark_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;}
.page-Killmark_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Killmark_Shop .TabberBefore td:nth-child(2) {}
.page-Killmark_Shop .TabberBefore td:nth-child(3) {width:70px;}
/* Gold Coin Shop */
.page-Gold_Coin_Shop .TabberBefore .tabber__indicator {display:none;}
.page-Gold_Coin_Shop .TabberBefore .tabber__tab {padding: 0.5em 17.5em;}
.page-Gold_Coin_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Gold_Coin_Shop .TabberBefore td:nth-child(2) {}
.page-Gold_Coin_Shop .TabberBefore td:nth-child(3) {width:70px;}
/* Weapon Contour Shop */
.page-Weapon_Contour_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.3em;}
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(2) {}
.page-Weapon_Contour_Shop .TabberBefore td:nth-child(3) {width:45px;}
/* Custom Cosmetic Shop */
.page-Custom_Cosmetics_Shop .TabberBefore .tabber__tab {padding: 0.5em 3.2em;}
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(1) {width:50px;}
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(2) {width:150px;}
.page-Custom_Cosmetics_Shop .TabberBefore td:nth-child(3) {width:40px;}
/* Weapon Effect Shop */
.page-Weapon_Effect_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.8em;}
.page-Weapon_Effect_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-Weapon_Effect_Shop .TabberBefore td:nth-child(2) {}
.page-Weapon_Effect_Shop .TabberBefore td:nth-child(3) {width:90px;}
/* FFA Shop */
.page-FFA_Shop .TabberBefore .tabber__tab {padding: 0.5em 2.7em;}
.page-FFA_Shop .TabberBefore td:nth-child(1) {width:80px;}
.page-FFA_Shop .TabberBefore td:nth-child(2) {}
.page-FFA_Shop .TabberBefore td:nth-child(3) {width:90px;}
/* Infinity Field Vendor */
.page-Infinity_Field_Vendor .TabberBefore .tabber__tab {padding: 0.5em 4em;}
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(1) {width:80px;}
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(2) {width:190px;}
.page-Infinity_Field_Vendor .TabberBefore td:nth-child(3) {width:200px;}
/* Charm Shop/Aquarium */
.page-Aquarium .TabberBefore .tabber__indicator {display:none;}
.page-Aquarium .TabberBefore .tabber__tab {padding: 0.5em 18em;}
.page-Aquarium .TabberBefore td:nth-child(1) {width:80px;}
.page-Aquarium .TabberBefore td:nth-child(2) {}
.page-Aquarium .TabberBefore td:nth-child(3) {width:50px;}
/* Mystery Capsule */
.page-Mystery_Capsule .TabberBefore .tabber__indicator {display:none;}
.page-Mystery_Capsule .TabberBefore .tabber__tab {padding: 0.5em 15em;}
.page-Mystery_Capsule .TabberBefore td:nth-child(1) {width:60px;}
.page-Mystery_Capsule .TabberBefore td:nth-child(2) {width:200px;}
/* FFA Reward Capsule */
.page-Free_For_All .TabberBefore .tabber__indicator {display:none;}
.page-Free_For_All .TabberBefore .tabber__tab {padding: 0.5em 15em;}
.page-Free_For_All .TabberBefore td:nth-child(1) {width:60px;}
.page-Free_For_All .TabberBefore td:nth-child(2) {width:200px;}
/* Slotmachines */
.page-Slotmachine .TabberBefore .tabber__indicator {display:none;}
.page-Slotmachine .TabberBefore .tabber__tab {padding: 0.5em 15em;}
.page-Slotmachine .TabberBefore td:nth-child(1) {}
.page-Slotmachine .TabberBefore td:nth-child(2) {width:270px;}
/* Boss Str Card */
.page-Reinforced_Boss_Transformation_Card .TabberBefore .tabber__indicator {display:none;}
.page-Reinforced_Boss_Transformation_Card .TabberBefore .tabber__tab {padding: 0.5em 17em;}
.page-Reinforced_Boss_Transformation_Card .TabberBefore td:nth-child(1) {width:80px;}
.page-Reinforced_Boss_Transformation_Card .TabberBefore td:nth-child(2) {width:340px;}
/* Bosses */
.page-Bosses .TabberBefore .tabber__indicator {display:none;}
.page-Bosses .TabberBefore .tabber__tab {padding: 0.5em 17em;}
.page-Bosses .TabberBefore td:nth-child(1) {width:80px;}
.page-Bosses .TabberBefore td:nth-child(2) {width:340px;}
.page-Bosses .TabberBefore .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;
}
/* 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: #6C6C6C;
border: 1px solid black;
border-top: 1px solid black;
text-align:center;
}
/* Table Data */
.InfluenceTable*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.InfluenceTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.InfluenceTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - 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;
}
/* "Function title" not selectable */
.mw-parser-output .mw-customtoggle .WeaponTable td {
user-select:none;
}
/* 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;
}
/* Enchanting Page (.T1 because there are more tabber on the page) */
.page-Enchanting .T1 .tabber__tab {
padding: 0.5em 12em;
}
.page-Enchanting .T1 .tabber__indicator {
display:none;
}
.page-Enchanting .T1 td:nth-child(1) {
text-align: left;
width:80px
}
.page-Enchanting .T1 td:nth-child(2) {
text-align: left;
}
.page-Enchanting .T1 td:nth-child(3) {
text-align: left;
width:50px
}
/* 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;
}
.page-Media .mw-parser-output div .gallerytext {
margin-top:-5px;
margin-bottom:-15px;
text-align:center;
}
/* Heading */
.page-Test_Page #firstHeading {
display:none;
}
/* Main picture content */
.MainPicture {
display:flex;
justify-content:center;
flex-direction:row;
}
/* Image Logo */
.MainPicture a img {
-webkit-filter: drop-shadow(15px 15px 15px #222);
filter: drop-shadow(20px 15px 15px #222);
}
.MainPicture a img:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* Description content */
.MainDSC {
display:flex;
flex-direction:column;
align-items:center;
}
/* Pedia content */
.MainPedia {
display:flex;
justify-content:center;
align-items:center;
}
.PediaTable {
display:flex;
justify-content:center;
align-items:center;
}
.Pedia, .G_E_O-Box {
padding-left:2em;
padding-right:2em;
}
.PediaTable p img {
-webkit-filter: drop-shadow(15px 15px 13px #222);
filter: drop-shadow(15px 15px 13px #222);
}
.PediaTable a img:hover {
-webkit-filter: drop-shadow(0px 0px 8px gray);
}
/* Main content */
.MainLinks, .YouMAL, .Shops, .Usefull, .Discord, .Social {
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
padding-left:10%;
padding-right:10%;
}
/* Paragraphs */
.MainLinks p, .Gears p, .Events p, .Other p, .YouMAL p, .Shops p, .Usefull p, .Discord p, .Social p {
border:2px solid #808080;
padding:3px 0px 3px 5px;
background-color:#445466; /* #f0f0f0 */
padding-right:7px;
margin-right:4px;
margin-left:4px;
white-space:nowrap;
}
/* Links */
.MainLinks a, .Gears a, .Events a, .Other a, .Other a span, .YouMAL a, .Shops a, .Usefull a, .Usefull a span, .Discord a, .Social a span {
padding:inherit;
padding:3px 0px 3px 7px;
border-top:4px solid transparent;
border-bottom:5px solid transparent;
border-right:5px solid transparent;
margin:-5px;
border-bottom-left-radius:15px;
color:white!important;
}
/* Paragraphs HOVER */
.MainLinks p:hover, .Gears p:hover, .Events p:hover, .Other p:hover, .YouMAL p:hover, .Shops p:hover, .Usefull p:hover, .Discord p:hover, .Social p:hover {
background-color: #808080; /* #C3C3C3 */
cursor: pointer;
border:2px solid #4F4F4F;
color:white!important;
}
/* MainLinks: Rules - Other - Paragraphs ACTIVE */
.MainLinks p:active, .Gears p:active, .Events p:active, .Other p:active, .YouMAL p:active, .Shops p:active, .Usefull p:active, .Discord p:active, .Social p:active {
background-color: #C7C7C7;
cursor: pointer;
border:2px solid #595959;
color:white!important;
}
/* Grid box: Gears, Events, Other */
.G_E_O-Box {
display:grid;
justify-content:normal;
grid-template-rows:auto;
grid-template-columns:auto auto auto auto;
grid-template-columns: repeat(auto-fill, auto);
}
.G_E_O-Box .Gears{
flex-direction:column;
}
/* Gears */
/* Gears #1 */
.G_E_O-Box .Gears1 {
display:flex;
align-items:flex-end;
}
/* Gears #2 */
.G_E_O-Box .Gears2{
display:flex;
align-items:flex-start;
}
/* Aligning gears squares */
.G_E_O-Box .Gears p {
margin:4px;
padding-right:5px;
padding-top: 5px;
padding-bottom: 5px;
}
/* Events */
.G_E_O-Box .Events{
display:flex;
flex-direction:column;
align-items:flex-start;
}
/* Other */
.G_E_O-Box .Other{
display:flex;
align-items:flex-start;
flex-direction:column;
}
/* Category headers */
.Title, .Pedia span {
display:flex;
justify-content:center;
align-items:center;
color:red;
}
.MainLinks img, .Events img {
padding-right:0.5em;
padding-right:0.5em;
}
/* ######################################################## */
/* !!! 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;
}