MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1,239: | Line 1,239: | ||
.IF-DifficultyTable>*>tr:has(td:hover) { | .IF-DifficultyTable>*>tr:has(td:hover) { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | |||
/* Infinity Field styling of Toggle/Expand elements + Pictures */ | |||
.page-Infinity_Field .Area-1 { | |||
background-image: url("/images/b/b5/Kreacian_Holy_Land_Small.png"); | |||
padding:1em; | |||
margin-left:1.2em; | |||
text-shadow: black 1px 0 10px; | |||
text-align:center; | |||
} | |||
.page-Infinity_Field .Area-2 { | |||
background-image: url("/images/3/3c/The_Hydrogen_Driver_Small.png"); | |||
padding:1em; | |||
margin-left:1.2em; | |||
text-shadow: black 1px 0 10px; | |||
text-align:center; | |||
} | |||
.page-Infinity_Field .Area-3 { | |||
background-image: url("/images/3/3b/Survival_Abyss_Small.png"); | |||
padding:1em; | |||
margin-left:1.2em; | |||
text-shadow: black 1px 0 10px; | |||
text-align:center; | |||
} | |||
.page-Infinity_Field .Areas .ToggleElement{ | |||
padding:1em!important; | |||
} | } | ||
Revision as of 15:00, 28 March 2024
@import url("https://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("https://fonts.cdnfonts.com/css/hacked");
/* Documentation for styles, templates etc are located in "Module:Documentation" page */
/* There are also some changes in MediaWiki:Group-user.css */
* {
margin:0;
padding:0;
}
:root{
--Item1r:1;
--ItemTableHoverColor:#ADABAB;
--ItemTableLeftColor:#2b2b2b;
--ItemTableRightColor:#6C6C6C;
--ItemTableFunctionColor:#FEAF24;
}
/* Firefox-specific styles */
@-moz-document url-prefix() {
.FixesTable th{
font-family: Arial, Helvetica, sans-serif!important;
}
* {
scrollbar-width: thin; /* Firefox only */
}
}
/* Body */
body {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
color:#ffffff;
font-family:'Aldrich', sans-serif;
text-shadow:none;
white-space:normal;
}
/* Page Base */
#mw-page-base {
height: 4.9em;
}
/* Head */
#mw-head {
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%);
border-width:0;
min-height:80.25px; /* Fixes blank row on Special Pages */
}
/* Left navigation */
#left-navigation {
color:rgb(255, 255, 255);
}
/* Right navigation */
#ca-edit a {
padding-left:1.4em;
}
/* Sidepanel sidebar */
/* Sidepanel sidebar headers color */
.vector-menu-heading-label {
color:white;
z-index:2;
}
/* MIN */
@media screen and (min-width: 982px) {
#mw-panel {
padding-left: 0;
}
}
/* MAX */
@media screen and (max-width: 982px) {
#content {
padding: 20px 24px 24px 24px!important;
}
}
.portal h3 {
color: white;
z-index:2;
}
/* Sidepanel sidebar Header Shadow */
#p-Navigation-label, #p-Gears-label, #p-Events-label, #p-Other-label, #p-Useful_Links-label, #p-Discord-label, #p-Social-label {
filter: drop-shadow(0 0 15px white);
z-index:2;
}
/*Sidepanel script */
#p--label {
pointer-events:none;
}
#mw-panel h3:not(#p-test-label) {
cursor:pointer;
}
/*Sidepanel bottom space */
#mw-panel {
padding-bottom:1em;
}
/*Sidepanel button */
.SidePanelButton {
position:relative;
color: #6C6C6C;
cursor:pointer;
padding-left:0.5em;
padding-top:1em;
}
.SidePanelButton:hover {
color: #9b9b9b;
}
.toggle-arrow {
float:right;
}
.toggle-arrow:hover {
color: #9b9b9b;
}
/* Current events - Tab */
.vector-menu-tabs-legacy li.current-events, .vector-menu-tabs-legacy li#current-events-no {
cursor:context-menu;
font-size:13px;
text-align:right;
position:relative;
top:7px;
}
.vector-menu-tabs-legacy li div {
float: right;
}
.vector-menu-tabs-legacy li.current-events img {
width: 30px!important;
margin: 0px 5px 0px 0px;
border: solid 1px;
}
/*
#p-views .mw-list-item:nth-child(2), #p-views .mw-list-item:nth-child(3) {
display:flex;
align-items:stretch;
}
*/
/* Separator - Tab*/
#\=current-events-0, #current-events-no {
border-left-style:solid;
border-left-width:3px;
border-left-color:#95a5a6;
padding-left:0.7em;
}
/* Server time timer - Tab */
#server-time-href {
cursor:context-menu;
font-size:13px;
text-align:right;
position:relative;
top:7px;
margin-right:10px;
padding-left:2em;
}
/* Kinda Responsive */
/* Right navigation */
#right-navigation {
display:flex;
align-items:center;
justify-content:flex-end;
}
/* Bottom-Scroll Top Button */
#scrollToTopBtn {
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:0.4em;
padding:0.4em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9em;
display: none;
}
/* Bottom-Random Page at scroll button */
#randomPageBtn {
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:2.4em;
padding:0.3em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9em;
display: none;
}
/* Bottom-Info Button */
#infoPageBtn {
background-color: #798f93;
color: black;
bottom: 0.4em;
right: 0em;
margin-right:4.4em;
padding:0.4em;
padding-right:0.6em;
padding-left:0.6em;
position: fixed;
cursor: pointer;
border: none;
border-radius: 5px;
font-size:0.9em;
display: none;
}
#scrollToTopBtn:hover, #randomPageBtn:hover, #infoPageBtn:hover {
background-color: #93A7AB;
color: black;
}
/* Footer */
/* Footer main */
#footer {
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:space-between;
background-image: linear-gradient(to top,rgba(167,215,249,0) 0,#719fcab3 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
#footer-info-lastmod {
position:relative;
margin-bottom:0;
margin-top:0;
color: white;
}
/* Footer CC text size */
#footer #footerCC {
font-size:12px;
text-shadow:rgba(0, 0, 0, 1) 0 1px 1px;
margin-top:0;
padding-top:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
/* Footer CC Image re-size */
#footer #footerCC img {
height:27px;
margin-left:7px;
}
/* Footer PoweredBY */
#footerPBY img {
-webkit-filter: drop-shadow(20px 20px 20px #222);
filter: drop-shadow(0px 2px 25px #222);
width:auto;
height:auto;
min-width:6em;
max-width:13em;
z-index:-1;
}
/* Footer PoweredBY */
#footerPBY:hover {
-webkit-filter: drop-shadow(20px 20px 20px black);
filter: drop-shadow(0px 3px 15px black);
}
/* Footer OLDpoweredbyico */
#footer-poweredbyico {
display:none;
}
/* Footer Animation */
#footer {
animation: hideAnimation 1s ease-in 0s;
animation-fill-mode: forwards;
}
@keyframes hideAnimation {
0% {display:none; opacity:0}
100% {opacity:1}
}
/* Content */
#content {
background-image:linear-gradient(to right, #232526 0%, #414345 100%);
color:#ffffff;
border-left-width: 1px;
border-left-color: rgba(113,159,202,0.7);
border-bottom-width: 0;
border-top-width:0;
border-right-width:0;
}
/* Toc */
.toc {
border: 1px solid #aaa;
background: #2b2b2b;
padding: 5px;
font-size: 95%;
color: white;
}
#toc {
background-color:rgba(131,128,128,0.21);
color:rgb(255, 255, 255);
}
.toctogglelabel {
color: #9b9b9b;
}
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.toc ul li::before {
display:none!important;
}
/* Heading */
#content #bodyContent #mw-content-text .mw-parser-output h2 {
border-bottom-width:1px!important;
border-bottom-color:rgba(113,159,202,0.7)
}
/* First heading */
#firstHeading {
border-bottom-color:rgba(113,159,202,0.7);
border-bottom-width:1px;
border-bottom-style:solid;
}
/* Link */
#pt-userpage a {
color:#ffffff!important;
background-image:linear-gradient(141deg, #0fb8ad 0%, #2cb5e8 100%);
}
/* Left - spike*/
#left-navigation {
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#719fcab3 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
/* Span Tag Colors */
#p-personal ul {color:#ffffff;}
#pt-logout a span {color:#ffffff;}
#pt-mycontris a span {color:#ffffff;}
#pt-watchlist {color:#ffffff;}
#pt-watchlist a span {color:#ffffff;}
#pt-preferences a span {color:#ffffff;}
#pt-mytalk .new span {color:#ffffff;}
#pt-userpage .new span {color:#ffffff;}
#ca-edit a span {color:#ffffff;}
#ca-delete a span {color:#000000;}
#ca-move a span {color:#000000;}
#ca-protect a span {color:#000000;}
#pt-login > a > span {color:#000000;}
#pt-login a span {
-webkit-filter:drop-shadow(10px 10px 10px #222);
filter:drop-shadow(0px 0px 4px #222);
}
#pt-login > a > span:hover {color:#ffffff;}
#searchInput:hover {border-color:white;}
#searchInput:focus {border-color:white;}
#ca-edit > a > span:hover {color:#888;}
#pt-userpage span:hover {color:#555;}
#pt-mytalk span:hover {color:#555;}
#pt-preferences span:hover {color:#555;}
#pt-watchlist span:hover {color:#555;}
#pt-mycontris span:hover {color:#555;}
#pt-logout span:hover {color:#555;}
/* Link */
#ca-unwatch a {
display:none;
}
/* Cactions checkbox */
#p-cactions-checkbox {
transform:translatex(0px) translatey(0px);
}
/* Cactions label */
#p-cactions-label {
color:#ffffff !important;
}
/* FONTS */
/* Main Header FONT */
#firstHeading {
color: white;
font-weight: normal;
font-family:'Aldrich', sans-serif;
}
/* Main Header FONT */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5 {
font-family:'Aldrich', sans-serif;
color: white;
}
/* Main content text FONT */
body {
font-family:'Aldrich', sans-serif;
}
/* Main Logo */
.mw-wiki-logo {
background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png)!important;
background-size: contain;
background-size: 9.0625rem;
}
/* Main Logo after toggle sidebar script */
.ToggleLogo {
position:absolute;
margin:0.7em;
width:5.5em;
height:5.5em;
background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png);
background-size: contain;
background-repeat: no-repeat;
background-size: 5.5em;
cursor: pointer;
}
.ToggleLogo:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* Shadow */
a.mw-wiki-logo {
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
a.mw-wiki-logo:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* Tabs */
/* Removed spikes */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image:none;
}
/* Search Bar - Tab */
.vector-search-box-input::placeholder {
color:#303030;
}
/* Animation */
#p-views {
-webkit-animation: TabAnimation1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: TabAnimation2 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes TabAnimation1 {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes TabAnimation2 {
0% {opacity: 0;}
100% {opacity: 1;}
}
/* Code Block Appearance */
code {
background-color: #6C6C6C;
border: 1px solid lightgray;
color:white;
margin:2px;
}
/* Scrollbar */
/* Width */
::-webkit-scrollbar {
width: 13px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"]) {
max-width: 100%;
height: auto;
width: auto;
}
/* New "thumb" image */
.FramedImage {
float:right;
text-align:right;
font-size:0.9em;
margin-left:1em;
margin-bottom:1em;
}
.FramedImage img {
padding: 1px;
background-color: #f0f0f0;
border:1px solid gray;
border-radius: 2em 0 2em 2em;
}
.FramedImage span{
margin-right:1em;
}
/* Collabsed elements */
/* All */
.mw-collapsible .mw-collapsible-toggle {
float:left;
margin-left:0;
margin-right:1em;
}
/* Exapnd/Collapse button TEXT */
.mw-collapsible-text {
color: #9b9b9b;
}
/* BULLETS, BULLET LIST */
/* Remove old bullets */
ul {
list-style: none;
}
/* New bullets */
.mw-body-content ul li::before {
content: "\2022";
color: white;
font-weight: bold;
display: inline-block;
width: 0.85em;
margin-left: -0.85em;
}
/* Navigation, Side bar, TOC, Background, Headings colors */
#mw-navigation li {
background: none;
}
#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited {
color: #bdbdbd;
z-index:2;
}
/* Hover over top bar */
#mw-head li a:hover {
color: #F1F0F0!important;
}
#mw-head li a:link:hover {
color: #F1F0F0!important;
}
/* Hover over sidebar */
#mw-panel li a:hover {
color: #F1F0F0 !important;
z-index:2;
}
#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle {
color: white!important;
}
#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited {
color: #bdbdbd!important;
}
/* TOC Hover color */
#toc a:link:hover {
color:#AFAFAF!important
}
/* TOC [hide] Hover color */
.toctogglelabel:hover {
color:white!important;
text-decoration: none
}
/* Background color */
.navbox, .navbox-subgroup {
background: #2b2b2b;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 {
color: white;
}
/* Heading Shadow, title */
h1 {
filter: drop-shadow(0 0 3px white);
}
h2:not(#mw-toc-heading) {
filter: drop-shadow(0 0 3px white);
}
h3, h4, h5 {
filter: drop-shadow(0 0 3px gray);
}
/* h2 Heading */
#mw-content-text div.mw-parser-output h2:not(#mw-toc-heading) {
display:inline-block;
width:35em;
margin-top:1em;
margin-bottom:-0.3em;
}
/*Header Breaker "----" */
hr {
height:1px;
display:inline-block;
position:absolute;
width:45em;
margin-top:-1px;
background-color: rgba(113,159,202,0.7);
filter: drop-shadow(0 0 3px white);
}
/* Links OLD */
a:link {color: #bdbdbd!important;}
a:visited {color: #bdbdbd!important;}
:link:active, :link.new {color: #bdbdbd!important;}
:link.interwiki, :link.external {color: #bdbdbd!important;}
/* Links 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;
display:inline-block;
}
@media screen and (max-width: 1920px) {.overlay {font-size:185%;}}
@media screen and (max-width: 1800px) {.overlay {font-size:180%;}}
@media screen and (max-width: 1700px) {.overlay {font-size:175%;}}
@media screen and (max-width: 1600px) {.overlay {font-size:170%;}}
@media screen and (max-width: 1500px) {.overlay {font-size:165%;}}
@media screen and (max-width: 1400px) {.overlay {font-size:155%;}}
@media screen and (max-width: 1300px) {.overlay {font-size:150%;}}
@media screen and (max-width: 1200px) {.overlay {font-size:145%;}}
@media screen and (max-width: 1100px) {.overlay {font-size:140%;}}
@media screen and (max-width: 1000px) {.overlay {font-size:135%;}}
@media screen and (max-width: 900px) {.overlay {font-size:130%;}}
@media screen and (max-width: 800px) {.overlay {font-size:125%;}}
@media screen and (max-width: 700px) {.overlay {font-size:120%;}}
@media screen and (max-width: 600px) {.overlay {font-size:115%;}}
@media screen and (max-width: 500px) {.overlay {font-size:110%;}}
@media screen and (max-width: 400px) {.overlay {font-size:105%;}}
@media screen and (max-width: 300px) {.overlay {font-size:100%;}}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0; /* TESTING */
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.container:hover .overlay {
opacity: 1;
}
.HoverImg {
color: white;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/* Remove the external link image */
.mw-parser-output a.external {
background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
padding-right: 0px
}
/* Remove the external link image END */
/* Disables spoilers. We need other way for this. Disable viewing of unused pictures
.mw-special-Unusedimages {
display: none;
}
.mw-special-Uncategorizedimages {
display: none;
}
.mw-special-Listfiles {
display: none;
}
.mw-special-Log {
display: none;
}
.mw-special-Newimages {
display: none;
}
*/
/* Removed tabs */
#ca-nstab-main {display: none!important;}
#ca-nstab-user a {display:none!important;}
#ca-nstab-mediawiki a {display:none;}
#ca-nstab-special a {display:none;}
#ca-talk {display: none!important;}
#ca-history {display: none!important;}
#ca-view {display: none!important;}
#p-tb {display: none;}
#ca-viewsource {display: none!important;}
/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks {
display:none;
}
/* Remove gallerybox bullet */
li.gallerybox::before {
visibility: hidden
}
/* New Tabs (Old Tabber) */
/* Whole Tabs */
.tabs-tabbox, .tabs-togglebox {
display:inline-block;
}
/* Inside Tabs */
.tabs-tabbox .tabs-container {
border:0.3em solid #414141;
border-radius:0;
padding:0;
background-color: #6C6C6C;
display:flex;
}
/* Inside Labels */
.tabs-label {
background-color: gray;
border-color:transparent;
user-select:none;
font-size:120%;
z-index:10;
}
/* Inside Labels HOVER */
.tabs-label:hover {
background-color: #6C6C6C;
border-color:transparent;
}
/* Inside Labels ACTIVE */
.tabs-label:active {
background-color: #414141;
border-color:transparent;
}
/* Inside Labels SELECTED */
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #535353;
border-color:transparent;
z-index:-1;
}
/* First Label */
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
margin-left:0;
}
/* Tabs Animation */
.tabs-tabbox {
opacity: 0;
position: relative;
top: -50px; /* Adjust this value according to your layout */
}
/* Data Hover cell=column + JS */
.highlight {
background-color: #ADABAB;
}
/* Bosses Page flex table */
.BossTableBefore {
display:flex;
flex-wrap:wrap;
justify-content:normal;
align-items:center;
gap:0.5em 0.5em;
}
/* Boss Icons */
/* Right Corner stuff */
.BossOverlayContainerMain {
position:absolute;
display:flex;
flex-direction:column;
align-items:center;
right:0.5em;
bottom:0.5em;
cursor:pointer;
}
.BossOverlayContainerMain img {
margin-top:0.3em;
border:1px solid black;
}
.BossCornerTime {
background-color: #6C6C6C;
margin-bottom:1em;
border:1px solid black;
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
font-size:0.95em
}
/* Custom Tables */
/* Custom Table - Shops/ListItem */
/* Table Global */
.ShopsTable {
border-collapse: collapse;
cursor: pointer;
user-select:none;
}
.ListItem {
border-collapse: collapse;
user-select:none;
}
/* Make the images not resize on zoom */
.ShopsTable img,
.ListItem img {
max-width:min-content;
}
/* Table Header */
.ShopsTable tr,
.ListItem tr {
background-color: gray;
}
/* Table Data */
.ShopsTable>*>tr>td,
.ListItem>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
transition: background-color .3s ease-in-out;
border-bottom: 1px solid black;
}
/* Table Data Hover */
.ShopsTable td:hover,
.ListItem td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.ShopsTable>*>tr:has(td:hover) td,
.ListItem>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* BigPicture */
.ShopsTable td:nth-child(1),
.ListItem td:nth-child(1) {
padding:0.5em;
}
/* Name */
.ShopsTable td:nth-child(2),
.ListItem td:nth-child(2) {
padding-left:0.5em;
padding-right:1em;
}
/* Icons */
.ShopsTable td:nth-child(3), .ShopsTable td:nth-child(6), .ShopsTable td:nth-child(9), .ShopsTable td:nth-child(12),
.ListItem td:nth-child(3), .ListItem td:nth-child(6), .ListItem td:nth-child(9), .ListItem td:nth-child(12) {
padding:0.3em;
}
/* QNT Text */
.ShopsTable td:nth-child(4), .ShopsTable td:nth-child(7), .ShopsTable td:nth-child(10), .ShopsTable td:nth-child(13),
.ListItem td:nth-child(4), .ListItem td:nth-child(7), .ListItem td:nth-child(10), .ListItem td:nth-child(13) {
padding-left:0;
padding-right:1em;
}
/* Separators */
.ShopsTable td:nth-child(5), .ShopsTable td:nth-child(8), .ShopsTable td:nth-child(11),
.ListItem td:nth-child(5), .ListItem td:nth-child(8), .ListItem td:nth-child(11) {
padding:0;
}
/* Special style for List items */
.ShopsTable.ListItem {
border: 1px solid black;
}
/* 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;
user-select: none;
}
/* Table Header */
.BreakPointsTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.BreakPointsTable>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.BreakPointsTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.BreakPointsTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - InfluenceTable */
/* Table Global */
.InfluenceTable {
width: 100%;
width: 300px;
border-collapse: collapse;
}
/* Table Header */
.InfluenceTable tr {
background-color: #6C6C6C;
border: 1px solid black;
border-top: 1px solid black;
text-align:center;
}
/* Table Data */
.InfluenceTable*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.InfluenceTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.InfluenceTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - 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;
user-select: none;
}
/* 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 Infinity Field Difficulty Table */
/* Global */
.IF-DifficultyTable {
border-collapse: collapse;
background-color: #6C6C6C;
overflow-y: auto;
display:inline-block;
max-height:45em!important;
margin-top:-2em;
margin-bottom:-3em;
outline:1px solid black;
}
/* Header */
.IF-DifficultyTable th {
background-color:#555;
border-left:1px solid black;
text-align:center;
padding:0.5em;
position:sticky;
top:0;
}
/* Inside */
.IF-DifficultyTable td {
border: 1px solid black;
text-align:center;
padding:0.1em;
}
/* Hover */
.IF-DifficultyTable>*>tr:has(td:hover) {
background-color: #ADABAB;
}
/* Infinity Field styling of Toggle/Expand elements + Pictures */
.page-Infinity_Field .Area-1 {
background-image: url("/images/b/b5/Kreacian_Holy_Land_Small.png");
padding:1em;
margin-left:1.2em;
text-shadow: black 1px 0 10px;
text-align:center;
}
.page-Infinity_Field .Area-2 {
background-image: url("/images/3/3c/The_Hydrogen_Driver_Small.png");
padding:1em;
margin-left:1.2em;
text-shadow: black 1px 0 10px;
text-align:center;
}
.page-Infinity_Field .Area-3 {
background-image: url("/images/3/3b/Survival_Abyss_Small.png");
padding:1em;
margin-left:1.2em;
text-shadow: black 1px 0 10px;
text-align:center;
}
.page-Infinity_Field .Areas .ToggleElement{
padding:1em!important;
}
/* Skills */
/* Skills Main */
.Skills-Main {
display:flex;
flex-wrap:wrap;
gap:1em;
}
.Skills {
background-color: #6C6C6C;
border:1px solid gray;
padding: 6px;
margin:5px;
cursor:pointer;
user-select:none;
}
.Skills:hover {
background-color:#ADABAB;
}
.Skills td:nth-child(1) {
width:32px;
}
.Skills td:nth-child(2) {
width:150px;
}
/* Skill Description */
.SkillDSC {
margin-top:1.5em;
margin-bottom:0.5em;
}
/* Hidden output tables by default */
.Skills-Hidden {
display:none;
}
/* Skill Table Output */
/* Global */
.SkillTable {
border-collapse: collapse;
background-color: #6C6C6C;
margin-bottom:1.25em;
/* min-width:880px; /* Align all tables */
overflow-x: scroll;
}
/* Hover */
.SkillTable>*>tr:has(td:hover) {
background-color: #ADABAB;
}
/* Inside */
.SkillTable td {
border: 1px solid black;
text-align:center;
padding:0.5625em;
}
.SkillTable th {
background-color:#555;
border: 1px solid black;
text-align:center;
padding:0.5625em;
position: sticky;
top: 0;
}
/* Image resize */
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"]{min-width:28px}
/* Media querry */
@media (max-width: 800px) {
.SkillTable th { writing-mode: vertical-rl; padding:0.5em; }
.SkillTable img[src*="/images/e/e4/SPI_Icon.png"] { display:none; }
}
/* Custom Table - DisputeHoursTable */
/* Table Global*/
.DisputeHoursTable {
table-layout: fixed;
width: 100%;
width: 90px;
border-collapse: collapse;
text-align:center;
}
/* Table Header */
.DisputeHoursTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.DisputeHoursTable*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.DisputeHoursTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.DisputeHoursTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table Fixes */
/* Table Global */
.FixesTable {
border-collapse: collapse;
cursor: default;
border: 1px solid black;
}
.FixesTable th {
overflow-y:auto;
}
/* Table Header */
.FixesTable tr {
background-color: #D8D8D8;
text-align:center;
color:black;
}
/* Table separate headers hover */
.FixesTable th:hover {
background-color: #ADABAB;
}
.FixesTable td {
border: 1px solid black;
}
/* Table Data Hover */
.FixesTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.FixesTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Table Header shadow */
.page-Fixes .mw-parser-output thead tr {
box-shadow:0px 0px 14px 0px #000000;
}
/* Table Scroll */
/* Weapon */
.page-Fixes #TableBefore1 {
width:max-content;
max-height:50em;
overflow-y: auto;
}
/* Armor */
.page-Fixes #TableBefore2 {
max-width:1600px;
width:max-content;
max-height:50em;
overflow-y: auto;
}
/* PET */
.page-Fixes #TableBefore3 {
max-width:1400px;
width:max-content;
max-height:50em;
overflow-y: auto;
}
/* Fixes Button */
.WeaponFixBtn, .ArmorFixBtn, .PETFixBtn {
width:max-content;
border: solid 3px #736868;
border-radius:10px;
background-color:#515151;
padding: 0 5px 0 5px;
margin-top:0.5em;
user-select: none;
}
/* Fixes Button (hover) */
.WeaponFixBtn:hover, .ArmorFixBtn:hover, .PETFixBtn:hover {
border-color:#d4cdcd;
filter: contrast(0.5);
cursor:pointer;
}
/* Fixes Button (active) */
.WeaponFixBtn:active, .ArmorFixBtn:active, .PETFixBtn:active {
border-color:#2e354f;
background-color:#4e6170;
}
.FixesTable th {
overflow-wrap: break-word;
max-width: 6em;
writing-mode: vertical-rl;
transform: rotate(180deg);
}
/* Draggable Fixes Table */
#TableBefore1, #TableBefore2, #TableBefore3 {
position: relative;
user-select: none;
}
#TableBefore1 {
min-width:35em;
}
#TableBefore2 {
min-width:56.9em;
}
#TableBefore3 {
min-width:44.1em;
}
/*
.drag-handle1, .drag-handle2, .drag-handle3 {
cursor: grab;
z-index:10;
height: 100%;
width: 3em;
position: absolute;
right:0;
}
*/
/* Custom Table - ChatTable */
/* Table Global */
.ChatTable {
table-layout: fixed;
width: 100%;
width: 210px;
border-collapse: collapse;
text-align:center
}
/* Table Header */
.ChatTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.ChatTable>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover */
.ChatTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row */
.ChatTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - SmallTable on Chat Page */
.SmallTable th{
width: 50px;
}
.SmallTable tr {
background-color: gray;
text-align: center;
}
/* Custom Table - PETTable1 */
/* Table Global*/
.PETTable1 {
table-layout: fixed;
width: 100%;
width: 80px;
border-collapse: collapse;
text-align:left
}
/* Table Header */
.PETTable1 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.PETTable1 td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
border: 1px solid black;
width: 60px;
text-align:center;
}
/* Table First Collumn */
.PETTable1 tbody>tr>:nth-child(1) {
width: 126px;
}
/* Custom Table - .PETTable2 */
/* Table Global*/
.PETTable2 {
border-collapse: collapse;
}
/* Table Header */
.PETTable2 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data */
.PETTable2 td {
background-color: #6C6C6C;
border: 1px solid black;
padding:5px;
text-align:left;
}
/* Custom Table - CRP Shop */
/* Table Global */
.CRPShopTable {
border-collapse: collapse;
}
/* Table Data */
.CRPShopTable>*>tr>td {
font-family:'Aldrich', sans-serif;
background-color: #6C6C6C;
color: white;
padding-left:0.5em;
padding-right:0.5em;
transition: background-color .3s ease-in-out;
border: 1px solid black;
text-align:center;
width:20em;
}
/* Table Data Hover */
.CRPShopTable td:hover {
background-color: #ADABAB;
cursor:pointer;
}
/* 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 */
.page-Fame_Milestone_Rewards .Milestones th, .page-Fame_Milestone_Rewards .Milestones2 th {
padding-right:0.5em;
padding-left:0.5em;
}
.Milestones {
border-collapse: collapse;
display:block;
height:720px;
overflow-y: scroll;
user-select:none;
}
.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;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(2) {
text-align:center;
border-right: 1px solid black;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(3) {
text-align:center;
border-right: 1px solid black;
padding-right:0.5em;
padding-left:0.5em;
}
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4) {
padding-right:0.5em;
padding-left:0.5em;
}
/* Custom Table Milestones2/Fame Brigade */
.Milestones2 {
border-collapse: collapse;
display:block;
height:720px;
overflow-y: scroll;
user-select:none;
}
.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;
}
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(2) {
text-align:center;
border-right: 1px solid black;
padding-right:0.5em;
padding-left:0.5em;
}
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) {
border-right: 1px solid black;
padding-right:0.5em;
padding-left:0.5em;
}
.page-Fame_Milestone_Rewards th {
background:#ADABAB;
position: sticky;
top: 0;
}
/* Armor Glow */
.page-Armor_Glow #content img:not([src="/images/8/8c/Armor_Glow_Card.png"]) {
max-height: 300px;
min-height:auto;
clip-path: inset(0px 0px 2px 0px); /* CROP */
}
.page-Armor_Glow #GlowContainer0 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
.page-Armor_Glow #GlowContainer1 {
display:flex;
flex-wrap: wrap;
justify-content:space-around;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
.page-Armor_Glow #GlowContainer2, #GlowContainer3 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right:100px;
padding-bottom:30px;
text-align:center;
}
/* Weapon Contour Page table */
.page-Weapon_Contours table {
width:100%;
}
.page-Weapon_Contours td {
padding:3px;
}
.page-Weapon_Contours table tr {
display: grid;
grid-template-columns:repeat(auto-fill, 200px);
}
/* Custom Missions page shadow fix */
.page-Custom_Missions #mw-content-text .mw-parser-output h2 {
filter: brightness(1.0001);
}
/* Characters Page */
/* All Table */
#CharactersAll {
display:grid;
grid-template-rows:auto;
grid-template-columns:auto 2% 74% 2% auto;
}
/* Characters Small Images */
#CharactersTable img {
border:solid transparent 2px;
border-radius:9px 0 9px;
cursor:pointer;
}
#CharactersTable img.on {
border:solid gray 2px;
border-radius:9px 0 9px;
}
#CharactersTable img:hover {
border:solid #a6b4b4 2px;
border-radius:9px 0 9px;
}
#CharactersImgContainer {
min-width:217px;
}
/* Search Page */
.page-Special_Search .mw-body-content ul li::before {
content:none;
}
.page-Special_Search .mw-search-profile-tabs li a {
color:white!important;
}
.page-Special_Search .mw-search-profile-tabs {
background-color:#555;
}
.page-Special_Search .mw-search-profile-tabs li a:hover {
color:#ADABAB!important;
}
.page-Special_Search #mw-searchoptions {
background-color:#6C6C6C;
}
.page-Special_Search #mw-page-base {
margin-top:-4px;
}
/* Search File List Page */
.listfiles {
color:black
}
/* SPECIAL SHIT */
/* ToggleButton */
#ToggleButton {
width:min-content;
border: solid 3px #736868;
border-radius:10px;
background-color:#515151;
padding: 0 5px 0 5px;
margin-top:0.5em;
user-select: none;
}
/* ToggleButton (hover) */
#ToggleButton:hover {
border-color:#d4cdcd;
filter: contrast(0.5);
cursor:pointer;
}
/* ToggleButton (active) */
#ToggleButton:active {
border-color:#2e354f;
background-color:#4e6170;
}
/* ToggleContent */
.ToggleContent {
padding-top:0.5em;
margin-bottom:2.5em;
max-height: 0; /* Animation */
overflow: hidden; /* Animation */
transition: max-height 5s ease-out; /* Animation */
}
/* ToggleTitle*/
.ToggleTitle {
position:absolute;
z-index:-1;
border: solid 3px transparent;
padding: 0 0.3125em 0 5.5em;
}
/* Recent Changes box */
.page-Special_RecentChanges #mw-content-text > div.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible {
color:black;
}
.page-Media .mw-parser-output div .gallerytext {
margin-top:-5px;
margin-bottom:-15px;
text-align:center;
}
/* ################################################################################################################ */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* Main Page */
/* Heading */
.page-Main_Page #firstHeading {
display:none;
}
/* Main picture content */
.page-Main_Page .MainPicture {
display:flex;
justify-content:center;
flex-direction:row;
}
/* Image Logo */
.page-Main_Page .MainPicture a img {
-webkit-filter: drop-shadow(15px 15px 15px #222);
filter: drop-shadow(20px 15px 15px #222);
padding-top:2em;
}
.page-Main_Page .MainPicture a img:hover {
-webkit-filter: drop-shadow(0px 0px 15px gray);
}
/* Description content */
.page-Main_Page .MainDSC {
display:flex;
flex-direction:column;
flign-items:flex-start;
padding-left:20%;
padding-right:20%;
}
/* Pedia content */
.page-Main_Page .MainPedia {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.page-Main_Page .PediaTable {
display:flex;
justify-content:center;
align-items:center;
}
.page-Main_Page .Pedia {
padding-left:2em;
padding-right:2em;
}
.page-Main_Page .PediaTable p img {
-webkit-filter: drop-shadow(15px 15px 13px #222);
filter: drop-shadow(15px 15px 13px #222);
padding-right: 1em;
}
.page-Main_Page .PediaTable a img:hover {
-webkit-filter: drop-shadow(0px 0px 8px gray);
}
/* Main content */
.page-Main_Page .MainLinks,
.page-Main_Page .YouMAL,
.page-Main_Page .M-Event {
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
padding-left:10%;
padding-right:10%;
}
/* Paragraphs */
.page-Main_Page .MainLinks p,
.page-Main_Page .Events p,
.page-Main_Page .Other p,
.page-Main_Page .YouMAL p,
.page-Main_Page .Shops p,
.page-Main_Page .Usefull p,
.page-Main_Page .Social p,
.page-Main_Page .M-Event p
{
border:2px solid #808080;
padding:3px 0 3px 5px;
background-color:#445466; /* #f0f0f0 */
padding-right:7px;
margin-right:4px;
margin-left:4px;
white-space:nowrap;
}
/* Links Picture*/
.page-Main_Page .MainLinks p a:nth-child(1),
.page-Main_Page .Other p a:nth-child(1),
.page-Main_Page .Other p a span:nth-child(1),
.page-Main_Page .YouMAL p a:nth-child(1),
.page-Main_Page .Usefull p a:nth-child(1),
.page-Main_Page .Usefull p a span:nth-child(1),
.page-Main_Page .Social p a span:nth-child(1),
.page-Main_Page .M-Event p a span:nth-child(1){
padding:8px 0 10px 0;
border-left:5px solid transparent;
margin-left:-5px
}
/* Links text*/
.page-Main_Page .MainLinks p a:nth-child(2),
.page-Main_Page .Other p a:nth-child(2),
.page-Main_Page .Other p a span:nth-child(2),
.page-Main_Page .YouMAL p a:nth-child(2),
.page-Main_Page .Usefull p a,
.page-Main_Page .Usefull p a span,
.page-Main_Page .Social p a span,
.page-Main_Page .M-Event p a:nth-child(2)
{
color:white!important;
padding:8px 0 10px 0;
border-right:5px solid transparent;
margin-right:-7px;
}
/* Links EVENTS picture - because different size picture*/
.page-Main_Page .Events p a:nth-child(1) {
padding:12px 0 14px 0;
border-left:5px solid transparent;
margin-left:-5px
}
/* Links EVENTS text - because different size picture */
.page-Main_Page .Events p a:nth-child(2) {
color:white!important;
padding:12px 0 14px 0;
border-right:5px solid transparent;
margin-right:-7px
}
/* Paragraphs HOVER */
.page-Main_Page .MainLinks p:hover,
.page-Main_Page .Events p:hover,
.page-Main_Page .Other p:hover,
.page-Main_Page .YouMAL p:hover,
.page-Main_Page .Usefull p:hover,
.page-Main_Page .Discord p:hover,
.page-Main_Page .Social p:hover,
.page-Main_Page .M-Event p:hover {
background-color: #808080; /* #C3C3C3 */
cursor: pointer;
border:2px solid #4F4F4F;
color:white!important;
}
.page-Main_Page .Shops p:hover {
cursor: pointer;
border:2px solid black;
background-color: #2b314b;
}
/* MainLinks: Rules - Other - Paragraphs ACTIVE */
.page-Main_Page .MainLinks p:active,
.page-Main_Page .Events p:active,
.page-Main_Page .Other p:active,
.page-Main_Page .YouMAL p:active,
.page-Main_Page .Shops p:active,
.page-Main_Page .Usefull p:active,
.page-Main_Page .Discord p:active,
.page-Main_Page .Social p:active
.page-Main_Page .M-Event p:active {
background-color: #C7C7C7;
cursor: pointer;
border:2px solid #595959;
color:white!important;
}
.page-Main_Page .YouMAL a:active,
.page-Main_Page .Discord a:active {
color:white!important;
}
.page-Main_Page .Shops p:active {
cursor: pointer;
border:2px solid #4e6271;
background-color: gray;
}
/* Grid box: Gears, Events, Other */
/* Gears */
/* Gears, Events, Other Box */
.page-Main_Page .G_E_O-Box{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
flex-direction:row;
padding-left:10%;
padding-right:10%;
}
/* Gears */
.page-Main_Page .G_E_O-Box .Gears{
flex-wrap:wrap;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
min-width: 480px;
height:480px;
}
/* Gears font change */
.Gears .ContainerMainPage .OverlayMainPage .HoverImgPainPage {
font-family:hacked;
font-size:3em;
}
.page-Main_Page .G_E_O-Box .Gears img{
border:2px solid #808080;
margin:0.5em;
min-width:220px;
}
/* Gears hover info*/
.hideMainPage {
display: none;
}
.page-Main_Page .HoverHide:hover + .hideMainPage {
display: block;;
}
/* Hover over image to see text */
.page-Main_Page .ContainerMainPage {
position: relative;
width: auto;
}
.page-Main_Page .OverlayMainPage {
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;
}
.page-Main_Page .ContainerMainPage:hover .OverlayMainPage {
opacity: 1;
}
.page-Main_Page .HoverImgPainPage {
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%);
}
.page-Main_Page .Gears .ContainerMainPage:active {
background-color: #7e9496;
}
/* Shops */
.page-Main_Page .Shops {
display:grid;
padding-left:10%;
padding-right:10%;
align-content:center;
justify-content:space-around;
grid-template-columns:auto auto auto auto auto auto;
grid-template-columns: repeat(auto-fill, 16em);
}
/* Shops Paragraph */
.page-Main_Page .Shops p {
text-align:center;
line-height:3em;
font-weight:600;
padding-left:2em;
padding-right:2em;
color:#ffffff;
background-blend-mode:overlay;
}
/* Shops Link */
.page-Main_Page .Shops a {
color:white!important;
}
.page-Main_Page .Shops p a {
display:block;
border-top:3px solid transparent;
margin-top:-3px;
border-bottom:3px solid transparent;
margin-bottom:-3px;
border-left:28px solid transparent;
margin-left:-28px;
border-right:28px solid transparent;
margin-right:-28px;
}
/* Shops Images */
.page-Main_Page .Shops p:nth-child(1) {
background-image:url("/images/1/17/War_Point_Shop.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(2) {
background-image:url("/images/5/53/Gear_Shop.png");
background-size:cover;
background-position-y:44%;}
.page-Main_Page .Shops p:nth-child(3) {
background-image:url("/images/7/75/Parts_Shop.png");
background-size:cover;
background-position-y:62%;}
.page-Main_Page .Shops p:nth-child(4) {
background-image:url("/images/5/56/WeaponShop.png");
background-size:cover;
background-position-y:63%;}
.page-Main_Page .Shops p:nth-child(5) {
background-image:url("/images/9/9a/Card_Shop.png");
background-size:cover;
background-position-y:33%;}
.page-Main_Page .Shops p:nth-child(6) {
background-image:url("/images/d/dc/FFA_Shop.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(7) {
background-image:url("/images/b/b6/Boss_Token_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(8) {
background-image:url("/images/5/57/Gold_Coin_Shop.png");
background-size:cover;
background-position-y:25%;}
.page-Main_Page .Shops p:nth-child(9) {
background-image:url("/images/0/0b/Killmark_Shop.png");
background-size:cover;
background-position-y:34%;}
.page-Main_Page .Shops p:nth-child(10) {
background-image:url("/images/b/b9/Weapon_Contour_Shop.png");
background-size:cover;
background-position-y:46%;}
.page-Main_Page .Shops p:nth-child(11) {
background-image:url("/images/5/5c/Armor_Contour_Shop.png");
background-size:cover;
background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(12) {
background-image:url("/images/e/e4/Custom_Cosmetics_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(13) {
background-image:url("/images/b/b9/Weapon_Effect_Shop.png");
background-size:cover;
background-position-y:35%;}
.page-Main_Page .Shops p:nth-child(14) {
background-image:url("/images/e/e1/Aquarium.png");
background-size:cover;
background-position-y:75%;}
.page-Main_Page .Shops p:nth-child(15) {
background-image:url("/images/4/41/Infinity_Field_Vendor.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(16) {
background-image:url("/images/4/47/Event_Shop.png");
background-size:cover;
background-position-y:45%;}
.page-Main_Page .Shops p:nth-child(17) {
background-image:url("/images/d/d2/Skill_Shop.png");
background-size:cover;
background-position-y:55%;}
.page-Main_Page .Shops p:nth-child(18) {
background-image:url("/images/1/11/CRP_Shop.png");
background-repeat: no-repeat;
background-size: 55%;
background-position: 7em;
}
.page-Main_Page .Social{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
/* Social */
.page-Main_Page .Social p img{
width:2em;
padding-right:7px;
}
/* Usefull, Discord */
.page-Main_Page .U_D-Box {
display:flex;
justify-content:space-evenly;
flex-direction:row;
flex-wrap:wrap;
}
.page-Main_Page .U_D-Box .Useful {
padding-left:3em;
padding-right:3em;
text-align:center!important;
}
.page-Main_Page .Usefull {
text-align:center;
}
.page-Main_Page .U_D-Box .Discord {
text-align:center;
}
/* Padding on small pictures */
.page-Main_Page .MainLinks img,
.page-Main_Page .Events img,
.page-Main_Page .Other img,
.page-Main_Page .YouMAL img,
.page-Main_Page .M-Event img {
padding-right:0.5em;
}
/* Title, main headers */
.page-Main_Page .Title,
.page-Main_Page .Pedia span,
.page-Main_Page .Shops.Title {
font-weight:600;
display:flex;
justify-content:center;
align-items:center;
}
.page-Main_Page .Title {
filter: drop-shadow(0 0 7px white);
}
/* Gears Title */
.G_E_O-Box b {
filter: drop-shadow(0 0 7px white);
}
.page-Main_Page .Discord p {
border:2px solid #808080;
padding:3px 0 3px 0;
background-color:#445466; /* #f0f0f0 */
margin-right:5px;
margin-left:5px;
white-space:nowrap;
}
/* Shadows */
.page-Main_Page .MainLinks p,
.page-Main_Page .G_E_O-Box .Events p,
.page-Main_Page .G_E_O-Box .Other p,
.page-Main_Page .YouMAL p,
.page-Main_Page .Social p,
.page-Main_Page .Shops p {
box-shadow:0px 0px 50px -25px black;
}
.page-Main_Page .G_E_O-Box .Gears .ContainerMainPage {
box-shadow:0px 0px 50px -25px black;
}
.page-Main_Page .U_D-Box .Discord p,
.page-Main_Page .U_D-Box .Usefull p
{
box-shadow:0px 0px 50px -14px black;
}
/* Gear pictures sizes */
@media screen and (max-width: 850px) {
.page-Main_Page .Gears {transform:scale(0.95); transition: .2s ease-in-out;}}
@media screen and (max-width: 800px) {
.page-Main_Page .Gears {transform:scale(0.90); transition: .2s ease-in-out; }}
@media screen and (max-width: 750px) {
.page-Main_Page .Gears {transform:scale(0.85); transition: .2s ease-in-out; }}
@media screen and (max-width: 700px) {
.page-Main_Page .Gears {transform:scale(0.80); transition: .2s ease-in-out; }}
@media screen and (max-width: 650px) {
.page-Main_Page .Gears {transform:scale(0.75); transition: .2s ease-in-out; }}
@media screen and (max-width: 600px) {
.page-Main_Page .Gears {transform:scale(0.70); transition: .2s ease-in-out; }}
@media screen and (max-width: 550px) {
.page-Main_Page .Gears {transform:scale(0.65); transition: .2s ease-in-out; }}
@media screen and (max-width: 500px) {
.page-Main_Page .Gears {transform:scale(0.60); transition: .2s ease-in-out; }}
@media screen and (max-width: 450px) {
.page-Main_Page .Gears {transform:scale(0.55); transition: .2s ease-in-out; }}
@media screen and (max-width: 400px) {
.page-Main_Page .Gears {transform:scale(0.50); transition: .2s ease-in-out; }}
/* Gear margin sizes */
@media screen and (max-width: 850px) {
.page-Main_Page .Gears {margin:0; transition: .2s ease-in-out;}}
@media screen and (max-width: 800px) {
.page-Main_Page .Gears {margin:-1.8em; transition: .2s ease-in-out; }}
@media screen and (max-width: 750px) {
.page-Main_Page .Gears {margin:-2.5em; transition: .2s ease-in-out; }}
@media screen and (max-width: 700px) {
.page-Main_Page .Gears {margin:-3.2em; transition: .2s ease-in-out; }}
@media screen and (max-width: 650px) {
.page-Main_Page .Gears {margin:-3.9em; transition: .2s ease-in-out; }}
@media screen and (max-width: 600px) {
.page-Main_Page .Gears {margin:-4.6em; transition: .2s ease-in-out; }}
@media screen and (max-width: 550px) {
.page-Main_Page .Gears {margin:-5.3em; transition: .2s ease-in-out; }}
@media screen and (max-width: 500px) {
.page-Main_Page .Gears {margin:-6em; transition: .2s ease-in-out; }}
@media screen and (max-width: 450px) {
.page-Main_Page .Gears {margin:-6.7em; transition: .2s ease-in-out; }}
@media screen and (max-width: 400px) {
.page-Main_Page .Gears {margin:-7.4em; transition: .2s ease-in-out; }}
/* Fixing Links */
/* Events */
/* SP */
.page-Main_Page .Events p:nth-child(2) a:nth-child(2) {
padding-right:15px;
margin-right:-15px;
}
/* MS */
.page-Main_Page .Events p:nth-child(3) a:nth-child(2) {
padding-right:11px;
margin-right:-11px;
}
/* War */
.page-Main_Page .Events p:nth-child(4) a:nth-child(2) {
padding-right:52px;
margin-right:-52px;
}
/* FFA */
.page-Main_Page .Events p:nth-child(5) a:nth-child(2) {
padding-right:43px;
margin-right:-43px;
}
/* FFA */
.page-Main_Page .Events p:nth-child(6) a:nth-child(2) {
padding-right:8px;
margin-right:-8px;
}
/* Oupost */
.page-Main_Page .Events p:nth-child(7) a:nth-child(2) {
padding-right:34px;
margin-right:-34px;
}
/* Domination */
.page-Main_Page .Events p:nth-child(8) a:nth-child(2) {
padding-right:0;
margin-right:-7px;
}
/* Space Ball */
.page-Main_Page .Events p:nth-child(9) a:nth-child(2) {
padding-right:53px;
margin-right:-53px;
}
/* Fixing Links */
/* Other */
/* Latest Game Patch */
.page-Main_Page .Other p:nth-child(2) a:nth-child(2) {
padding-right:63px;
margin-right:-63px;
}
/* Fame Milestone Rewards */
.page-Main_Page .Other p:nth-child(3) a:nth-child(2) {
padding-right:23px;
margin-right:-23px;
}
/* Fame Milestone Rewards */
.page-Main_Page .Other p:nth-child(4) a:nth-child(2) {
padding-right:95px;
margin-right:-95px;
}
/* Rate Modifiers */
.page-Main_Page .Other p:nth-child(5) a:nth-child(2) {
padding-right:115px;
margin-right:-115px;
}
/* Nation Transfer */
.page-Main_Page .Other p:nth-child(6) a:nth-child(2) {
padding-right:87px;
margin-right:-87px;
}
/* Multi Factor Authentication */
.page-Main_Page .Other p:nth-child(7) a:nth-child(2) {
padding-right:0;
margin-right:-7px;
}
/* Multi Factor Authentication */
.page-Main_Page .Other p:nth-child(8) a:nth-child(2) {
padding-right:131px;
margin-right:-131px;
}
/* Common Error Messages */
.page-Main_Page .Other p:nth-child(9) a:nth-child(2) {
padding-right:22px;
margin-right:-22px;
}
/* Media */
.page-Main_Page .Other p:nth-child(10) a:nth-child(2) {
padding-right:159px;
margin-right:-159px;
}
/* Fixing Links */
/* Useful Links */
/* Official Website */
.page-Main_Page .Usefull p:nth-child(2) a span {
color:white!important;
padding-top:5px;
padding-bottom:6px;
padding-right:5px;
margin-right:-5px
}
/* CR Store */
.page-Main_Page .Usefull p:nth-child(3) a span {
color:white!important;
padding-top:5px;
padding-bottom:7px;
padding-right:53px;
margin-right:-53px
}
/* DrDelay's Tools */
.page-Main_Page .Usefull p:nth-child(4) a span {
color:white!important;
padding-top:5px;
padding-bottom:6px;
padding-right:10px;
margin-right:-10px
}
/* Discord */
/* Discord Commands */
.page-Main_Page .Discord p:nth-child(2) a {
color:white!important;
padding-top:5px;
padding-bottom:7px;
padding-left:22px;
margin-left:-22px;
padding-right:22px;
margin-right:-22px
}
/* Discord Linked account */
.page-Main_Page .Discord p:nth-child(3) a {
color:white!important;
padding-top:5px;
padding-bottom:7px;
padding-left:36px;
margin-left:-36px;
padding-right:36px;
margin-right:-36px;
}
/* Discord Chat */
.page-Main_Page .Discord p:nth-child(4) a {
color:white!important;
padding-top:5px;
padding-bottom:6px;
padding-left:44px;
margin-left:-44px;
padding-right:44px;
margin-right:-44px;
}
/* Discord Chat */
.page-Main_Page .Discord p:nth-child(5) a {
color:white!important;
padding-top:5px;
padding-bottom:6px;
padding-left:5px;
margin-left:0;
padding-right:5px;
margin-right:0;
}
/* Borders Experimental */
/* Border Pedia Top
.page-Main_Page .PediaTable {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:20%;
margin-right:20%;
padding-left:1em;
padding-right:1em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
/* Border Pedia Bottom
.page-Main_Page .MainPedia {
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:25%;
margin-right:25%;
padding-left:5em;
padding-right:5em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
box-shadow: 0 30px 40px rgba(0,0,0,.1);
}
/* Border You might also like Top
.page-Main_Page .YouMAL.Title {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:17%;
margin-right:17%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
/* Border Shops Top
.page-Main_Page .Shops.Title {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:16%;
margin-right:16%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
*/
/* Main Page NEW / UPDATE */
/* NEW NEW NEW -----------------------------------
- Set number of child */
.M-Event p:nth-child(1), /* EVENT */
.MainLinks p:nth-child(8), /* Archaic EQ */
.YouMAL p:nth-child(11) /* Quest Items */
{border:2px solid #B99D19;}
.M-Event p:nth-child(1):before, /* EVENT */
.MainLinks p:nth-child(8):before, /* Archaic EQ */
.YouMAL p:nth-child(11):before /* Quest Items */
{
content:'New!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4em;
color:#E2CE6F;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
}
/* UPDATED UPDATED UPDATED ---------------------
- Set number of child */
.MainLinks p:nth-child(10), /* BOSSES */
.MainLinks p:nth-child(19), /* CRP SHOP */
.Other p:nth-child(2), /* Latest Game Patch */
.MainLinks p:nth-child(22) /* Infinity Field */
{border:2px solid #5BA600;}
.MainLinks p:nth-child(10):before, /* BOSSES */
.MainLinks p:nth-child(19):before, /* CRP SHOP */
.Other p:nth-child(2):before, /* Latest Game Patch */
.MainLinks p:nth-child(22):before /* Infinity Field */
{
content:'Updated!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4em;
color:#84ec04;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
}
/* Special Styling for Shops UPDATED - Set number of child */
.page-Main_Page .Shops p:nth-child(1), /* WP Shop */
.page-Main_Page .Shops p:nth-child(2), /* Gear Shop */
.page-Main_Page .Shops p:nth-child(7), /* Boss Token Shop */
.page-Main_Page .Shops p:nth-child(8), /* Gold Coin Shop */
.page-Main_Page .Shops p:nth-child(9), /* Killmark Shop */
.page-Main_Page .Shops p:nth-child(16), /* Event Shop */
.page-Main_Page .Shops p:nth-child(18) /* CRP Shop */
{border:2px solid #5BA600;}
.page-Main_Page .Shops p:nth-child(1):before, /* WP Shop */
.page-Main_Page .Shops p:nth-child(2):before, /* Gear Shop */
.page-Main_Page .Shops p:nth-child(7):before, /* Boss Token Shop */
.page-Main_Page .Shops p:nth-child(8):before, /* Gold Coin Shop */
.page-Main_Page .Shops p:nth-child(9):before, /* Killmark Shop */
.page-Main_Page .Shops p:nth-child(16):before, /* Event Shop */
.page-Main_Page .Shops p:nth-child(18):before /* CRP Shop */
{
content:'Updated!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4em;
color:#84ec04;
transform: rotate(-10deg);
position:absolute;
margin-top:-1.3em;
margin-left:-6.3em;
z-index:20;
cursor:auto;
}
/* New Templates */
/* ItemTable - Item */
/* Table global */
.ItemTable.Item {
text-align: center;
font-size: 0.8em;
border-collapse: collapse;
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}
/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Item>*>tr>td {
padding: 1px;
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid black;
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);
}
/* Table headers (!) */
.ItemTable.Item th {
padding-left: 1em;
padding-right: 1em;
}
/* Border fix */
table.ItemTable.Item tr {
border: 1px solid black;
}
/* ItemTable - Weapon */
/* Table global */
.ItemTable.Weapon {
text-align: center;
font-size: 0.8em;
border-collapse: collapse;
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}
/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Weapon>*>tr>td {
padding: 1px;
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid black;
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);
}
/* Table headers (!) */
.ItemTable.Weapon th {
padding-left: 1em;
padding-right: 1em;
}
/* Border fix */
table.ItemTable.Weapon tr {
border: 1px solid black;
}
/* ItemTable - Armor */
/* Table global */
.ItemTable.Armor {
text-align: center;
font-size: 0.8em;
border-collapse: collapse;
background-color: var(--ItemTableLeftColor);
word-break: break-word;
user-select:none;
}
/* Table 2nd cell. Edit this if text too long*/
.ItemTable.Armor>*>tr>td {
padding: 1px;
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid black;
transition: background-color .3s ease-in-out;
background-color: var(--ItemTableRightColor);
}
/* Table headers (!) */
.ItemTable.Armor th {
padding-left: 1em;
padding-right: 1em;
}
/* Border fix */
table.ItemTable.Armor tr {
border: 1px solid black;
}
/* ItemTable - Engine/Function */
/* Table all */
.ItemTable.Engine {
user-select:none;
text-align:center;
font-size:0.8em;
border-collapse:collapse;
background-color:var(--ItemTableLeftColor);
word-break:break-word;
}
/* Table 2nd cell. Edit this if text too long */
.ItemTable.Engine>*>tr>td {
padding:1px;
padding-left:1em;
padding-right:1em;
border-left:1px solid black;
transition:background-color .3s ease-in-out;
background-color:var(--ItemTableRightColor);
}
/* Tableheaders(!) */
.ItemTable.Engine th {
padding-left:1em;
padding-right:1em;
max-width:11em;
}
/* Borderfix */
table.ItemTable.Engine tr {
border:1px solid black;
}
.ItemTable.Function.Title {
background-color:var(--ItemTableFunctionColor);
color:black;
font-weight:600;
margin-top:1px;
margin-bottom:1px;
margin-left:-1em;
margin-right:-1em
}
/* Function */
.ItemTable.Function span{
font-style:italic;
font-weight:100;
}
.ItemTable.Function {
text-align:left;
font-weight:100;
border:1px solid #FEAF24;
display:flex;
justify-content: center;
padding-left:0;
margin-right:-1em;
margin-left:-1em;
}
/* ItemTable Hover */
.ItemTable.Item td:hover {
background-color: var(--ItemTableHoverColor);
}
.ItemTable.Weapon td:hover {
background-color: var(--ItemTableHoverColor);
}
.ItemTable.Armor td:hover {
background-color: var(--ItemTableHoverColor);
}
.ItemTable.Engine td:hover {
background-color: var(--ItemTableHoverColor);
}
.ItemTable.Function.Title td:hover {
background-color: var(--ItemTableFunctionColor);
}
.ItemTable.Function td:hover {
background-color: transparent;
}
/* Countdown Timer */
#CDTimer {
display:flex;
justify-content:center;
font-family:hacked, Helvetica, sans-serif;
font-size:5em;
color:#e4cb5c;
user-select:none;
flex-wrap:wrap;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: ease;
opacity:0;
height:112px;
}
#CDTimer span{
font-size:0.8em;
margin-top:0.29em;
}
#CDTimer a{
color:#e4cb5c!important;
}
#CDTimer a:hover{
color:#ADABAB!important;
}
/* ################################################################################################################ */
/* ################################################################################################################ */
/* ################################################################################################################ */
/* !!! 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;
}