MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
@import url("//fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"); | @import url("//fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"); | ||
/* Body */ | /* Body */ | ||
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 */ | /* Head */ | ||
#mw-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 gradient time search bar | /* Right navigation gradient time search bar | ||
#right-navigation{ | #right-navigation { | ||
padding-left:50px; | |||
background-image:radial-gradient(circle, rgba(0,0,0,0.4962359943977591) 60%, rgba(255,255,255,0) 100%); | |||
}*/ | }*/ | ||
/* | /* Sidepanel sidebar */ | ||
/* Sidepanel sidebar headers color */ | |||
.vector-menu-heading-label { | |||
} | color:white; | ||
} | |||
. | |||
.portal h3 { | |||
} | color: white; | ||
} | |||
/* 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); | |||
} | |||
/* Footer | /* Footer */ | ||
#footer-poweredbyico a img{ | #footer-poweredbyico a img { | ||
display:inline-block; | |||
-webkit-filter: drop-shadow(20px 20px 20px #222); | |||
filter: drop-shadow(5px 3px 10px #222); | |||
} | } | ||
#footer{ | #footer { | ||
background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%); | background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 1px 100%; | background-size: 1px 100%; | ||
} | } | ||
#footer-icons{ | #footer-icons { | ||
top:-37px; | |||
position:relative; | |||
right:28px; | |||
transform:scale(1.6); | |||
} | } | ||
#footer ul li { | |||
color: white; | |||
} | |||
/* CC Licence */ | /* CC Licence */ | ||
#footerCC p{ | #footerCC p { | ||
float: right; | |||
margin-top:-4.1em; | |||
margin-right:6em; | |||
font-size:12px; | |||
text-align:center; | |||
text-shadow:rgba(0, 0, 0, 1) 0px 1px 1px; | |||
} | } | ||
/* Content */ | /* Content */ | ||
#content{ | #content { | ||
background-image:linear-gradient(to right, #232526 0%, #414345 100%); | |||
color:#ffffff; | |||
border-left-width:1px; | |||
border-left-color:rgba(113,159,202,0.7); | |||
border-bottom-width:0; | |||
} | } | ||
/* Toc */ | /* 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); | |||
} | |||
.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; | |||
} | |||
/* Heading */ | /* Heading */ | ||
#content #bodyContent #mw-content-text .mw-parser-output h2{ | #content #bodyContent #mw-content-text .mw-parser-output h2 { | ||
border-bottom-width:1px!important; | |||
} | border-bottom-color:rgba(113,159,202,0.7) | ||
} | |||
/* First heading */ | /* First heading */ | ||
#firstHeading{ | #firstHeading { | ||
border-bottom-color:rgba(113,159,202,0.7); | |||
border-bottom-width:1px; | |||
border-bottom-style:solid; | |||
} | } | ||
/* Link */ | /* Link */ | ||
#pt-userpage a{ | #pt-userpage a { | ||
color:#ffffff!important; | |||
background-image:linear-gradient(141deg, #0fb8ad 0%, #2cb5e8 100%); | |||
} | } | ||
/* Left - spike*/ | /* Left - spike*/ | ||
#left-navigation { | #left-navigation { | ||
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%); | background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 1px 100%; | background-size: 1px 100%; | ||
} | } | ||
/* Span Tag Colors */ | |||
#p-personal ul {color:#ffffff;} | |||
#pt-logout a span {color:#ffffff;} | |||
#pt-mycontris a span {color:#ffffff;} | |||
#pt-watchlist {color:#ffffff;} | |||
#pt-watchlist a span {color:#ffffff;} | |||
#pt-preferences a span {color:#ffffff;} | |||
#pt-mytalk .new span {color:#ffffff;} | |||
#pt-userpage .new span {color:#ffffff;} | |||
#ca-edit a span {color:#ffffff;} | |||
#ca-delete a span {color:#000000;} | |||
#ca-move a span {color:#000000;} | |||
#ca-protect a span {color:#000000;} | |||
#pt-login > a > span {color:#000000;} | |||
#pt-login a span { | |||
# | -webkit-filter:drop-shadow(10px 10px 10px #222); | ||
filter:drop-shadow(0px 0px 4px #222); | |||
} | } | ||
#pt-login > a > span:hover {color:#ffffff;} | |||
#searchInput:hover {border-color:white;} | |||
#searchInput:focus {border-color:white;} | |||
#ca-edit > a > span:hover {color:#888;} | |||
#pt-userpage span:hover {color:#555;} | |||
#pt-mytalk span:hover {color:#555;} | |||
#pt-preferences span:hover {color:#555;} | |||
#pt-watchlist span:hover {color:#555;} | |||
#pt-mycontris span:hover {color:#555;} | |||
#pt-logout span:hover {color:#555;} | |||
#pt-login > a > span:hover{ | |||
color:#ffffff; | |||
} | |||
#searchInput:hover{ | |||
} | |||
#searchInput:focus{ | |||
} | |||
#ca-edit > a > span:hover{ | |||
} | |||
#pt-userpage | |||
} | |||
#pt-mytalk span:hover{ | |||
} | |||
#pt-preferences span:hover{ | |||
} | |||
#pt-watchlist span:hover{ | |||
} | |||
#pt-mycontris span:hover{ | |||
} | |||
#pt-logout span:hover{ | |||
} | |||
/* Link */ | /* Link */ | ||
#ca-unwatch a{ | #ca-unwatch a { | ||
display:none; | |||
} | } | ||
/* Cactions checkbox */ | /* Cactions checkbox */ | ||
#p-cactions-checkbox{ | #p-cactions-checkbox { | ||
transform:translatex(0px) translatey(0px); | transform:translatex(0px) translatey(0px); | ||
} | } | ||
/* Cactions label */ | /* Cactions label */ | ||
#p-cactions-label{ | #p-cactions-label { | ||
color:#ffffff !important; | |||
} | } | ||
/* FONTS */ | /* FONTS */ | ||
/* Main Header FONT */ | /* Main Header FONT */ | ||
#firstHeading{ | #firstHeading { | ||
color: white; | |||
font-weight: normal; | |||
font-family:'Aldrich', sans-serif; | |||
} | } | ||
/* Main Header FONT */ | /* Main Header FONT */ | ||
.mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5{ | .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 */ | /* Main content text FONT */ | ||
body { | 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; | |||
} | |||
/* 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 */ | /* Tabs */ | ||
/* Removed spikes */ | |||
/* Removed spikes*/ | .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
background-image:none; | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ | } | ||
} | /* Search Bar - Tab */ | ||
.vector-search-box-input::placeholder { | |||
/* Search Bar*/ | color:#303030; | ||
.vector-search-box-input::placeholder{ | } | ||
} | |||
/* Current events - Tab */ | /* Current events - Tab */ | ||
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no { | .vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no { | ||
cursor:context-menu; | cursor:context-menu; | ||
font-size:13px; | font-size:13px; | ||
| Line 278: | Line 236: | ||
position:relative; | position:relative; | ||
top:7px; | top:7px; | ||
} | } | ||
.vector-menu-tabs-legacy li div { | |||
.vector-menu-tabs-legacy li div { | |||
float: right; | float: right; | ||
} | } | ||
.vector-menu-tabs-legacy li.current-events img{ | |||
.vector-menu-tabs-legacy li.current-events img { | |||
width: 30px!important; | width: 30px!important; | ||
margin: 0px 5px 0px 0px; | margin: 0px 5px 0px 0px; | ||
border: solid 1px; | border: solid 1px; | ||
} | } | ||
#p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3){ | #p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3) { | ||
display:flex; | display:flex; | ||
align-items:stretch; | align-items:stretch; | ||
margin: 0px 7px 0px 0px; | margin: 0px 7px 0px 0px; | ||
} | } | ||
/* Separator */ | /* Separator - Tab*/ | ||
#\=current-events-0, #current-events-no{ | #\=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 - | /* Server time timer - Tab */ | ||
#server-time-href{ | #server-time-href { | ||
cursor:context-menu; | cursor:context-menu; | ||
font-size:13px; | font-size:13px; | ||
| Line 310: | Line 270: | ||
top:7px; | top:7px; | ||
margin-right:10px; | margin-right:10px; | ||
} | } | ||
/* More - Tab */ | |||
#p-cactions-label { | |||
color:white!important; | |||
} | |||
/* | /* Tabs animation | ||
#p-views{ | #p-views { | ||
animation: hideAnimation 3s ease-in 0s; | |||
animation-fill-mode: forwards; | |||
} | } | ||
@keyframes hideAnimation { | @keyframes hideAnimation { | ||
0% {display:none; opacity:0} | |||
40% {display:none; opacity:0} | |||
100% {opacity:1} | |||
} | } | ||
*/ | */ | ||
/* Code Block Appearance */ | /* Code Block Appearance */ | ||
code { | code { | ||
background-color: #6C6C6C; | |||
border: 1px solid #6C6C6C; | |||
color:white; | |||
} | } | ||
/* Scrollbar */ | /* Scrollbar */ | ||
/* | /* Width */ | ||
::-webkit-scrollbar { | ::-webkit-scrollbar { | ||
width: 13px; | |||
} | } | ||
/* Track */ | /* Track */ | ||
::-webkit-scrollbar-track { | ::-webkit-scrollbar-track { | ||
background: #f1f1f1; | |||
} | } | ||
/* Handle */ | /* Handle */ | ||
::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||
background: #888; | |||
} | } | ||
/* Handle on hover */ | /* Handle on hover */ | ||
::-webkit-scrollbar-thumb: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 | |||
} | |||
/*Row 2*/ | |||
.page-Main_Page #container2{ | |||
} | |||
/*Main Page Image Logo*/ | /* Main Page Image Logo */ | ||
.page-Main_Page .mw-parser-output a img{ | .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{ | .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*/ | /* "Social" tab longer to match "You might also like" tab */ | ||
.page-Main_Page #nine{ | .page-Main_Page #nine { | ||
width:234px; | |||
} | } | ||
/* Main Page NEW/RE-EDIT */ | /* Main Page NEW/RE-EDIT */ | ||
span#NEW{ | 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 */ | /* Images resize-zoom/resolution */ | ||
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) | img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) { | ||
{ | max-width: 100%; | ||
height: auto; | |||
width: auto; | |||
} | |||
} | |||
/* | /* Collabsed elements */ | ||
.mw-collapsible .mw-collapsible-toggle { | |||
.mw-collapsible .mw-collapsible-toggle { | |||
float:left; | float:left; | ||
margin-left:0; | margin-left:0; | ||
| Line 427: | Line 377: | ||
} | } | ||
.mw-collapsible-text, .toctogglelabel { | |||
.mw-collapsible-text, .toctogglelabel { | |||
color: #9b9b9b | color: #9b9b9b | ||
} | } | ||
/* BULLETS, BULLET LIST */ | |||
/* BULLETS | |||
/* Remove old bullets */ | /* Remove old bullets */ | ||
ul { | 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; | |||
} | |||
#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 { | |||
} | |||
/* Hover over top bar */ | |||
{ | #mw-head li a:hover { | ||
color: #F1F0F0!important; | color: #F1F0F0!important; | ||
} | } | ||
#mw-head li a:link:hover | #mw-head li a:link:hover { | ||
{ | |||
color: #F1F0F0!important; | color: #F1F0F0!important; | ||
} | } | ||
#mw-panel li a:hover { | /* Hover over sidebar */ | ||
#mw-panel li a:hover { | |||
color: #F1F0F0 !important; | color: #F1F0F0 !important; | ||
} | } | ||
#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle { | #toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle { | ||
color: white!important; | color: white!important; | ||
} | } | ||
#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited { | #toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited { | ||
color: #bdbdbd!important; | color: #bdbdbd!important; | ||
} | } | ||
#toc a:link:hover | |||
{ | /* 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; | |||
} | |||
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 { | |||
color: white; | |||
} | |||
/* Heading Shadow, title */ | /* Heading Shadow, title */ | ||
h1 { | h1 { | ||
filter: drop-shadow(0 0 3px white); | filter: drop-shadow(0 0 3px white); | ||
} | } | ||
h2:not(#mw-toc-heading) { | h2:not(#mw-toc-heading) { | ||
filter: drop-shadow(0 0 3px white); | filter: drop-shadow(0 0 3px white); | ||
} | |||
} | |||
h3, h4, h5 { | |||
filter: drop-shadow(0 0 3px gray); | |||
} | |||
/* Links OLD */ | /* Links OLD */ | ||
a:link { color: #bdbdbd!important; } | a:link {color: #bdbdbd!important;} | ||
a:visited { color: #bdbdbd!important; } | a:visited {color: #bdbdbd!important;} | ||
:link:active, :link.new { color: #bdbdbd!important; } | :link:active, :link.new {color: #bdbdbd!important;} | ||
:link.interwiki, :link.external { color: #bdbdbd!important; | :link.interwiki, :link.external {color: #bdbdbd!important;} | ||
} | |||
/* Links | /* 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 | /* 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 */ | /* Hover over text to see more div class */ | ||
.hide { | .hide { | ||
display: none; | |||
} | } | ||
.HoverHide:hover + .hide { | .HoverHide:hover + .hide { | ||
display: block;; | |||
} | } | ||
/* Hover over image to see text */ | /* Hover over image to see text */ | ||
.container { | .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; | |||
} | |||
.container:hover .overlay { | |||
} | |||
/* | .HoverImg { | ||
.mw-parser-output a.external { | 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 | 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 { | |||
.mw-special-Unusedimages { | |||
display: none; | display: none; | ||
} | } | ||
.mw-special-Uncategorizedimages { | .mw-special-Uncategorizedimages { | ||
display: none; | display: none; | ||
} | } | ||
.mw-special-Listfiles { | .mw-special-Listfiles { | ||
display: none; | display: none; | ||
} | } | ||
.mw-special-Log { | .mw-special-Log { | ||
display: none; | display: none; | ||
} | } | ||
.mw-special-Newimages { | .mw-special-Newimages { | ||
display: none; | display: none; | ||
} | } | ||
*/ | |||
/* Removed tabs */ | |||
#ca-nstab-main {display: none!important;} | |||
/*Removed tabs */ | #ca-talk {display: none!important;} | ||
#ca-history {display: none!important;} | |||
#ca-talk { display: none !important; } | #ca-view {display: none!important;} | ||
#ca-history { display: none !important;} | #p-tb {display: none;} | ||
#ca-view { display: none !important; } | #ca-viewsource {display: none!important;} | ||
#p-tb { display: none; } | |||
# | |||
} | |||
/* Remove the category block (iframe/other extenstion at the bottom of the page) */ | /* Remove the category block (iframe/other extenstion at the bottom of the page) */ | ||
.catlinks | .catlinks { | ||
{ | display:none; | ||
} | |||
} | |||
/* Remove | /* Remove gallerybox bullet */ | ||
li.gallerybox::before { | |||
visibility: hidden | |||
} | |||
/* Tabber */ | /* Tabber */ | ||
/* Tabber invis body switch */ | /* Tabber invis body switch */ | ||
.tabber--live { | .tabber--live { | ||
width:min-content; | |||
} | } | ||
/* Tabber Line Remove */ | /* Tabber Line Remove */ | ||
.tabber__header { | .tabber__header { | ||
box-shadow: inset 0 0px 0 0 #a2a9b1; | box-shadow: inset 0 0px 0 0 #a2a9b1; | ||
} | } | ||
/* Tabber Indicator Global */ | |||
.tabber__indicator { | |||
block-size: 5px; | |||
} | |||
/* Tabber | /* 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); | |||
} | |||
/* Tabber Arrow > color*/ | |||
.tabber__header__next { | |||
} | |||
/* Shorter-scrollable Tabber */ | /* Shorter-scrollable Tabber */ | ||
.tabber__section { | |||
.tabber__section { | height: 770px!important; | ||
overflow-y: auto!important; | |||
} | |||
} | |||
/* Font Adjust */ | /* Font Adjust */ | ||
.tabber__section tr td{ | .tabber__section tr td { | ||
font-weight:600; | |||
line-height:1em; | |||
font-size:0.96em; | |||
} | } | ||
.tabber__panel { | .tabber__panel { | ||
max-height: 770px; | |||
overflow-y: auto; | |||
} | } | ||
/* Tabber Scrollbar */ | /* Tabber Scrollbar */ | ||
.tabber__section::-webkit-scrollbar { | .tabber__section::-webkit-scrollbar { | ||
width: 7px; | |||
} | } | ||
.tabber__section::-webkit-scrollbar-thumb { | |||
background: #555; | |||
} | |||
.tabber__section::-webkit-scrollbar-thumb:hover { | |||
background: #888; | |||
} | |||
/* Custom Tables with tabber */ | |||
/* War Point Shop */ | |||
.page-War_Point_Shop .tabber__tab { | |||
padding: 0.5em 2.9em; | |||
} | |||
.page-War_Point_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-War_Point_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-War_Point_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:90px | |||
} | |||
/* Card Shop */ | |||
.page-Card_Shop .tabber__tab { | |||
padding: 0.5em 2.8em; | |||
} | |||
.page-Card_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Card_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Card_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:110px | |||
} | |||
/* Gear Shop */ | |||
.page-Gear_Shop .tabber__tab { | |||
padding: 0.5em 2.5em; | |||
} | |||
.page-Gear_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Gear_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Gear_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:90px | |||
} | |||
/* Parts Shop */ | |||
.page-Parts_Shop .tabber__tab { | |||
padding: 0.5em 3.1em; | |||
} | |||
.page-Parts_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Parts_Shop td:nth-child(2) { | |||
text-align: left; | |||
width:100%; | |||
width:190px | |||
} | |||
.page-Parts_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:120px | |||
} | |||
/* Weapon Shop */ | |||
.page-Weapon_Shop .tabber__tab { | |||
padding: 0.5em 2.1em; | |||
} | |||
.page-Weapon_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Weapon_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Weapon_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:110px; | |||
} | |||
/* Event Shop */ | |||
.page-Event_Shop .tabber__tab { | |||
padding: 0.5em 23.2em; | |||
} | |||
.page-Event_Shop .tabber__indicator { | |||
display:none; | |||
} | |||
.page-Event_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Event_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Event_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:210px | |||
} | |||
/* Boss Token Shop */ | |||
.page-Boss_Token_Shop .tabber__tab { | |||
padding: 0.5em 2.9em; | |||
} | |||
.page-Boss_Token_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:80px | |||
} | |||
.page-Boss_Token_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Boss_Token_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:200px | |||
} | |||
/* Killmark Shop */ | |||
.page-Killmark_Shop .tabber__tab { | |||
padding: 0.5em 2.8em; | |||
} | |||
.page-Killmark_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:95px | |||
} | |||
.page-Killmark_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Killmark_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:70px | |||
} | |||
/* Gold Coin Shop */ | |||
.page-Gold_Coin_Shop .tabber__tab { | |||
padding: 0.5em 17.5em; | |||
} | |||
.page-Gold_Coin_Shop .tabber__indicator { | |||
display:none; | |||
} | |||
.page-Gold_Coin_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:85px | |||
} | |||
.page-Gold_Coin_Shop td:nth-child(2) { | |||
text-align: left; | |||
} | |||
.page-Gold_Coin_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:70px | |||
} | |||
/* Weapon Contour Shop */ | |||
.page-Weapon_Contour_Shop .tabber__tab { | |||
padding: 0.5em 2.3em; | |||
} | |||
. | .page-Weapon_Contour_Shop td:nth-child(1) { | ||
text-align: left; | |||
} | width:80px | ||
} | |||
. | .page-Weapon_Contour_Shop td:nth-child(2) { | ||
text-align: left; | |||
} | |||
} | |||
.page-Weapon_Contour_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:45px | |||
} | |||
.page- | |||
} | |||
/* | /* Custom Cosmetic Shop */ | ||
.page- | .page-Custom_Cosmetics_Shop .tabber__tab { | ||
padding: 0.5em 3.2em; | |||
} | |||
. | |||
} | |||
.page-Custom_Cosmetics_Shop td:nth-child(1) { | |||
text-align: left; | |||
width:50px | |||
} | |||
.page- | |||
} | |||
.page-Custom_Cosmetics_Shop td:nth-child(2) { | |||
text-align: left; | |||
width:150px; | |||
} | |||
.page- | |||
} | |||
.page-Custom_Cosmetics_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:40px | |||
} | |||
.page- | |||
/* Weapon Effect Shop */ | |||
.page-Weapon_Effect_Shop .tabber__tab { | |||
} | padding: 0.5em 3em; | ||
} | |||
.page- | |||
} | |||
.page-Weapon_Effect_Shop td:nth-child(1) { | |||
.page- | text-align: left; | ||
width:50px | |||
} | |||
} | |||
.page-Weapon_Effect_Shop td:nth-child(2) { | |||
.page- | text-align: left; | ||
width:150px; | |||
} | |||
} | |||
.page-Weapon_Effect_Shop td:nth-child(3) { | |||
text-align: left; | |||
width:20px | |||
} | |||
.page- | |||
} | |||
/* | /* FFA Shop */ | ||
.page-FFA_Shop .tabber__tab { | |||
padding: 0.5em 2.7em; | |||
} | |||
.page- | .page-FFA_Shop td:nth-child(1) { | ||
text-align: left; | |||
width:80px | |||
} | |||
} | |||
.page-FFA_Shop td:nth-child(2) { | |||
.page- | text-align: left; | ||
} | |||
} | |||
.page- | .page-FFA_Shop td:nth-child(3) { | ||
text-align: left; | |||
width:90px | |||
} | } | ||
.page- | /* Infinity Field Vendor */ | ||
.page-Infinity_Field_Vendor .tabber__tab { | |||
padding: 0.5em 4em; | |||
} | } | ||
.page- | .page-Infinity_Field_Vendor td:nth-child(1) { | ||
text-align: left; | |||
width:80px | |||
} | } | ||
.page-Infinity_Field_Vendor td:nth-child(2) { | |||
.page- | text-align: left; | ||
width:190px | |||
} | } | ||
.page- | .page-Infinity_Field_Vendor td:nth-child(3) { | ||
text-align: left; | |||
width:200px | |||
} | } | ||
/* Charm Shop/Aquarium */ | |||
.page-Aquarium .tabber__tab { | |||
padding: 0.5em 18em; | |||
.page- | } | ||
} | |||
.page-Aquarium .tabber__indicator { | |||
.page- | display:none; | ||
} | |||
} | |||
.page-Aquarium td:nth-child(1) { | |||
text-align: left; | |||
.page- | |||
width:80px | width:80px | ||
} | } | ||
.page- | |||
.page-Aquarium td:nth-child(2) { | |||
} | text-align: left; | ||
.page- | } | ||
.page-Aquarium td:nth-child(3) { | |||
} | text-align: left; | ||
width:50px | |||
} | |||
/* Mystery Capsule */ | |||
.page-Mystery_Capsule .tabber__tab { | |||
padding: 0.5em 15em; | |||
} | |||
.page-Mystery_Capsule .tabber__indicator { | |||
display:none; | |||
} | |||
.page-Mystery_Capsule td:nth-child(1) { | |||
width:60px; | |||
} | |||
.page-Mystery_Capsule td:nth-child(2) { | |||
.page- | width:200px; | ||
} | |||
/* Slotmachines */ | |||
.page-Slotmachine .tabber__tab { | |||
padding: 0.5em 13em; | |||
} | } | ||
.page- | |||
} | |||
.page-Slotmachine .tabber__header { | |||
.page- | pointer-events: none; | ||
} | |||
} | |||
.page-Slotmachine td:nth-child(2) { | |||
.page- | width:270px; | ||
} | |||
} | |||
/* Custom Tables */ | |||
/* Custom Table - TableShops | /* Custom Table - TableShops */ | ||
/* Table Global*/ | /* Table Global */ | ||
.TableShops{ | .TableShops { | ||
table-layout: fixed; | |||
border-collapse: collapse; | |||
width: 100%; | |||
} | cursor: pointer; | ||
} | |||
/* Table Header*/ | /* Table Header */ | ||
.TableShops tr { | .TableShops tr { | ||
background-color: gray; | background-color: gray; | ||
} | } | ||
/* Table Data*/ | /* Table Data */ | ||
.TableShops>*>tr>td { | .TableShops>*>tr>td { | ||
font-family:'Aldrich', sans-serif; | |||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
border: none; | border: none; | ||
color: white; | color: white; | ||
padding: 10px; | padding: 10px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border-bottom: 1px solid black; | border-bottom: 1px solid black; | ||
} | } | ||
/* Table Data Hover*/ | /* Table Data Hover */ | ||
.TableShops td:hover { | .TableShops td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row*/ | /* Table Data Hover cell=row */ | ||
.TableShops>*>tr:has(td:hover) td { | .TableShops>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table - EnchantTable */ | /* Custom Table - EnchantTable */ | ||
/* Table Global */ | |||
/* Table Global*/ | .EnchantTable { | ||
.EnchantTable { | |||
table-layout: fixed; | table-layout: fixed; | ||
width: 100%; | width: 100%; | ||
| Line 1,107: | Line 1,038: | ||
width: 150px; | width: 150px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* Table Header*/ | /* Table Header */ | ||
.EnchantTable tr { | .EnchantTable tr { | ||
background-color: gray; | 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*/ | /* Table Data Hover */ | ||
.EnchantTable | .EnchantTable td:hover { | ||
background-color: #ADABAB; | |||
background-color: # | } | ||
} | |||
/* Table Data Hover*/ | /* Table Data Hover cell=row */ | ||
.EnchantTable td:hover { | .EnchantTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table - BreakPointsTable */ | /* Custom Table - BreakPointsTable */ | ||
/* Table Global */ | |||
.BreakPointsTable { | |||
table-layout: fixed; | |||
width: 100%; | |||
width: 90px; | |||
border-collapse: collapse; | |||
} | |||
/* Table | /* Table Header */ | ||
.BreakPointsTable { | .BreakPointsTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
} | |||
} | |||
/* Table | /* Table Data */ | ||
.BreakPointsTable tr { | .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*/ | /* Table Data Hover */ | ||
.BreakPointsTable | .BreakPointsTable td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
/* Table Data Hover*/ | /* Table Data Hover cell=row */ | ||
.BreakPointsTable td:hover { | .BreakPointsTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Custom Table | /* Custom Table - InfluenceTable */ | ||
.InfluenceTable { | /* Table Global */ | ||
.InfluenceTable { | |||
width: 100%; | |||
width: 300px; | |||
} | border-collapse: collapse; | ||
} | |||
/* Table Header*/ | /* Table Header */ | ||
.InfluenceTable tr { | .InfluenceTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
text-align:center; | |||
} | } | ||
/* Table Data*/ | /* Table Data */ | ||
.InfluenceTable*>tr>td { | .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*/ | /* Table Data Hover */ | ||
.InfluenceTable td:hover { | .InfluenceTable td:hover { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Table Data Hover cell=row*/ | /* Table Data Hover cell=row */ | ||
.InfluenceTable>*>tr:has(td:hover) td { | .InfluenceTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Custom Table | /* Custom Table - WeaponsTable */ | ||
. | /* Table Global */ | ||
.WeaponsTable { | |||
} | table-layout: fixed; | ||
width: 235px; | |||
border-collapse: collapse; | |||
font-size:0.7em; | |||
} | |||
. | /* Table Header */ | ||
.WeaponsTable tr { | |||
} | background-color: gray; | ||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | |||
. | /* Table Data */ | ||
.WeaponsTable>*>tr>td { | |||
} | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | |||
color: white; | |||
padding: 1px; | |||
transition: background-color .3s ease-in-out; | |||
border: 1px solid black; | |||
width: 80px; | |||
} | |||
/* | /* Table Data Hover */ | ||
.WeaponsTable td:hover { | |||
background-color: #ADABAB; | |||
} | |||
/* | /* Table Data Hover cell=row */ | ||
.WeaponsTable | .WeaponsTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
/* Table | /* Custom Table - WeaponsTableFunction */ | ||
table.WeaponsTableFunction { | |||
border:1px solid #FEAF24; | |||
z-index:; | |||
border-top: 1px solid red!important; | |||
font-size:0.8em; | |||
background-color: #6C6C6C; | |||
border-collapse: collapse; | |||
color: white; | |||
width: 233px; | |||
margin-left:1px; | |||
border-right:13p; | |||
} | |||
table.WeaponsTableFunction { | |||
} | |||
/* Table Data Hover cell=row*/ | /* Table Data Hover cell=row */ | ||
.WeaponsTableFunction>*>tr:has(td:hover) td { | .WeaponsTableFunction>*>tr:has(td:hover) td { | ||
background-color: #FEAF24; | |||
} | } | ||
/* Table Data*/ | /* Table Data */ | ||
.WeaponsTableFunction>*>tr>td { | .WeaponsTableFunction>*>tr>td { | ||
padding: 1px; | |||
transition: background-color .3s; | |||
width:112px; | |||
} | } | ||
/* Table First row*/ | /* Table First row */ | ||
.WeaponsTableFunction tr:nth-of-type(1) { | .WeaponsTableFunction tr:nth-of-type(1) { | ||
border-top: 1px solid #FEAF24; | |||
} | } | ||
/* Table Data separators */ | /* Table Data separators */ | ||
.WeaponsTableFunction tr { | .WeaponsTableFunction tr { | ||
border-top: 1px solid black; | |||
} | } | ||
/* Custom Table Weapons E15 Overlay */ | /* 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 | /* Custom Table - Recipe */ | ||
/* Table Global */ | |||
.RecipeTable { | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
text-align:center; | |||
font-size:0.8em; | |||
} | |||
/* | /* Table Header */ | ||
.RecipeTable{ | .RecipeTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | |||
} | |||
/* Table | /* Table Data */ | ||
.RecipeTable tr { | .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*/ | /* Table Data Hover */ | ||
.RecipeTable | .RecipeTable td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
/* Table Data Hover*/ | /* Table Data Hover cell=row */ | ||
.RecipeTable td:hover { | .RecipeTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Custom Table | /* Custom Table - PlayerSkillTable */ | ||
/* Table Global */ | |||
.PlayerSkillTable { | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
} | |||
/* | /* Table Header */ | ||
.PlayerSkillTable{ | .PlayerSkillTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
} | border-top: 1px solid black; | ||
} | |||
/* Table | /* Table Data */ | ||
.PlayerSkillTable tr { | .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 */ | /* Custom Table - DisputeHoursTable */ | ||
/* Table Global*/ | |||
.DisputeHoursTable { | |||
table-layout: fixed; | |||
width: 100%; | |||
width: 90px; | |||
border-collapse: collapse; | |||
text-align:center; | |||
} | |||
/* Table | /* Table Header */ | ||
.DisputeHoursTable{ | .DisputeHoursTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
} | |||
} | |||
/* Table | /* Table Data */ | ||
.DisputeHoursTable tr { | .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*/ | /* Table Data Hover */ | ||
.DisputeHoursTable | .DisputeHoursTable td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
/* Table Data Hover*/ | /* Table Data Hover cell=row */ | ||
.DisputeHoursTable td:hover { | .DisputeHoursTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Custom Table Fixes */ | /* Custom Table Fixes */ | ||
.FixesTable { | /* Table Global */ | ||
.FixesTable { | |||
border-collapse: collapse; | |||
} | cursor: default; | ||
} | |||
/* Table Header*/ | /* Table Header */ | ||
.FixesTable tr { | .FixesTable tr { | ||
background-color: #D8D8D8; | |||
border: 1px solid black; | |||
text-align:center; | |||
color:black; | |||
} | } | ||
/* Table separate headers hover*/ | /* Table separate headers hover */ | ||
.FixesTable th:hover | .FixesTable th:hover { | ||
background-color: #ADABAB; | |||
} | } | ||
.FixesTable td { | .FixesTable td { | ||
border: 1px solid black; | |||
} | } | ||
/* Table Data Hover*/ | /* Table Data Hover */ | ||
.FixesTable td:hover { | .FixesTable td:hover { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Table Data Hover cell=row*/ | /* Table Data Hover cell=row */ | ||
.FixesTable>*>tr:has(td:hover) td { | .FixesTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Table Header shadow*/ | /* Table Header shadow */ | ||
.page-Fixes .mw-parser-output thead tr{ | .page-Fixes .mw-parser-output thead tr { | ||
box-shadow:0px 0px 14px 0px #000000; | |||
} | } | ||
/* Custom Table - ChatTable */ | /* Custom Table - ChatTable */ | ||
/* Table Global*/ | /* Table Global */ | ||
.ChatTable { | .ChatTable { | ||
table-layout: fixed; | |||
width: 100%; | |||
width: 210px; | |||
border-collapse: collapse; | |||
text-align:center | |||
} | } | ||
/* Table Header*/ | /* Table Header */ | ||
.ChatTable tr { | .ChatTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | 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*/ | /* Table Data Hover */ | ||
.ChatTable | .ChatTable td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
/* Table Data Hover*/ | /* Table Data Hover cell=row */ | ||
.ChatTable td:hover { | .ChatTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
/* Custom Table - SmallTable on Chat Page */ | /* Custom Table - SmallTable on Chat Page */ | ||
.SmallTable th{ | .SmallTable th{ | ||
width: 50px; | |||
} | } | ||
.SmallTable tr { | .SmallTable tr { | ||
background-color: gray; | |||
text-align: center; | |||
} | } | ||
/* Custom Table - | /* Custom Table - PETTable1 */ | ||
/* Table Global*/ | /* Table Global*/ | ||
.PETTable1 { | .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 | /* Table Data */ | ||
.PETTable1 | .PETTable1 td { | ||
font-family:'Aldrich', sans-serif; | |||
background-color: #6C6C6C; | |||
} | border: 1px solid black; | ||
width: 60px; | |||
text-align:center; | |||
} | |||
/* Table | /* Table First Collumn */ | ||
.PETTable1 | .PETTable1 tbody>tr>:nth-child(1) { | ||
width: 126px; | |||
} | |||
} | |||
/* Custom Table - .PETTable2 */ | /* Custom Table - .PETTable2 */ | ||
/* Table Global*/ | /* Table Global*/ | ||
.PETTable2 { | .PETTable2 { | ||
border-collapse: collapse; | |||
} | } | ||
/* Table Header */ | |||
.PETTable2 tr { | |||
background-color: gray; | |||
border: 1px solid black; | |||
} | |||
/* Table | /* Table Data */ | ||
.PETTable2 | .PETTable2 td { | ||
background-color: #6C6C6C; | |||
border: 1px solid black; | |||
} | padding:5px; | ||
text-align:left; | |||
} | |||
/* Custom Table CRP Shop */ | /* Custom Table - CRP Shop */ | ||
.CRPShopTable{ | /* Table Global */ | ||
.CRPShopTable { | |||
table-layout: fixed; | |||
width: 100%; | |||
width: 00px; | |||
} | border-collapse: collapse; | ||
} | |||
/* Table Header*/ | /* Table Header*/ | ||
.CRPShopTable tr { | .CRPShopTable tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | } | ||
/* Table Data*/ | /* Table Data */ | ||
.CRPShopTable>*>tr>td { | .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*/ | /* Table Data Hover */ | ||
.CRPShopTable td:hover { | .CRPShopTable td:hover { | ||
background-color: #ADABAB; | |||
cursor:pointer; | |||
} | } | ||
/* Tabber Padding */ | /* Tabber Padding */ | ||
.page-CRP_Shop .tabber__tab { /* Edit this 2*/ | .page-CRP_Shop .tabber__tab { /* Edit this 2 */ | ||
padding: 0.5em 2.67em; /* Edit this 3 */ | |||
} | } | ||
.page-CRP_Shop .tabber__section { | |||
.page-CRP_Shop .tabber__section { | |||
height: 792px!important; | |||
} | overflow-y: auto!important; | ||
.page-CRP_Shop .tabber__panel { | } | ||
.page-CRP_Shop .tabber__panel { | |||
} | max-height: 792px; | ||
overflow-y: auto; | |||
} | |||
/* Custom Table - Formation */ | /* Custom Table - Formation */ | ||
.page-Formation .Formation { | .page-Formation .Formation { | ||
border-collapse: collapse; | |||
} | } | ||
.page-Formation .Formation tr { | .page-Formation .Formation tr { | ||
background-color: gray; | |||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | } | ||
.page-Formation .Formation td:hover { | .page-Formation .Formation td:hover { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-Formation .Formation>*>tr:has(td:hover) td { | .page-Formation .Formation>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-Formation td:nth-child(1) { | .page-Formation td:nth-child(1) { | ||
width:120px; | width:120px; | ||
} | } | ||
.page-Formation td:nth-child(2) { | .page-Formation td:nth-child(2) { | ||
width:200px; | 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- | .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 | .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: | .page-Fame_Milestone_Rewards .Milestones td:nth-child(2) { | ||
text-align:center; | |||
} | border-right: 1px solid black; | ||
width:80px; | |||
} | |||
.page-Fame_Milestone_Rewards .Milestones | .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( | .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; | |||
} | |||
.Milestones2 { | .page-Fame_Milestone_Rewards .Milestones2 tr { | ||
background-color: gray; | |||
border-bottom: 1px solid black; | |||
border-left: 1px solid black; | |||
} | |||
} | |||
.page-Fame_Milestone_Rewards .Milestones2 | .page-Fame_Milestone_Rewards .Milestones2 td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
.page-Fame_Milestone_Rewards .Milestones2 td:hover { | .page-Fame_Milestone_Rewards .Milestones2>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones2 | .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( | .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( | .page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) { | ||
width:360px; | |||
border-right: 1px solid black; | |||
} | |||
} | |||
.page-Fame_Milestone_Rewards | .page-Fame_Milestone_Rewards th { | ||
background:#ADABAB; | |||
position: sticky; | |||
} | top: 0; | ||
} | |||
/* Custom 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; | |||
} | |||
.page-Crystals .CrystalShop1 td:hover { | |||
.CrystalShop1 { | background-color: #ADABAB; | ||
} | |||
} | |||
.page-Crystals .CrystalShop1 tr { | .page-Crystals .CrystalShop1>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
.page-Crystals .CrystalShop1 td: | .page-Crystals .CrystalShop1 td:nth-child(1) { | ||
padding: 0.5em; | |||
} | min-width:80px; | ||
} | |||
.page-Crystals .CrystalShop1 | .page-Crystals .CrystalShop1 td:nth-child(2) { | ||
padding: 0.5em; | |||
} | min-width:335px; | ||
} | |||
.page-Crystals .CrystalShop1 td:nth-child( | .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 { | |||
.CrystalShop2 { | background-color: #ADABAB; | ||
} | |||
} | |||
.page-Crystals .CrystalShop2 tr { | .page-Crystals .CrystalShop2>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
.page-Crystals .CrystalShop2 td: | .page-Crystals .CrystalShop2 td:nth-child(1) { | ||
padding: 0.5em; | |||
} | min-width:80px; | ||
} | |||
.page-Crystals .CrystalShop2 | .page-Crystals .CrystalShop2 td:nth-child(2) { | ||
padding: 0.5em; | |||
} | min-width:335px; | ||
} | |||
.page-Crystals .CrystalShop2 td:nth-child( | .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 { | |||
.CrystalShop3 { | background-color: gray; | ||
border: 1px solid black; | |||
} | |||
} | |||
.page-Crystals .CrystalShop3 | .page-Crystals .CrystalShop3 td:hover { | ||
background-color: #ADABAB; | |||
} | |||
} | |||
.page-Crystals .CrystalShop3 td:hover { | .page-Crystals .CrystalShop3>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-Crystals .CrystalShop3 | .page-Crystals .CrystalShop3 td:nth-child(1) { | ||
padding: 0.5em; | |||
} | min-width:80px; | ||
} | |||
.page-Crystals .CrystalShop3 td:nth-child( | .page-Crystals .CrystalShop3 td:nth-child(2) { | ||
padding: 0.5em; | |||
min-width:335px; | |||
} | } | ||
.page-Crystals .CrystalShop3 td:nth-child( | .page-Crystals .CrystalShop3 td:nth-child(3) { | ||
padding: 0.5em; | |||
min-width:180px; | |||
} | } | ||
/* Crystals img fix */ | /* Crystals img fix */ | ||
img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"] | img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"] { | ||
{ | max-width:300px!important; | ||
} | |||
} | |||
img[src="/images/thumb/5/52/Calamity.png/400px-Calamity.png"] { | |||
max-width: 400px!important; | |||
} | |||
/* Minerals Page */ | /* Minerals Page */ | ||
.page-Minerals .tabber__tab { | .page-Minerals .tabber__tab { | ||
padding: 0.5em 13.2em; | |||
} | } | ||
.page-Minerals .tabber__indicator { | |||
display:none; | |||
} | |||
.page-Minerals | .page-Minerals td:nth-child(1) { | ||
text-align: left; | |||
} | width:90px | ||
} | |||
/* Skills Table */ | /* Skills Table */ | ||
/* Latest Game Patch */ | /* Latest Game Patch */ | ||
.page-Latest_Game_Patch .Skills { | .page-Latest_Game_Patch .Skills { | ||
background-color: #6C6C6C; | |||
padding: 6px; | |||
margin-left:1px; | |||
} | } | ||
.page-Latest_Game_Patch .Skills:hover { | .page-Latest_Game_Patch .Skills:hover { | ||
background-color:#ADABAB; | |||
} | } | ||
.page-Latest_Game_Patch .Skills td:nth-child(1) { | .page-Latest_Game_Patch .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page-Latest_Game_Patch .Skills td:nth-child(2) { | .page-Latest_Game_Patch .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
/* Inside Table */ | /* Inside Table */ | ||
.page-Latest_Game_Patch .SkillTable { | .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 { | .page-Latest_Game_Patch .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-Latest_Game_Patch .SkillTable td { | .page-Latest_Game_Patch .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page-Latest_Game_Patch .SkillTable th { | .page-Latest_Game_Patch .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
/* Description */ | /* Description */ | ||
.page-Latest_Game_Patch .SkillDSC { | .page-Latest_Game_Patch .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
/* Main Buttons | |||
.page-B-Gear_Skills .Skills { | |||
/* 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 { | .page-B-Gear_Skills .Skills:hover { | ||
background-color:#ADABAB; | |||
} | } | ||
.page-B-Gear_Skills .Skills td:nth-child(1) { | .page-B-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page-B-Gear_Skills .Skills td:nth-child(2) { | .page-B-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
/* Inside Table */ | /* Inside Table */ | ||
.page-B-Gear_Skills .SkillTable { | .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 { | .page-B-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-B-Gear_Skills .SkillTable td { | .page-B-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page-B-Gear_Skills .SkillTable th { | .page-B-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
/* Description */ | /* Description */ | ||
.page-B-Gear_Skills .SkillDSC { | .page-B-Gear_Skills .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
/* Main Buttons | /* Main Buttons I-Gear */ | ||
.page-I-Gear_Skills .Skills { | .page-I-Gear_Skills .Skills { | ||
background-color: #6C6C6C; | |||
padding: 6px; | |||
margin-left:1px; | |||
} | } | ||
.page-I-Gear_Skills .Skills:hover { | .page-I-Gear_Skills .Skills:hover { | ||
background-color:#ADABAB; | |||
} | } | ||
.page-I-Gear_Skills .Skills td:nth-child(1) { | .page-I-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page-I-Gear_Skills .Skills td:nth-child(2) { | .page-I-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
/* Inside Table */ | /* Inside Table */ | ||
.page-I-Gear_Skills .SkillTable { | .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 { | .page-I-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-I-Gear_Skills .SkillTable td{ | .page-I-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page-I-Gear_Skills .SkillTable th { | .page-I-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
/* Description */ | /* Description */ | ||
.page-I-Gear_Skills .SkillDSC { | .page-I-Gear_Skills .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
/* Main Buttons | /* Main Buttons M-Gear */ | ||
.page-M-Gear_Skills .Skills { | .page-M-Gear_Skills .Skills { | ||
background-color: #6C6C6C; | |||
padding: 6px; | |||
margin-left:1px; | |||
} | } | ||
.page-M-Gear_Skills .Skills:hover { | .page-M-Gear_Skills .Skills:hover { | ||
background-color:#ADABAB; | |||
} | } | ||
.page-M-Gear_Skills .Skills td:nth-child(1) { | .page-M-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page-M-Gear_Skills .Skills td:nth-child(2) { | .page-M-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
/* Inside Table */ | /* Inside Table */ | ||
.page-M-Gear_Skills .SkillTable { | .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 { | .page-M-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-M-Gear_Skills .SkillTable td { | .page-M-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page-M-Gear_Skills .SkillTable th { | .page-M-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
/* Description */ | /* Description */ | ||
.page-M-Gear_Skills .SkillDSC { | .page-M-Gear_Skills .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
/* Main Buttons | /* Main Buttons A-Gear */ | ||
.page-A-Gear_Skills .Skills { | .page-A-Gear_Skills .Skills { | ||
background-color: #6C6C6C; | |||
padding: 6px; | |||
margin-left:1px; | |||
} | } | ||
.page-A-Gear_Skills .Skills:hover { | .page-A-Gear_Skills .Skills:hover { | ||
background-color:#ADABAB; | |||
} | } | ||
.page-A-Gear_Skills .Skills td:nth-child(1) { | .page-A-Gear_Skills .Skills td:nth-child(1) { | ||
width:32px; | |||
} | } | ||
.page-A-Gear_Skills .Skills td:nth-child(2) { | .page-A-Gear_Skills .Skills td:nth-child(2) { | ||
width:150px; | |||
} | } | ||
/* Inside Table */ | /* Inside Table */ | ||
.page-A-Gear_Skills .SkillTable { | .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 { | .page-A-Gear_Skills .SkillTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | |||
} | } | ||
.page-A-Gear_Skills .SkillTable td { | .page-A-Gear_Skills .SkillTable td { | ||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
.page-A-Gear_Skills .SkillTable th { | .page-A-Gear_Skills .SkillTable th { | ||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | } | ||
/* Description */ | /* Description */ | ||
.page-A-Gear_Skills .SkillDSC { | .page-A-Gear_Skills .SkillDSC { | ||
margin-top:10px; | |||
max-width:916px; | |||
} | } | ||
/* Armor Glow | /* Armor Glow */ | ||
.page-Armor_Glow img { | .page-Armor_Glow img { | ||
max-height: 300px; | |||
min-height:auto; | |||
clip-path: inset(0px 0px 2px 0px); /* CROP */ | |||
} | } | ||
.page-Armor_Glow #GlowContainer0 { | .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{ | .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{ | .page-Armor_Glow #GlowContainer2, #GlowContainer3 { | ||
display:flex; | |||
flex-wrap: wrap; | |||
justify-content:space-between; | |||
margin-right:100px; | |||
padding-bottom:30px; | |||
text-align:center; | |||
} | } | ||
/* Relocate 'click to see gif' text */ | /* Relocate 'click to see gif' text */ | ||
.page-Armor_Glow .mw-parser-output div:nth-child(3) i span{ | .page-Armor_Glow .mw-parser-output div:nth-child(3) i span { | ||
position:relative; | |||
top:70px; | |||
left:99em; | |||
} | } | ||
.page-Armor_Glow .mw-parser-output div:nth-child(4) span{ | .page-Armor_Glow .mw-parser-output div:nth-child(4) span { | ||
position:relative; | |||
top:572px; | |||
left:99em; | |||
} | } | ||
.page-Weapon_Contours table | /* Weapon Contour Page table */ | ||
.page-Weapon_Contours table { | |||
width:100%; | |||
} | } | ||
.page-Weapon_Contours table tr { | |||
/* | display: grid; | ||
.mw- | 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); | |||
} | |||
/* 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- | } | ||
} | |||
.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- | .page-Special_Search #mw-searchoptions { | ||
background-color:#6C6C6C; | |||
} | |||
} | |||
/* SPECIAL SHIT */ | |||
/* Edit box */ | |||
.mw-editform #wpTextbox1 { | |||
height:800px; | |||
} | |||
/* ######################################################## | |||
TEST | |||
*/ | |||
/* Inside Table */ | |||
.page-Test_Page .SkillTable { | |||
border-collapse: collapse; | |||
background-color: #6C6C6C; | |||
margin-bottom:20px; | |||
/*min-width:880px; /* Align all tables */ | |||
} | |||
.page-Test_Page .SkillTable>*>tr:has(td:hover) td { | |||
background-color: #ADABAB; | |||
} | |||
.page-Test_Page .SkillTable td { | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | |||
.page-Test_Page .SkillTable th { | |||
background-color:#555; | |||
border: 1px solid black; | |||
text-align:center; | |||
padding:9px; | |||
} | |||
/* Description */ | |||
.page-Test_Page .SkillDSC { | |||
margin-top:10px; | |||
max-width:916px; | |||
} | |||
/* | |||
/* ######################################################## */ | |||
/* !!! Need to be at the bottom !!! */ | |||
/* THUMB IMAGE */ | /* THUMB IMAGE */ | ||
.thumbinner { | .thumbinner { | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
flex-direction: row; | flex-direction: row; | ||
| Line 2,248: | Line 2,185: | ||
border: 0px solid transparent!important; | border: 0px solid transparent!important; | ||
background-color: transparent!important; | background-color: transparent!important; | ||
} | } | ||
.thumbimage { | .thumbimage { | ||
background-color: transparent!important; | background-color: transparent!important; | ||
border: 0px solid #c8ccd1!important; | border: 0px solid #c8ccd1!important; | ||
} | } | ||
.mw-parser-output .tright .magnify{ | .mw-parser-output .tright .magnify{ | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
Revision as of 11:25, 26 July 2023
@import url("//fonts.googleapis.com/css2?family=Aldrich:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/* Body */
body {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
color:#ffffff;
font-family:'Aldrich', sans-serif;
font-size:16px;
text-shadow:none;
white-space:normal;
}
/* Head */
#mw-head {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
border-width:0;
}
/* Left navigation */
#left-navigation {
color:rgb(255, 255, 255);
}
/* Right navigation gradient time search bar
#right-navigation {
padding-left:50px;
background-image:radial-gradient(circle, rgba(0,0,0,0.4962359943977591) 60%, rgba(255,255,255,0) 100%);
}*/
/* Sidepanel sidebar */
/* Sidepanel sidebar headers color */
.vector-menu-heading-label {
color:white;
}
.portal h3 {
color: white;
}
/* 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);
}
/* Footer */
#footer-poweredbyico a img {
display:inline-block;
-webkit-filter: drop-shadow(20px 20px 20px #222);
filter: drop-shadow(5px 3px 10px #222);
}
#footer {
background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
#footer-icons {
top:-37px;
position:relative;
right:28px;
transform:scale(1.6);
}
#footer ul li {
color: white;
}
/* CC Licence */
#footerCC p {
float: right;
margin-top:-4.1em;
margin-right:6em;
font-size:12px;
text-align:center;
text-shadow:rgba(0, 0, 0, 1) 0px 1px 1px;
}
/* Content */
#content {
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);
}
.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;
}
/* 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;
}
/* 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;
margin: 0px 7px 0px 0px;
}
/* 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;
}
/* More - Tab */
#p-cactions-label {
color:white!important;
}
/* Tabs animation
#p-views {
animation: hideAnimation 3s ease-in 0s;
animation-fill-mode: forwards;
}
@keyframes hideAnimation {
0% {display:none; opacity:0}
40% {display:none; opacity:0}
100% {opacity:1}
}
*/
/* Code Block Appearance */
code {
background-color: #6C6C6C;
border: 1px solid #6C6C6C;
color:white;
}
/* Scrollbar */
/* Width */
::-webkit-scrollbar {
width: 13px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Main Page content text wrap */
/* Row 1 */
.page-Main_Page #container1 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
/* Row 2 */
.page-Main_Page #container2 {
display:flex;
flex-wrap: wrap;
justify-content:space-between
}
/* Main Page Image Logo */
.page-Main_Page .mw-parser-output a img {
-webkit-filter: drop-shadow(15px 15px 15px #222);
filter: drop-shadow(20px 15px 15px #222);
}
.page-Main_Page .mw-parser-output a img:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* "Social" tab longer to match "You might also like" tab */
.page-Main_Page #nine {
width:234px;
}
/* Main Page NEW/RE-EDIT */
span#NEW {
position: relative;
color:yellow;
font-size: .83em;
top: -0.6em;
}
span#RE-EDIT {
position: relative;
color:lime;
font-size: .83em;
top: -0.6em;
}
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) {
max-width: 100%;
height: auto;
width: auto;
}
/* Collabsed elements */
.mw-collapsible .mw-collapsible-toggle {
float:left;
margin-left:0;
margin-right:1em;
}
.mw-collapsible-text, .toctogglelabel {
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;
}
/* 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;
}
#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-talk {display: none!important;}
#ca-history {display: none!important;}
#ca-view {display: none!important;}
#p-tb {display: none;}
#ca-viewsource {display: none!important;}
/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks {
display:none;
}
/* Remove gallerybox bullet */
li.gallerybox::before {
visibility: hidden
}
/* Tabber */
/* Tabber invis body switch */
.tabber--live {
width:min-content;
}
/* Tabber Line Remove */
.tabber__header {
box-shadow: inset 0 0px 0 0 #a2a9b1;
}
/* Tabber Indicator Global */
.tabber__indicator {
block-size: 5px;
}
/* Tabber Arrow < color */
.tabber__header__prev {
background-color:rgba(255,255,255,0.4);
}
/* Tabber Arrow > color */
.tabber__header__next {
background-color:rgba(255,255,255,0.4);
}
/* Shorter-scrollable Tabber */
.tabber__section {
height: 770px!important;
overflow-y: auto!important;
}
/* Font Adjust */
.tabber__section tr td {
font-weight:600;
line-height:1em;
font-size:0.96em;
}
.tabber__panel {
max-height: 770px;
overflow-y: auto;
}
/* Tabber Scrollbar */
.tabber__section::-webkit-scrollbar {
width: 7px;
}
.tabber__section::-webkit-scrollbar-thumb {
background: #555;
}
.tabber__section::-webkit-scrollbar-thumb:hover {
background: #888;
}
/* Custom Tables with tabber */
/* War Point Shop */
.page-War_Point_Shop .tabber__tab {
padding: 0.5em 2.9em;
}
.page-War_Point_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-War_Point_Shop td:nth-child(2) {
text-align: left;
}
.page-War_Point_Shop td:nth-child(3) {
text-align: left;
width:90px
}
/* Card Shop */
.page-Card_Shop .tabber__tab {
padding: 0.5em 2.8em;
}
.page-Card_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Card_Shop td:nth-child(2) {
text-align: left;
}
.page-Card_Shop td:nth-child(3) {
text-align: left;
width:110px
}
/* Gear Shop */
.page-Gear_Shop .tabber__tab {
padding: 0.5em 2.5em;
}
.page-Gear_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Gear_Shop td:nth-child(2) {
text-align: left;
}
.page-Gear_Shop td:nth-child(3) {
text-align: left;
width:90px
}
/* Parts Shop */
.page-Parts_Shop .tabber__tab {
padding: 0.5em 3.1em;
}
.page-Parts_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Parts_Shop td:nth-child(2) {
text-align: left;
width:100%;
width:190px
}
.page-Parts_Shop td:nth-child(3) {
text-align: left;
width:120px
}
/* Weapon Shop */
.page-Weapon_Shop .tabber__tab {
padding: 0.5em 2.1em;
}
.page-Weapon_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Weapon_Shop td:nth-child(2) {
text-align: left;
}
.page-Weapon_Shop td:nth-child(3) {
text-align: left;
width:110px;
}
/* Event Shop */
.page-Event_Shop .tabber__tab {
padding: 0.5em 23.2em;
}
.page-Event_Shop .tabber__indicator {
display:none;
}
.page-Event_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Event_Shop td:nth-child(2) {
text-align: left;
}
.page-Event_Shop td:nth-child(3) {
text-align: left;
width:210px
}
/* Boss Token Shop */
.page-Boss_Token_Shop .tabber__tab {
padding: 0.5em 2.9em;
}
.page-Boss_Token_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Boss_Token_Shop td:nth-child(2) {
text-align: left;
}
.page-Boss_Token_Shop td:nth-child(3) {
text-align: left;
width:200px
}
/* Killmark Shop */
.page-Killmark_Shop .tabber__tab {
padding: 0.5em 2.8em;
}
.page-Killmark_Shop td:nth-child(1) {
text-align: left;
width:95px
}
.page-Killmark_Shop td:nth-child(2) {
text-align: left;
}
.page-Killmark_Shop td:nth-child(3) {
text-align: left;
width:70px
}
/* Gold Coin Shop */
.page-Gold_Coin_Shop .tabber__tab {
padding: 0.5em 17.5em;
}
.page-Gold_Coin_Shop .tabber__indicator {
display:none;
}
.page-Gold_Coin_Shop td:nth-child(1) {
text-align: left;
width:85px
}
.page-Gold_Coin_Shop td:nth-child(2) {
text-align: left;
}
.page-Gold_Coin_Shop td:nth-child(3) {
text-align: left;
width:70px
}
/* Weapon Contour Shop */
.page-Weapon_Contour_Shop .tabber__tab {
padding: 0.5em 2.3em;
}
.page-Weapon_Contour_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Weapon_Contour_Shop td:nth-child(2) {
text-align: left;
}
.page-Weapon_Contour_Shop td:nth-child(3) {
text-align: left;
width:45px
}
/* Custom Cosmetic Shop */
.page-Custom_Cosmetics_Shop .tabber__tab {
padding: 0.5em 3.2em;
}
.page-Custom_Cosmetics_Shop td:nth-child(1) {
text-align: left;
width:50px
}
.page-Custom_Cosmetics_Shop td:nth-child(2) {
text-align: left;
width:150px;
}
.page-Custom_Cosmetics_Shop td:nth-child(3) {
text-align: left;
width:40px
}
/* Weapon Effect Shop */
.page-Weapon_Effect_Shop .tabber__tab {
padding: 0.5em 3em;
}
.page-Weapon_Effect_Shop td:nth-child(1) {
text-align: left;
width:50px
}
.page-Weapon_Effect_Shop td:nth-child(2) {
text-align: left;
width:150px;
}
.page-Weapon_Effect_Shop td:nth-child(3) {
text-align: left;
width:20px
}
/* FFA Shop */
.page-FFA_Shop .tabber__tab {
padding: 0.5em 2.7em;
}
.page-FFA_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-FFA_Shop td:nth-child(2) {
text-align: left;
}
.page-FFA_Shop td:nth-child(3) {
text-align: left;
width:90px
}
/* Infinity Field Vendor */
.page-Infinity_Field_Vendor .tabber__tab {
padding: 0.5em 4em;
}
.page-Infinity_Field_Vendor td:nth-child(1) {
text-align: left;
width:80px
}
.page-Infinity_Field_Vendor td:nth-child(2) {
text-align: left;
width:190px
}
.page-Infinity_Field_Vendor td:nth-child(3) {
text-align: left;
width:200px
}
/* Charm Shop/Aquarium */
.page-Aquarium .tabber__tab {
padding: 0.5em 18em;
}
.page-Aquarium .tabber__indicator {
display:none;
}
.page-Aquarium td:nth-child(1) {
text-align: left;
width:80px
}
.page-Aquarium td:nth-child(2) {
text-align: left;
}
.page-Aquarium td:nth-child(3) {
text-align: left;
width:50px
}
/* Mystery Capsule */
.page-Mystery_Capsule .tabber__tab {
padding: 0.5em 15em;
}
.page-Mystery_Capsule .tabber__indicator {
display:none;
}
.page-Mystery_Capsule td:nth-child(1) {
width:60px;
}
.page-Mystery_Capsule td:nth-child(2) {
width:200px;
}
/* Slotmachines */
.page-Slotmachine .tabber__tab {
padding: 0.5em 13em;
}
.page-Slotmachine .tabber__header {
pointer-events: none;
}
.page-Slotmachine td:nth-child(2) {
width:270px;
}
/* Custom 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: gray;
border: 1px solid black;
border-top: 1px solid black;
text-align:center;
}
/* Table Data */
.InfluenceTable*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.InfluenceTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.InfluenceTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - WeaponsTable */
/* Table Global */
.WeaponsTable {
table-layout: fixed;
width: 235px;
border-collapse: collapse;
font-size:0.7em;
}
/* Table Header */
.WeaponsTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}
/* Table Data */
.WeaponsTable>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.WeaponsTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.WeaponsTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - WeaponsTableFunction */
table.WeaponsTableFunction {
border:1px solid #FEAF24;
z-index:;
border-top: 1px solid red!important;
font-size:0.8em;
background-color: #6C6C6C;
border-collapse: collapse;
color: white;
width: 233px;
margin-left:1px;
border-right:13p;
}
/* Table Data Hover cell=row */
.WeaponsTableFunction>*>tr:has(td:hover) td {
background-color: #FEAF24;
}
/* Table Data */
.WeaponsTableFunction>*>tr>td {
padding: 1px;
transition: background-color .3s;
width:112px;
}
/* Table First row */
.WeaponsTableFunction tr:nth-of-type(1) {
border-top: 1px solid #FEAF24;
}
/* Table Data separators */
.WeaponsTableFunction tr {
border-top: 1px solid black;
}
/* Custom Table - Weapons 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;
}
/* Table Header */
.FixesTable tr {
background-color: #D8D8D8;
border: 1px solid black;
text-align:center;
color:black;
}
/* Table separate headers hover */
.FixesTable th:hover {
background-color: #ADABAB;
}
.FixesTable td {
border: 1px solid black;
}
/* Table Data Hover */
.FixesTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.FixesTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Table Header shadow */
.page-Fixes .mw-parser-output thead tr {
box-shadow:0px 0px 14px 0px #000000;
}
/* Custom Table - 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 {
max-height: 792px;
overflow-y: auto;
}
/* Custom Table - Formation */
.page-Formation .Formation {
border-collapse: collapse;
}
.page-Formation .Formation tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}
.page-Formation .Formation td:hover {
background-color: #ADABAB;
}
.page-Formation .Formation>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Formation td:nth-child(1) {
width:120px;
}
.page-Formation td:nth-child(2) {
width:200px;
}
.page-Formation td:nth-child(3) {
width:40px;
}
.page-Formation td:nth-child(4) {
width:280px;
}
/* Custom Table Milestones/Fame Player */
.Milestones {
border-collapse: collapse;
display:block;
height:720px;
width:610px;
overflow-y: scroll;
}
.page-Fame_Milestone_Rewards .Milestones tr {
background-color: gray;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
.page-Fame_Milestone_Rewards .Milestones td:hover {
background-color: #ADABAB;
}
.page-Fame_Milestone_Rewards .Milestones>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(1) {
text-align:center;
border-right: 1px solid black;
width:80px;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(2) {
text-align:center;
border-right: 1px solid black;
width:80px;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(3) {
text-align:center;
width:80px;
border-right: 1px solid black;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4) {
width:360px;
}
/* Custom Table Milestones2/Fame Brigade */
.Milestones2 {
border-collapse: collapse;
display:block;
height:720px;
width:530px;
overflow-y: scroll;
}
.page-Fame_Milestone_Rewards .Milestones2 tr {
background-color: gray;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
.page-Fame_Milestone_Rewards .Milestones2 td:hover {
background-color: #ADABAB;
}
.page-Fame_Milestone_Rewards .Milestones2>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(1) {
text-align:center;
border-right: 1px solid black;
width:80px;
}
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(2) {
text-align:center;
border-right: 1px solid black;
width:80px;
}
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) {
width:360px;
border-right: 1px solid black;
}
.page-Fame_Milestone_Rewards th {
background:#ADABAB;
position: sticky;
top: 0;
}
/* Custom Table - Crystals */
/* Crystal Shop 1 */
.CrystalShop1 {
border-collapse: collapse;
display:block;
cursor: pointer;
}
.page-Crystals .CrystalShop1 tr {
background-color: gray;
border: 1px solid black;
}
.page-Crystals .CrystalShop1 td:hover {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop1>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop1 td:nth-child(1) {
padding: 0.5em;
min-width:80px;
}
.page-Crystals .CrystalShop1 td:nth-child(2) {
padding: 0.5em;
min-width:335px;
}
.page-Crystals .CrystalShop1 td:nth-child(3) {
padding: 0.5em;
min-width:180px;
}
/* Crystal Shop 2 */
.CrystalShop2 {
border-collapse: collapse;
display:block;
width:652px;
max-height:430px;
overflow-y: scroll;
cursor: pointer;
}
.page-Crystals .CrystalShop2 tr {
background-color: gray;
border: 1px solid black;
}
.page-Crystals .CrystalShop2 td:hover {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop2>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop2 td:nth-child(1) {
padding: 0.5em;
min-width:80px;
}
.page-Crystals .CrystalShop2 td:nth-child(2) {
padding: 0.5em;
min-width:335px;
}
.page-Crystals .CrystalShop2 td:nth-child(3) {
padding: 0.5em;
min-width:180px;
}
/* Crystal Shop 3 */
.CrystalShop3 {
border-collapse: collapse;
display:block;
cursor: pointer;
}
.page-Crystals .CrystalShop3 tr {
background-color: gray;
border: 1px solid black;
}
.page-Crystals .CrystalShop3 td:hover {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop3>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Crystals .CrystalShop3 td:nth-child(1) {
padding: 0.5em;
min-width:80px;
}
.page-Crystals .CrystalShop3 td:nth-child(2) {
padding: 0.5em;
min-width:335px;
}
.page-Crystals .CrystalShop3 td:nth-child(3) {
padding: 0.5em;
min-width:180px;
}
/* Crystals img fix */
img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"] {
max-width:300px!important;
}
img[src="/images/thumb/5/52/Calamity.png/400px-Calamity.png"] {
max-width: 400px!important;
}
/* Minerals Page */
.page-Minerals .tabber__tab {
padding: 0.5em 13.2em;
}
.page-Minerals .tabber__indicator {
display:none;
}
.page-Minerals td:nth-child(1) {
text-align: left;
width:90px
}
/* Skills Table */
/* Latest Game Patch */
.page-Latest_Game_Patch .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-Latest_Game_Patch .Skills:hover {
background-color:#ADABAB;
}
.page-Latest_Game_Patch .Skills td:nth-child(1) {
width:32px;
}
.page-Latest_Game_Patch .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-Latest_Game_Patch .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-Latest_Game_Patch .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Latest_Game_Patch .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-Latest_Game_Patch .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-Latest_Game_Patch .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Skill Page */
/* Main Buttons B-Gear */
.page-B-Gear_Skills .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-B-Gear_Skills .Skills:hover {
background-color:#ADABAB;
}
.page-B-Gear_Skills .Skills td:nth-child(1) {
width:32px;
}
.page-B-Gear_Skills .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-B-Gear_Skills .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-B-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-B-Gear_Skills .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-B-Gear_Skills .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-B-Gear_Skills .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Main Buttons I-Gear */
.page-I-Gear_Skills .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-I-Gear_Skills .Skills:hover {
background-color:#ADABAB;
}
.page-I-Gear_Skills .Skills td:nth-child(1) {
width:32px;
}
.page-I-Gear_Skills .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-I-Gear_Skills .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-I-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-I-Gear_Skills .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-I-Gear_Skills .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-I-Gear_Skills .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Main Buttons M-Gear */
.page-M-Gear_Skills .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-M-Gear_Skills .Skills:hover {
background-color:#ADABAB;
}
.page-M-Gear_Skills .Skills td:nth-child(1) {
width:32px;
}
.page-M-Gear_Skills .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-M-Gear_Skills .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-M-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-M-Gear_Skills .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-M-Gear_Skills .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-M-Gear_Skills .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Main Buttons A-Gear */
.page-A-Gear_Skills .Skills {
background-color: #6C6C6C;
padding: 6px;
margin-left:1px;
}
.page-A-Gear_Skills .Skills:hover {
background-color:#ADABAB;
}
.page-A-Gear_Skills .Skills td:nth-child(1) {
width:32px;
}
.page-A-Gear_Skills .Skills td:nth-child(2) {
width:150px;
}
/* Inside Table */
.page-A-Gear_Skills .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/* min-width:880px; /* Align all tables */
}
.page-A-Gear_Skills .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-A-Gear_Skills .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-A-Gear_Skills .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-A-Gear_Skills .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* Armor Glow */
.page-Armor_Glow img {
max-height: 300px;
min-height:auto;
clip-path: inset(0px 0px 2px 0px); /* CROP */
}
.page-Armor_Glow #GlowContainer0 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
.page-Armor_Glow #GlowContainer1 {
display:flex;
flex-wrap: wrap;
justify-content:space-around;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
.page-Armor_Glow #GlowContainer2, #GlowContainer3 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
/* Relocate 'click to see gif' text */
.page-Armor_Glow .mw-parser-output div:nth-child(3) i span {
position:relative;
top:70px;
left:99em;
}
.page-Armor_Glow .mw-parser-output div:nth-child(4) span {
position:relative;
top:572px;
left:99em;
}
/* 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);
}
/* 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;
}
/* SPECIAL SHIT */
/* Edit box */
.mw-editform #wpTextbox1 {
height:800px;
}
/* ########################################################
TEST
*/
/* Inside Table */
.page-Test_Page .SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:20px;
/*min-width:880px; /* Align all tables */
}
.page-Test_Page .SkillTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
.page-Test_Page .SkillTable td {
border: 1px solid black;
text-align:center;
padding:9px;
}
.page-Test_Page .SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:9px;
}
/* Description */
.page-Test_Page .SkillDSC {
margin-top:10px;
max-width:916px;
}
/* ######################################################## */
/* !!! 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;
}