MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(228 intermediate revisions by the same user not shown) | |||
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("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 | |||
/* Documentation for styles, templates etc are located in "Module:Documentation" page */ | |||
/* There are also some changes in MediaWiki:Group-user.css */ | /* There are also some changes in MediaWiki:Group-user.css */ | ||
Line 8: | Line 9: | ||
padding:0; | padding:0; | ||
} | } | ||
:root{ | :root{ | ||
--ItemTableHoverColor: #ADABAB; | |||
--ItemTableLeftColor: #2b2b2b; | |||
--ItemTableRightColor: #6C6C6C; | |||
--ItemTableFunctionColor: #FEAF24; | |||
--ItemTableFunctionHoverColorCell1:#FBCE7B; | |||
--ItemTableFunctionHoverColorCell2:#FDDCA0; | |||
--MT-Title-Color: #424242; | |||
--MT-Title-Hover-Color: #C0C0C0; | |||
--MT-Title-Active-Color: #A5A4A4; | |||
--MT-Header-Color: #616161; | |||
--MT-Map-Color: #757575; | |||
--MT-Value-Color: #9E9E9E; | |||
} | } | ||
/* border - black / outline - gray */ | |||
/* Firefox-specific styles */ | /* Firefox-specific styles */ | ||
Line 33: | Line 41: | ||
color:#ffffff; | color:#ffffff; | ||
font-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
text-shadow:none; | text-shadow:none; | ||
white-space:normal; | white-space:normal; | ||
Line 47: | Line 54: | ||
background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%); | background-image:linear-gradient(to left, #bbd2c5 0%, #536976 33%, #292e49 100%); | ||
border-width:0; | border-width:0; | ||
min-height:80.25px; /* Fixes blank row on Special Pages */ | |||
} | } | ||
Line 66: | Line 74: | ||
} | } | ||
/* 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 { | .portal h3 { | ||
color: white; | color: white; | ||
Line 115: | Line 137: | ||
.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:0.813rem; /* 13px */ | ||
text-align:right; | text-align:right; | ||
position:relative; | position:relative; | ||
Line 147: | Line 169: | ||
#server-time-href { | #server-time-href { | ||
cursor:context-menu; | cursor:context-menu; | ||
font-size:0.813rem; /* 13px */ | |||
text-align:right; | text-align:right; | ||
position:relative; | position:relative; | ||
Line 175: | Line 197: | ||
border: none; | border: none; | ||
border-radius: 5px; | border-radius: 5px; | ||
font-size:0. | font-size:0.9rem; | ||
display: none; | display: none; | ||
} | } | ||
Line 191: | Line 213: | ||
border: none; | border: none; | ||
border-radius: 5px; | border-radius: 5px; | ||
font-size:0. | font-size:0.9rem; | ||
display: none; | display: none; | ||
} | } | ||
Line 209: | Line 231: | ||
border: none; | border: none; | ||
border-radius: 5px; | border-radius: 5px; | ||
font-size:0. | font-size:0.9rem; | ||
display: none; | display: none; | ||
} | } | ||
Line 239: | Line 261: | ||
/* Footer CC text size */ | /* Footer CC text size */ | ||
#footer #footerCC { | #footer #footerCC { | ||
font-size:0.75rem; /* 12px */ | |||
text-shadow:rgba(0, 0, 0, 1) 0 1px 1px; | text-shadow:rgba(0, 0, 0, 1) 0 1px 1px; | ||
margin-top:0; | margin-top:0; | ||
Line 466: | Line 488: | ||
color:#303030; | color:#303030; | ||
} | } | ||
/* Animation */ | /* Animation */ | ||
Line 525: | Line 545: | ||
float:right; | float:right; | ||
text-align:right; | text-align:right; | ||
font-size:0. | font-size:0.9rem; | ||
margin-left:1em; | margin-left:1em; | ||
margin-bottom:1em; | margin-bottom:1em; | ||
Line 818: | Line 838: | ||
} | } | ||
/* Tabber */ | /* 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%; | |||
background-color: | 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 */ | /* Data Hover cell=column + JS */ | ||
.highlight { | .highlight { | ||
background-color: #ADABAB; | 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; | |||
height: | margin-bottom:1em; | ||
border:1px solid black; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
width:28px; | |||
height:28px; | |||
font-size:0.8rem | |||
} | } | ||
/* | /* Custom Tables */ | ||
. | /* Custom Table - Shops/ListItem */ | ||
max- | /* 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 */ | ||
background: # | .ShopsTable td:hover, | ||
.ListItem td:hover { | |||
background-color: #ADABAB; | |||
} | } | ||
. | /* Table Data Hover cell=row */ | ||
background: # | .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 */ | |||
border: | /* Table Global */ | ||
.InfluenceTable { | |||
width: 100%; | |||
width: 300px; | |||
border-collapse: collapse; | |||
} | } | ||
. | /* Table Header */ | ||
.InfluenceTable tr { | |||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
border: 1px solid black; | |||
border:1px solid black; | border-top: 1px solid black; | ||
text-align:center; | |||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .InfluenceTable*>tr>td { | ||
font-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding: 1px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border | border: 1px solid black; | ||
width: 80px; | |||
} | } | ||
/* Table Data Hover */ | /* Table Data Hover */ | ||
. | .InfluenceTable td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row */ | /* Table Data Hover cell=row */ | ||
. | .InfluenceTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table - | /* Custom Table - Weapons E15 Overlay containerE15 */ | ||
/* Table Global */ | .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; | table-layout: fixed; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
text-align:center; | |||
font-size:0.8em; | |||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .RecipeTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | |||
border-top: 1px solid black; | |||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .RecipeTable>*>tr>td { | ||
-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border | border: 1px solid black; | ||
text-align:left; | |||
padding: 10px; | |||
} | } | ||
/* Table Data Hover */ | /* Table Data Hover */ | ||
. | .RecipeTable td:hover { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Table Data Hover cell=row */ | /* Table Data Hover cell=row */ | ||
. | .RecipeTable>*>tr:has(td:hover) td { | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table - | /* Custom Table - PlayerSkillTable */ | ||
/* Table Global */ | /* Table Global */ | ||
. | .PlayerSkillTable { | ||
table-layout: fixed; | table-layout: fixed; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
user-select: none; | user-select: none; | ||
outline:1px solid gray; | |||
} | } | ||
/* Table Header */ | /* Table Header */ | ||
. | .PlayerSkillTable tr { | ||
background-color: gray; | background-color: gray; | ||
border: 1px solid black; | border: 1px solid black; | ||
border-top: 1px solid black; | |||
} | } | ||
/* Table Data */ | /* Table Data */ | ||
. | .PlayerSkillTable>*>tr>td { | ||
font-family:'Aldrich', sans-serif; | font-family:'Aldrich', sans-serif; | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding: 4px; | ||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
width: 117px; | |||
width: | |||
} | } | ||
/* Table | |||
. | /* Custom Table Infinity Field Difficulty Table */ | ||
background-color: # | /* 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: # | 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- | background-image: url("/images/b/b5/Kreacian_Holy_Land_Small.png"); | ||
padding:1em; | |||
width:11em; | |||
margin-left:1.2em; | |||
text-shadow: black 1px 0 10px; | |||
text-align:center; | text-align:center; | ||
} | } | ||
.page-Infinity_Field .Area-2 { | |||
. | background-image: url("/images/3/3c/The_Hydrogen_Driver_Small.png"); | ||
padding:1em; | |||
background- | width:11em; | ||
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; | |||
width:11em; | |||
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; | |||
color: # | flex-wrap:wrap; | ||
padding- | 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; | |||
} | } | ||
/* Table | /* Hidden output tables by default */ | ||
. | .Skills-Hidden { | ||
display:none; | |||
} | |||
/* Skill Table Output */ | |||
/* Global */ | |||
.SkillTable { | |||
border-collapse: collapse; | |||
background-color: #6C6C6C; | 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; | background-color: #ADABAB; | ||
} | } | ||
/* | /* Inside */ | ||
. | .SkillTable td { | ||
background-color: # | 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} | |||
/* Custom Table - | /* Media querry */ | ||
/* Table Global */ | @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; | table-layout: fixed; | ||
width: 100%; | |||
width: 90px; | |||
width: 100%; | |||
width: 90px; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
text-align:center; | text-align:center; | ||
Line 1,353: | Line 1,398: | ||
background-color: #ADABAB; | background-color: #ADABAB; | ||
} | } | ||
/* Custom Table Fixes */ | /* Custom Table Fixes */ | ||
Line 1,420: | Line 1,466: | ||
overflow-y: auto; | overflow-y: auto; | ||
} | } | ||
/* Fixes Button */ | /* Fixes Button */ | ||
Line 1,479: | Line 1,526: | ||
} | } | ||
*/ | */ | ||
/* Custom Table - ChatTable */ | /* Custom Table - ChatTable */ | ||
Line 1,578: | Line 1,626: | ||
text-align:left; | text-align:left; | ||
} | } | ||
/* Custom Table - CRP Shop */ | /* Custom Table - CRP Shop */ | ||
/* Table Global */ | /* Table Global */ | ||
.CRPShopTable { | .CRPShopTable { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
Line 1,601: | Line 1,638: | ||
background-color: #6C6C6C; | background-color: #6C6C6C; | ||
color: white; | color: white; | ||
padding: | padding-left:0.5em; | ||
padding-right:0.5em; | |||
transition: background-color .3s ease-in-out; | transition: background-color .3s ease-in-out; | ||
border: 1px solid black; | border: 1px solid black; | ||
text-align:center; | text-align:center; | ||
width:20em; | |||
} | } | ||
Line 1,613: | Line 1,651: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
/* Custom Table - Formation */ | /* Custom Table - Formation */ | ||
Line 1,665: | Line 1,686: | ||
} | } | ||
/* 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 { | .Milestones { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
display:block; | display:block; | ||
height:720px; | height:720px; | ||
overflow-y: scroll; | overflow-y: scroll; | ||
user-select:none; | |||
} | } | ||
Line 1,692: | Line 1,717: | ||
text-align:center; | text-align:center; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
} | } | ||
Line 1,698: | Line 1,722: | ||
text-align:center; | text-align:center; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones td:nth-child(3) { | .page-Fame_Milestone_Rewards .Milestones td:nth-child(3) { | ||
text-align:center; | text-align:center; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
padding-right:0.5em; | |||
padding-left:0.5em; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones td:nth-child(4) { | .page-Fame_Milestone_Rewards .Milestones td:nth-child(4) { | ||
padding-right:0.5em; | |||
padding-left:0.5em; | |||
} | } | ||
/* Custom Table Milestones2/Fame Brigade */ | /* Custom Table Milestones2/Fame Brigade */ | ||
.Milestones2 { | .Milestones2 { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
display:block; | display:block; | ||
height:720px; | height:720px; | ||
overflow-y: scroll; | overflow-y: scroll; | ||
user-select:none; | |||
} | } | ||
Line 1,739: | Line 1,762: | ||
text-align:center; | text-align:center; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
} | } | ||
Line 1,745: | Line 1,767: | ||
text-align:center; | text-align:center; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
padding-right:0.5em; | |||
padding-left:0.5em; | |||
} | } | ||
.page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) { | .page-Fame_Milestone_Rewards .Milestones2 td:nth-child(3) { | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
padding-right:0.5em; | |||
padding-left:0.5em; | |||
} | } | ||
Line 1,757: | Line 1,781: | ||
position: sticky; | position: sticky; | ||
top: 0; | top: 0; | ||
} | |||
/* Mission Table */ | |||
.MT-Global { | |||
border:1px solid black; | |||
outline:2px solid gray; | |||
border-collapse:collapse; | |||
text-align:center; | |||
max-width:50em; | |||
margin-top:1em; | |||
margin-bottom:0; | |||
margin-left:2px; | |||
cursor:pointer; | |||
width:20em; /* Subject to change*/ | |||
} | } | ||
.MT-Title { | |||
background-color: var(--MT-Title-Color); | |||
padding:0.3em; | |||
cursor:pointer; | |||
user-select:none; | |||
} | |||
cursor: pointer; | |||
.MT-Title span { | |||
text-shadow: black 1px 1px 10px; | |||
} | } | ||
. | .MT-Title:hover { | ||
border-color: var(--MT-Title-Hover-Color); | |||
border: 1px solid black; | filter: contrast(0.5); | ||
border:1px solid black; | |||
} | } | ||
. | .MT-Title:active { | ||
background-color: | border-color:var(--MT-Map-Color); | ||
background-color:var(--MT-Title-Active-Color); | |||
} | } | ||
. | .MT-Header { | ||
background-color: var(--MT-Header-Color); | |||
border:1px solid black; | |||
font-weight:600; | |||
} | } | ||
. | .MT-Map { | ||
background-color: var(--MT-Map-Color); | |||
border-top:1px solid black; | |||
} | } | ||
. | .MT-Value { | ||
background-color: var(--MT-Value-Color); | |||
border-bottom:1px dashed black; | |||
} | } | ||
. | /* List bullets */ | ||
.MT-Global td li::before { | |||
display:none; | |||
} | } | ||
/* Top - Right - Bottom - Left */ | |||
/* | .MT-Value ul { | ||
. | margin:0.3em; | ||
} | } | ||
. | .MT-Value { | ||
text-shadow: black 1px 1px 10px; | |||
} | } | ||
. | .MT-Value span { | ||
text-shadow: white 1px 1px 30px; | |||
} | } | ||
. | /* Reward Box */ | ||
.MT-Title.r-reward { | |||
border: 0; | |||
} | } | ||
. | /* MT-BCU / MT-ANI Templates */ | ||
padding: | span.MT-BCU:before { | ||
content:'BCU'; | |||
color:#F5B930; | |||
margin-left:-3em; | |||
padding-right:1em; | |||
text-shadow: #F5B930 1px 1px 5px; | |||
} | } | ||
. | span.MT-ANI:before { | ||
padding: | content:'ANI'; | ||
color:#00FFFF; | |||
margin-left:-2.7em; | |||
padding-right:1.3em; | |||
text-shadow: #00FFFF 1px 1px 5px; | |||
} | } | ||
.page- | /* Mission Table FlexWrap gap change */ | ||
.page-Test_Page .FlexWrap, | |||
.page-Test_Page_2 .FlexWrap, | |||
.page-Custom_Missions .FlexWrap { | |||
gap: 0.5em; | |||
} | } | ||
/* Armor Glow */ | |||
/* | .page-Armor_Glow #content img:not([src="/images/8/8c/Armor_Glow_Card.png"]) { | ||
. | max-height: 300px; | ||
min-height:auto; | |||
clip-path: inset(0px 0px 2px 0px); /* CROP */ | |||
} | } | ||
.page- | .page-Armor_Glow #GlowContainer0 { | ||
display:flex; | |||
flex-wrap: wrap; | |||
justify-content:space-between; | |||
margin-right:100px; | |||
padding-bottom:30px; | |||
text-align:center; | |||
} | } | ||
.page- | .page-Armor_Glow #GlowContainer1 { | ||
display:flex; | |||
flex-wrap: wrap; | |||
justify-content:space-around; | |||
margin-right:100px; | |||
padding-bottom:30px; | |||
text-align:center; | |||
} | } | ||
.page- | .page-Armor_Glow #GlowContainer2, #GlowContainer3 { | ||
display:flex; | |||
flex-wrap: wrap; | |||
justify-content:space-between; | |||
margin-right:100px; | |||
padding: | padding-bottom:30px; | ||
text-align:center; | |||
} | } | ||
.page- | /* Weapon Contour Page table */ | ||
.page-Weapon_Contours table { | |||
width:100%; | |||
} | } | ||
.page-Weapon_Contours td { | |||
padding:3px; | |||
} | |||
.page- | .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; | |||
} | } | ||
.page- | /* 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-Special_Search #mw-searchoptions { | |||
background-color:#6C6C6C; | |||
.page- | |||
background-color: #6C6C6C | |||
} | } | ||
.page-Special_Search #mw-page-base { | |||
.page- | margin-top:-4px; | ||
} | } | ||
. | /* Search File List Page */ | ||
.listfiles { | |||
color:black | |||
} | } | ||
/* SPECIAL SHIT */ | |||
/* ToggleButton */ | |||
#ToggleButton { | |||
border: solid 2px gray; | |||
border-radius:10px; | |||
background-color: var(--MT-Title-Color); | |||
padding: 0 5px 0 5px; | |||
margin-top:0.5em; | |||
user-select: none; | |||
cursor:pointer; | |||
} | |||
/* ToggleButton (hover) */ | |||
#ToggleButton:hover { | |||
border-color: var(--MT-Title-Hover-Color); | |||
filter: contrast(0.5); | |||
} | } | ||
/* | /* ToggleButton (active) */ | ||
#ToggleButton:active { | |||
border- | border-color:var(--MT-Map-Color); | ||
background-color: | background-color:var(--MT-Title-Active-Color); | ||
} | } | ||
. | /* ToggleContent */ | ||
.ToggleContent { | |||
max-height:5000rem!important; | |||
padding-top:0.5em; | |||
margin-bottom:0; | |||
overflow: hidden; /* Animation */ | |||
transition: max-height 5s ease-out; /* Animation */ | |||
} | } | ||
. | .ToggleElement { | ||
border: | display:flex; | ||
justify-content:center; | |||
width:4.2em; | |||
} | |||
/* ToggleTitle */ | |||
.ToggleTitle { | |||
position:absolute; | |||
z-index:-1; | |||
border: solid 3px transparent; | |||
padding: 0 0.3125em 0 5.5em; | |||
} | |||
/* Toggle, but div */ | |||
.r-ToggleGlobal { | |||
display: inline-flex; | |||
flex-direction: column; | |||
outline:2px solid gray; | |||
margin-left:2px; | |||
margin-bottom:0.3em; | |||
} | } | ||
. | .r-ToggleTitle { | ||
display:flex; | |||
justify-content: space-between; | |||
align-items:center; | |||
text-align:center; | text-align:center; | ||
cursor:pointer; | |||
user-select:none; | |||
background-color: var(--MT-Title-Color); | |||
border:1px solid black; | |||
outline:2px solid gray; | |||
} | |||
.r-ToggleTitle span.Expand { | |||
font-style:italic; | |||
font-weight:100; | |||
color:gray; | |||
width:20%; | |||
font-size:0.8em; | |||
} | } | ||
.r-ToggleTitle span.Expand:after { | |||
. | font-size:1em; | ||
padding-left:1em; | |||
content:"\007C" /* Pipe Character */ | |||
} | } | ||
.r-ToggleTitle span.Title { | |||
width:80%; | |||
. | |||
} | } | ||
. | .r-ToggleTitle span { | ||
text-shadow: black 1px 1px 10px; | |||
} | } | ||
. | .r-ToggleTitle:hover { | ||
border-color: var(--MT-Title-Hover-Color); | |||
} | filter: contrast(0.5); | ||
border:1px solid black; | |||
} | |||
. | .r-ToggleTitle:active { | ||
border-color:var(--MT-Map-Color); | |||
background-color:var(--MT-Title-Active-Color); | |||
} | } | ||
.r-ToggleContent { | |||
. | display: none; | ||
border:1px solid black; | |||
outline:2px solid gray; | |||
} | } | ||
. | .r-ToggleContent.active { | ||
display: block; | |||
} | } | ||
. | /* Toggle separate rows in table. JS Code */ | ||
.JS-Toggle-Row, .JS-Toggle-Row1, .JS-Toggle-Row2, .JS-Toggle-Row3, .JS-Toggle-Row4, .JS-Toggle-Row5 { | |||
display: none; | |||
} | } | ||
. | .JS-ItemTableToggle { | ||
cursor: pointer; | |||
} | } | ||
.JS-ItemTableToggle:hover { | |||
background-color: var(--ItemTableHoverColor); | |||
. | transition: background-color .3s ease-in-out; | ||
} | } | ||
/* Needed for JS Code */ | |||
.Script_DefaultShownValue{ | |||
display:inline-block | |||
} | |||
/* | /* Recent Changes box */ | ||
.page- | .page-Special_RecentChanges #mw-content-text > div.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible { | ||
color:black; | |||
} | } | ||
.page- | .page-Media .mw-parser-output div .gallerytext { | ||
margin-top:-5px; | |||
margin-bottom:-15px; | |||
text-align:center; | |||
} | } | ||
. | /* ################################################################################################################ */ | ||
width: | /* ################################################################################################################ */ | ||
/* ################################################################################################################ */ | |||
/* Main Page */ | |||
/* Contanct */ | |||
.Contact:after { | |||
display:block; | |||
content:"\2709"; | |||
width:0; | |||
height:0.9em; | |||
font-size:2em; | |||
color:gray; | |||
} | } | ||
.page- | /* Heading */ | ||
.page-Main_Page #firstHeading { | |||
display:none; | |||
} | } | ||
/* | /* Main picture content */ | ||
.page- | .page-Main_Page .MainPicture { | ||
display:flex; | |||
justify-content:center; | |||
flex-direction:row; | |||
} | } | ||
.page- | /* 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- | .page-Main_Page .MainPicture a img:hover { | ||
-webkit-filter: drop-shadow(0px 0px 15px gray); | |||
} | |||
padding: | |||
/* Description content */ | |||
.page-Main_Page .MainDSC { | |||
display:flex; | |||
flex-direction:column; | |||
flign-items:flex-start; | |||
padding-left:20%; | |||
padding-right:20%; | |||
} | } | ||
.page- | /* Pedia content */ | ||
.page-Main_Page .MainPedia { | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
text-align:center; | text-align:center; | ||
} | } | ||
.page-Main_Page .PediaTable { | |||
.page- | display:flex; | ||
justify-content:center; | |||
align-items:center; | |||
} | } | ||
.page-Main_Page .Pedia { | |||
padding-left:2em; | |||
.page- | padding-right:2em; | ||
padding | |||
} | } | ||
.page- | .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- | .page-Main_Page .PediaTable a img:hover { | ||
-webkit-filter: drop-shadow(0px 0px 8px gray); | |||
} | } | ||
.page-M- | /* 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-M- | .page-Main_Page .MainLinks p, | ||
border | .page-Main_Page .Events p, | ||
background-color: # | .page-Main_Page .Other p, | ||
margin- | .page-Main_Page .YouMAL p, | ||
.page-Main_Page .Shops 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; | |||
} | } | ||
.page- | /* 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 .Social p a: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 | |||
} | |||
.page-M- | /* 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 .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; | |||
} | } | ||
.page- | /* Links EVENTS picture - because different size picture*/ | ||
.page-Main_Page .Events p a:nth-child(1) { | |||
border: | padding:12px 0 14px 0; | ||
border-left:5px solid transparent; | |||
margin-left:-5px | |||
} | } | ||
/* | /* Links EVENTS text - because different size picture */ | ||
.page- | .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- | .page-Main_Page .Events p:hover, | ||
background-color: # | .page-Main_Page .Other p:hover, | ||
.page-Main_Page .YouMAL p:hover, | |||
.page-Main_Page .Useful 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- | .page-Main_Page .Shops p:hover { | ||
background-color:# | cursor: pointer; | ||
border:2px solid black; | |||
background-color: #2b314b; | |||
} | } | ||
.page- | /* 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 .Useful 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- | .page-Main_Page .YouMAL a:active, | ||
.page-Main_Page .Discord a:active { | |||
color:white!important; | |||
} | } | ||
.page-Main_Page .Shops p:active { | |||
.page- | cursor: pointer; | ||
border:2px solid #4e6271; | |||
background-color: gray; | |||
} | } | ||
/* Grid box: Gears, Events, Other */ | |||
.page- | /* Gears */ | ||
/* Gears, Events, Other Box */ | |||
.page-Main_Page .G_E_O-Box{ | |||
display:flex; | |||
padding: | flex-wrap:wrap; | ||
justify-content:space-around; | |||
flex-direction:row; | |||
padding-left:10%; | |||
padding-right:10%; | |||
} | } | ||
/* | /* Gears */ | ||
.page- | .page-Main_Page .G_E_O-Box .Gears{ | ||
margin | 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 .HoverImgMainPage { | |||
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- | .page-Main_Page .ContainerMainPage { | ||
position: relative; | |||
width: auto; | |||
} | } | ||
.page- | .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- | .page-Main_Page .ContainerMainPage:hover .OverlayMainPage { | ||
opacity: 1; | |||
} | } | ||
.page- | .page-Main_Page .HoverImgMainPage { | ||
color: white; | |||
font-size: 1.875rem; | |||
position: absolute; | |||
text-align: center; | |||
top: 50%; | |||
left: 50%; | |||
width:100%; | width:100%; | ||
transform: translate(-50%, -50%); | |||
-ms-transform: translate(-50%, -50%); | |||
} | } | ||
.page- | .page-Main_Page .Gears .ContainerMainPage:active { | ||
background-color: #7e9496; | |||
} | } | ||
/* | /* Shops */ | ||
.page- | .page-Main_Page .Shops { | ||
display:grid; | display:grid; | ||
grid-template- | padding-left:10%; | ||
grid-template-columns:auto | 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 { | |||
border:solid | display:block; | ||
border- | 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- | .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- | .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- | .page-Main_Page .Shops p:nth-child(3) { | ||
background- | background-image:url("/images/7/75/Parts_Shop.png"); | ||
} | background-size:cover; | ||
background-position-y:62%;} | |||
.page- | .page-Main_Page .Shops p:nth-child(4) { | ||
background-image:url("/images/5/56/WeaponShop.png"); | |||
} | background-size:cover; | ||
background-position-y:63%;} | |||
.page- | .page-Main_Page .Shops p:nth-child(5) { | ||
background- | background-image:url("/images/9/9a/Card_Shop.png"); | ||
} | background-size:cover; | ||
.page- | 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- | 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; | |||
} | } | ||
/* | /* Useful, 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 { | |||
.page- | padding-left:3em; | ||
padding-right:3em; | |||
text-align:center!important; | |||
} | } | ||
.page- | .page-Main_Page .Useful { | ||
text-align:center; | |||
} | |||
.page-Main_Page .U_D-Box .Discord { | |||
text-align:center; | 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 { | |||
.page-Main_Page | padding-right:0.5em; | ||
} | } | ||
/* | /* Title, main headers */ | ||
.page-Main_Page . | .page-Main_Page .Title, | ||
.page-Main_Page .Pedia span, | |||
.page-Main_Page .Shops.Title { | |||
font-weight:600; | |||
display:flex; | display:flex; | ||
justify-content:center; | justify-content:center; | ||
align-items:center; | |||
text-align:center; | |||
} | } | ||
.page-Main_Page .Title { | |||
filter: drop-shadow(0 0 7px white); | |||
font-size:1rem; | |||
} | |||
/* 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 . | .page-Main_Page .Social p, | ||
.page-Main_Page .Shops p { | |||
box-shadow:0px 0px 50px -25px black; | |||
.page-Main_Page . | |||
.page-Main_Page . | |||
} | } | ||
.page-Main_Page . | .page-Main_Page .G_E_O-Box .Gears .ContainerMainPage { | ||
box-shadow:0px 0px 50px -25px black; | |||
} | } | ||
.page-Main_Page . | .page-Main_Page .U_D-Box .Discord p, | ||
- | .page-Main_Page .U_D-Box .Useful 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; }} | |||
.page-Main_Page . | |||
@media screen and (max-width: 700px) { | |||
.page-Main_Page . | .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 . | .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; }} | |||
.page-Main_Page . | |||
. | |||
} | |||
@media screen and (max-width: 500px) { | |||
.page-Main_Page . | .page-Main_Page .Gears {transform:scale(0.60); transition: .2s ease-in-out; }} | ||
.page-Main_Page . | |||
. | @media screen and (max-width: 450px) { | ||
.page-Main_Page . | .page-Main_Page .Gears {transform:scale(0.55); transition: .2s ease-in-out; }} | ||
. | |||
@media screen and (max-width: 400px) { | |||
.page-Main_Page . | .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 . | .page-Main_Page .Gears {margin:-1.8em; transition: .2s ease-in-out; }} | ||
@media screen and (max-width: 750px) { | |||
.page-Main_Page . | .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; }} | |||
.page-Main_Page . | |||
@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; }} | |||
.page-Main_Page . | |||
. | |||
. | |||
.page-Main_Page . | |||
. | |||
@media screen and (max-width: 550px) { | |||
.page-Main_Page . | .page-Main_Page .Gears {margin:-5.3em; transition: .2s ease-in-out; }} | ||
.page-Main_Page . | @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 */ | ||
.page-Main_Page . | /* SP */ | ||
.page-Main_Page .Events p:nth-child(2) a:nth-child(2) { | |||
padding-right:15px; | |||
margin-right:-15px; | |||
padding- | |||
} | } | ||
/* | /* MS */ | ||
.page-Main_Page . | .page-Main_Page .Events p:nth-child(3) a:nth-child(2) { | ||
padding-right:11px; | |||
margin-right:-11px; | |||
} | } | ||
.page-Main_Page . | /* War */ | ||
.page-Main_Page .Events p:nth-child(4) a:nth-child(2) { | |||
margin: | padding-right:52px; | ||
margin-right:-52px; | |||
} | } | ||
.page-Main_Page . | /* FFA */ | ||
.page-Main_Page .Events p:nth-child(5) a:nth-child(2) { | |||
padding-right:43px; | |||
margin-right:-43px; | |||
} | } | ||
/* | /* FFA */ | ||
.page-Main_Page . | .page-Main_Page .Events p:nth-child(6) a:nth-child(2) { | ||
padding-right:8px; | |||
margin-right:-8px; | |||
} | } | ||
.page-Main_Page . | /* Oupost */ | ||
.page-Main_Page .Events p:nth-child(7) a:nth-child(2) { | |||
padding-right:34px; | |||
margin-right:-34px; | |||
right: | |||
} | } | ||
.page-Main_Page . | /* Domination */ | ||
.page-Main_Page .Events p:nth-child(8) a:nth-child(2) { | |||
padding-right:0; | |||
margin-right:-7px; | |||
} | } | ||
.page-Main_Page . | /* Space Ball */ | ||
.page-Main_Page .Events p:nth-child(9) a:nth-child(2) { | |||
padding-right:53px; | |||
margin-right:-53px; | |||
} | } | ||
.page-Main_Page . | |||
/* 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 . | .page-Main_Page .Other p:nth-child(3) a:nth-child(2) { | ||
padding-right:23px; | |||
margin-right:-23px; | |||
padding-right: | |||
} | } | ||
/* 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 . | .page-Main_Page .Other p:nth-child(5) a:nth-child(2) { | ||
padding-right:115px; | |||
margin-right:-115px; | |||
} | |||
padding-right: | /* Nation Transfer */ | ||
.page-Main_Page .Other p:nth-child(6) a:nth-child(2) { | |||
padding-right:87px; | |||
margin-right:-87px; | |||
} | } | ||
.page-Main_Page . | /* Multi Factor Authentication */ | ||
.page-Main_Page .Other p:nth-child(7) a:nth-child(2) { | |||
padding-right:0; | |||
margin-right:-7px; | |||
margin-right:- | |||
} | } | ||
/* | /* Multi Factor Authentication */ | ||
.page-Main_Page . | .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 . | .page-Main_Page .Other p:nth-child(10) a:nth-child(2) { | ||
padding-right:159px; | |||
margin-right:-159px; | |||
} | |||
/* Fixing Links */ | |||
/* Useful Links */ | |||
.page-Main_Page .Useful p{ | |||
border:2px solid #808080; | |||
padding:3px 7px 3px 7px; | |||
background-color:#445466; /* #f0f0f0 */ | |||
white-space:nowrap; | |||
.page-Main_Page . | } | ||
.page-Main_Page .Useful p span { | |||
color:white!important; | |||
display:flex; | |||
justify-content:center; | |||
padding:7px; | |||
margin:-7px; | |||
} | |||
/* Discord */ | |||
.page-Main_Page .Discord p { | |||
border:2px solid #808080; | |||
.page-Main_Page . | padding:3px 7px 3px 7px; | ||
background-color:#445466; /* #f0f0f0 */ | |||
white-space:nowrap; | |||
background- | } | ||
.page-Main_Page .Discord p a { | |||
color:white!important; | |||
display:flex; | |||
.page-Main_Page . | justify-content:center; | ||
padding:7px; | |||
margin:-7px; | |||
.page-Main_Page . | |||
background- | |||
.page-Main_Page . | |||
} | } | ||
.page-Main_Page . | |||
/* 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 . | .page-Main_Page .MainPedia { | ||
border-bottom: 1px solid white; | |||
padding-right: | 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 . | .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; | |||
} | } | ||
.page-Main_Page . | /* Border Shops Top | ||
padding- | .page-Main_Page .Shops.Title { | ||
padding- | 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 */ | |||
{border:2px solid #B99D19;} | |||
.M-Event p:nth-child(1):before /* Event */ | |||
{ | |||
content:'New!'; | |||
font-family:hacked, Helvetica, sans-serif; | |||
font-size:1.4rem; | |||
color:#E2CE6F; | |||
transform: rotate(-10deg); | |||
position:absolute; | |||
margin-top:-0.9em; | |||
margin-left:-0.5em; | |||
z-index:20; | |||
cursor:auto; | |||
pointer-events: none; | |||
} | |||
/* UPDATED UPDATED UPDATED --------------------- | |||
- Set number of child */ | |||
.MainLinks p:nth-child(0) /* NAME_NOTHING */ | |||
{border:2px solid #5BA600;} | |||
/* | .MainLinks p:nth-child(0):before /* NAME_NOTHING */ | ||
{ | |||
content:'Updated!'; | |||
font-family:hacked, Helvetica, sans-serif; | |||
font-size:1.4rem; | |||
color:#84ec04; | |||
transform: rotate(-10deg); | |||
position:absolute; | |||
margin-top:-0.9em; | |||
margin-left:-0.5em; | |||
z-index:20; | |||
cursor:auto; | |||
pointer-events: none; | |||
} | } | ||
/* | /* Special Styling for Shops UPDATED - Set number of child */ | ||
.page-Main_Page . | .page-Main_Page .Shops p:nth-child(0) /* NAME_NOTHING */ | ||
.page-Main_Page . | {border:2px solid #5BA600;} | ||
.page-Main_Page .Shops p:nth-child(0):before /* NAME_NOTHING */ | |||
{ | |||
content:'Updated!'; | |||
font-family:hacked, Helvetica, sans-serif; | |||
font-size:1.4rem; | |||
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 */ | |||
/* Item Icon */ | |||
.ItemTable:not(.Function){ | |||
outline:1px solid gray | |||
} | |||
.ItemTableIcon { | |||
margin-top:0.7em; | |||
margin-bottom:-3.2em; | |||
display:flex; | |||
justify-content:flex-end; | |||
} | } | ||
. | /* Craft Icons */ | ||
.ItemTable .Craft img { | |||
padding-left:0.8em; | |||
padding-right:0.8em; | |||
} | } | ||
. | .ItemTable span.Click { | ||
font-style:italic; | |||
{ | font-weight:100; | ||
float:right; | |||
} | color:gray; | ||
} | |||
.ItemTableEnchantInfo { | |||
font-style:italic; | |||
font-weight:100; | |||
color:gray; | |||
} | |||
/* | /* JS Toggle Display script to show calculated data */ | ||
.ItemTableEnchantInfo { | |||
display:inline; | |||
text-shadow: black 1px 1px 6px; | |||
} | |||
.ItemTableEnchantInfo:hover { | |||
color: white; | |||
cursor: pointer; | |||
} | |||
.ItemTableEnchantInfo:active { | |||
color:gray; | |||
} | |||
/* Default / Calculated text */ | |||
.ItemTableEnchantInfoText { | |||
display:inline; | |||
font-style:italic; | |||
. | font-weight:100; | ||
color:var(--ItemTableFunctionColor); | |||
cursor:context-menu; | |||
text-shadow: black 1px 1px 6px; | |||
} | |||
/* Toggle script to show calculated values + JS*/ | |||
.Script_DefaultShownValue {display:inline-block} | |||
.Script_HiddenCalculatedValue {display:none} | |||
.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; | |||
. | |||
padding- | |||
} | } | ||
/* | /* 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-right: | 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- | 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-right: | 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; | |||
. | |||
padding- | |||
} | } | ||
/* | /* 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-right: | 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-right: | 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; | |||
cursor:pointer; | |||
} | |||
/* Function */ | |||
.ItemTable.Function span { | |||
font-style:italic; | |||
font-weight:100; | |||
} | } | ||
/* | /* Function cels border */ | ||
. | .ItemTable.Function.cell-1 { | ||
background-color: var(--ItemTableFunctionHoverColorCell1); | |||
color:black; | |||
max-width:10em; /* Fixing table width when you click on the Function cell */ | |||
} | } | ||
.ItemTable.Function.cell-2 { | |||
. | background-color: var(--ItemTableFunctionHoverColorCell2); | ||
color:black; | |||
} | } | ||
.Function { | |||
max-width:10em; | |||
} | } | ||
/* | /* ItemTable Hover */ | ||
.ItemTable.Item td:hover { | |||
background-color: var(--ItemTableHoverColor); | |||
. | } | ||
color: | |||
.ItemTable.Weapon td:hover { | |||
background-color: var(--ItemTableHoverColor); | |||
} | } | ||
.ItemTable.Armor td:hover { | |||
. | background-color: var(--ItemTableHoverColor); | ||
color: | |||
} | } | ||
.ItemTable.Engine td:hover:not(.cell-2) { | |||
. | background-color: var(--ItemTableHoverColor); | ||
color: | |||
} | } | ||
.ItemTable.Function.Title:hover { | |||
background-color: var(--ItemTableFunctionHoverColorCell1); | |||
. | |||
color: | |||
} | } | ||
/* | /* Item List - used to display list of items */ | ||
. | .ItemList { | ||
display:inline-flex; | |||
flex-direction: column; | |||
user-select:none; | |||
cursor: pointer; | |||
word-break: break-word; | |||
outline: 1px solid gray; | |||
border-top: 1px solid black; | |||
border-left: 1px solid black; | |||
border-right: 1px solid black; | |||
} | } | ||
.ItemListRow { | |||
. | display:inline-flex; | ||
align-items:center; | |||
border-collapse: collapse; | |||
background-color: gray; | |||
border-bottom: 1px solid black; | |||
} | } | ||
.ItemListRow:hover { | |||
background-color: #ADABAB; | |||
color: | transition: background-color .1s ease-in-out; | ||
} | } | ||
.ItemListRow:active { | |||
background-color: #6C6C6C; | |||
. | |||
} | } | ||
.ItemListImageLink { | |||
. | padding:0.5em; | ||
padding | |||
} | } | ||
.ItemListImageLink img { | |||
max-width:min-content; | |||
} | } | ||
.ItemListName { | |||
padding-left:0.5em; | |||
padding-right:1em; | |||
} | } | ||
/* | /* Countdown Timer */ | ||
#CDTimer { | |||
display:flex; | |||
justify-content:center; | |||
font-family:hacked, Helvetica, sans-serif; | |||
font-size:5rem; | |||
color:#e4cb5c; | |||
user-select:none; | 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.8rem; | |||
margin-top:0.29em; | |||
} | } | ||
#CDTimer a{ | |||
color:#e4cb5c!important; | |||
} | } | ||
#CDTimer a:hover{ | |||
color:#ADABAB!important; | |||
} | } | ||
Revision as of 17:58, 6 May 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{
--ItemTableHoverColor: #ADABAB;
--ItemTableLeftColor: #2b2b2b;
--ItemTableRightColor: #6C6C6C;
--ItemTableFunctionColor: #FEAF24;
--ItemTableFunctionHoverColorCell1:#FBCE7B;
--ItemTableFunctionHoverColorCell2:#FDDCA0;
--MT-Title-Color: #424242;
--MT-Title-Hover-Color: #C0C0C0;
--MT-Title-Active-Color: #A5A4A4;
--MT-Header-Color: #616161;
--MT-Map-Color: #757575;
--MT-Value-Color: #9E9E9E;
}
/* border - black / outline - gray */
/* 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:0.813rem; /* 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:0.813rem; /* 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.9rem;
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.9rem;
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.9rem;
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:0.75rem; /* 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.9rem;
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.8rem
}
/* 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;
outline:1px solid gray;
}
/* 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;
width:11em;
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;
width:11em;
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;
width:11em;
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;
}
/* Mission Table */
.MT-Global {
border:1px solid black;
outline:2px solid gray;
border-collapse:collapse;
text-align:center;
max-width:50em;
margin-top:1em;
margin-bottom:0;
margin-left:2px;
cursor:pointer;
width:20em; /* Subject to change*/
}
.MT-Title {
background-color: var(--MT-Title-Color);
padding:0.3em;
cursor:pointer;
user-select:none;
}
.MT-Title span {
text-shadow: black 1px 1px 10px;
}
.MT-Title:hover {
border-color: var(--MT-Title-Hover-Color);
filter: contrast(0.5);
border:1px solid black;
}
.MT-Title:active {
border-color:var(--MT-Map-Color);
background-color:var(--MT-Title-Active-Color);
}
.MT-Header {
background-color: var(--MT-Header-Color);
border:1px solid black;
font-weight:600;
}
.MT-Map {
background-color: var(--MT-Map-Color);
border-top:1px solid black;
}
.MT-Value {
background-color: var(--MT-Value-Color);
border-bottom:1px dashed black;
}
/* List bullets */
.MT-Global td li::before {
display:none;
}
/* Top - Right - Bottom - Left */
.MT-Value ul {
margin:0.3em;
}
.MT-Value {
text-shadow: black 1px 1px 10px;
}
.MT-Value span {
text-shadow: white 1px 1px 30px;
}
/* Reward Box */
.MT-Title.r-reward {
border: 0;
}
/* MT-BCU / MT-ANI Templates */
span.MT-BCU:before {
content:'BCU';
color:#F5B930;
margin-left:-3em;
padding-right:1em;
text-shadow: #F5B930 1px 1px 5px;
}
span.MT-ANI:before {
content:'ANI';
color:#00FFFF;
margin-left:-2.7em;
padding-right:1.3em;
text-shadow: #00FFFF 1px 1px 5px;
}
/* Mission Table FlexWrap gap change */
.page-Test_Page .FlexWrap,
.page-Test_Page_2 .FlexWrap,
.page-Custom_Missions .FlexWrap {
gap: 0.5em;
}
/* 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 {
border: solid 2px gray;
border-radius:10px;
background-color: var(--MT-Title-Color);
padding: 0 5px 0 5px;
margin-top:0.5em;
user-select: none;
cursor:pointer;
}
/* ToggleButton (hover) */
#ToggleButton:hover {
border-color: var(--MT-Title-Hover-Color);
filter: contrast(0.5);
}
/* ToggleButton (active) */
#ToggleButton:active {
border-color:var(--MT-Map-Color);
background-color:var(--MT-Title-Active-Color);
}
/* ToggleContent */
.ToggleContent {
max-height:5000rem!important;
padding-top:0.5em;
margin-bottom:0;
overflow: hidden; /* Animation */
transition: max-height 5s ease-out; /* Animation */
}
.ToggleElement {
display:flex;
justify-content:center;
width:4.2em;
}
/* ToggleTitle */
.ToggleTitle {
position:absolute;
z-index:-1;
border: solid 3px transparent;
padding: 0 0.3125em 0 5.5em;
}
/* Toggle, but div */
.r-ToggleGlobal {
display: inline-flex;
flex-direction: column;
outline:2px solid gray;
margin-left:2px;
margin-bottom:0.3em;
}
.r-ToggleTitle {
display:flex;
justify-content: space-between;
align-items:center;
text-align:center;
cursor:pointer;
user-select:none;
background-color: var(--MT-Title-Color);
border:1px solid black;
outline:2px solid gray;
}
.r-ToggleTitle span.Expand {
font-style:italic;
font-weight:100;
color:gray;
width:20%;
font-size:0.8em;
}
.r-ToggleTitle span.Expand:after {
font-size:1em;
padding-left:1em;
content:"\007C" /* Pipe Character */
}
.r-ToggleTitle span.Title {
width:80%;
}
.r-ToggleTitle span {
text-shadow: black 1px 1px 10px;
}
.r-ToggleTitle:hover {
border-color: var(--MT-Title-Hover-Color);
filter: contrast(0.5);
border:1px solid black;
}
.r-ToggleTitle:active {
border-color:var(--MT-Map-Color);
background-color:var(--MT-Title-Active-Color);
}
.r-ToggleContent {
display: none;
border:1px solid black;
outline:2px solid gray;
}
.r-ToggleContent.active {
display: block;
}
/* Toggle separate rows in table. JS Code */
.JS-Toggle-Row, .JS-Toggle-Row1, .JS-Toggle-Row2, .JS-Toggle-Row3, .JS-Toggle-Row4, .JS-Toggle-Row5 {
display: none;
}
.JS-ItemTableToggle {
cursor: pointer;
}
.JS-ItemTableToggle:hover {
background-color: var(--ItemTableHoverColor);
transition: background-color .3s ease-in-out;
}
/* Needed for JS Code */
.Script_DefaultShownValue{
display:inline-block
}
/* 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 */
/* Contanct */
.Contact:after {
display:block;
content:"\2709";
width:0;
height:0.9em;
font-size:2em;
color:gray;
}
/* 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 .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 .Social p a: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 .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 .Useful 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 .Useful 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 .HoverImgMainPage {
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 .HoverImgMainPage {
color: white;
font-size: 1.875rem;
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;
}
/* Useful, 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 .Useful {
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;
text-align:center;
}
.page-Main_Page .Title {
filter: drop-shadow(0 0 7px white);
font-size:1rem;
}
/* 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 .Useful 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 */
.page-Main_Page .Useful p{
border:2px solid #808080;
padding:3px 7px 3px 7px;
background-color:#445466; /* #f0f0f0 */
white-space:nowrap;
}
.page-Main_Page .Useful p span {
color:white!important;
display:flex;
justify-content:center;
padding:7px;
margin:-7px;
}
/* Discord */
.page-Main_Page .Discord p {
border:2px solid #808080;
padding:3px 7px 3px 7px;
background-color:#445466; /* #f0f0f0 */
white-space:nowrap;
}
.page-Main_Page .Discord p a {
color:white!important;
display:flex;
justify-content:center;
padding:7px;
margin:-7px;
}
/* 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 */
{border:2px solid #B99D19;}
.M-Event p:nth-child(1):before /* Event */
{
content:'New!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4rem;
color:#E2CE6F;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
pointer-events: none;
}
/* UPDATED UPDATED UPDATED ---------------------
- Set number of child */
.MainLinks p:nth-child(0) /* NAME_NOTHING */
{border:2px solid #5BA600;}
.MainLinks p:nth-child(0):before /* NAME_NOTHING */
{
content:'Updated!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4rem;
color:#84ec04;
transform: rotate(-10deg);
position:absolute;
margin-top:-0.9em;
margin-left:-0.5em;
z-index:20;
cursor:auto;
pointer-events: none;
}
/* Special Styling for Shops UPDATED - Set number of child */
.page-Main_Page .Shops p:nth-child(0) /* NAME_NOTHING */
{border:2px solid #5BA600;}
.page-Main_Page .Shops p:nth-child(0):before /* NAME_NOTHING */
{
content:'Updated!';
font-family:hacked, Helvetica, sans-serif;
font-size:1.4rem;
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 */
/* Item Icon */
.ItemTable:not(.Function){
outline:1px solid gray
}
.ItemTableIcon {
margin-top:0.7em;
margin-bottom:-3.2em;
display:flex;
justify-content:flex-end;
}
/* Craft Icons */
.ItemTable .Craft img {
padding-left:0.8em;
padding-right:0.8em;
}
.ItemTable span.Click {
font-style:italic;
font-weight:100;
float:right;
color:gray;
}
.ItemTableEnchantInfo {
font-style:italic;
font-weight:100;
color:gray;
}
/* JS Toggle Display script to show calculated data */
.ItemTableEnchantInfo {
display:inline;
text-shadow: black 1px 1px 6px;
}
.ItemTableEnchantInfo:hover {
color: white;
cursor: pointer;
}
.ItemTableEnchantInfo:active {
color:gray;
}
/* Default / Calculated text */
.ItemTableEnchantInfoText {
display:inline;
font-style:italic;
font-weight:100;
color:var(--ItemTableFunctionColor);
cursor:context-menu;
text-shadow: black 1px 1px 6px;
}
/* Toggle script to show calculated values + JS*/
.Script_DefaultShownValue {display:inline-block}
.Script_HiddenCalculatedValue {display:none}
.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;
cursor:pointer;
}
/* Function */
.ItemTable.Function span {
font-style:italic;
font-weight:100;
}
/* Function cels border */
.ItemTable.Function.cell-1 {
background-color: var(--ItemTableFunctionHoverColorCell1);
color:black;
max-width:10em; /* Fixing table width when you click on the Function cell */
}
.ItemTable.Function.cell-2 {
background-color: var(--ItemTableFunctionHoverColorCell2);
color:black;
}
.Function {
max-width:10em;
}
/* 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:not(.cell-2) {
background-color: var(--ItemTableHoverColor);
}
.ItemTable.Function.Title:hover {
background-color: var(--ItemTableFunctionHoverColorCell1);
}
/* Item List - used to display list of items */
.ItemList {
display:inline-flex;
flex-direction: column;
user-select:none;
cursor: pointer;
word-break: break-word;
outline: 1px solid gray;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.ItemListRow {
display:inline-flex;
align-items:center;
border-collapse: collapse;
background-color: gray;
border-bottom: 1px solid black;
}
.ItemListRow:hover {
background-color: #ADABAB;
transition: background-color .1s ease-in-out;
}
.ItemListRow:active {
background-color: #6C6C6C;
}
.ItemListImageLink {
padding:0.5em;
}
.ItemListImageLink img {
max-width:min-content;
}
.ItemListName {
padding-left:0.5em;
padding-right:1em;
}
/* Countdown Timer */
#CDTimer {
display:flex;
justify-content:center;
font-family:hacked, Helvetica, sans-serif;
font-size:5rem;
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.8rem;
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;
}