MediaWiki:Common.css

/* import font for mainpage */ @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700');

/* article page transparency */ /** dark mode **/ .theme-fandomdesktop-dark .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.9); }

/** light mode **/ .theme-fandomdesktop-light .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.85); }

/* mainpage styling */ .mpbox { border: 1px solid #000; background-position: center; filter: drop-shadow(0 0 5px #000); box-shadow:inset 0 0 60px 25px rgba(0,0,0,1); padding: 5px; margin: 5px; color: #fff; }

.mpcontents { background-image: url(https://static.wikia.nocookie.net/archeage_gamepedia/images/f/fd/Skies_1920x1080.jpg); }

.mpmedia { background-image: url(https://static.wikia.nocookie.net/archeage_gamepedia/images/6/6e/Arch_1920x1080.jpg); background-position: bottom; }

.mphelp { background-image: url(https://static.wikia.nocookie.net/archeage_gamepedia/images/6/6d/Mountain_1920x1080.jpg); background-position: top; }

.mpheader { font-family: 'Philosopher', serif; font-size: 24pt; color: #fff; text-align: center; text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; }

.mpbox a:not(.image) { filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 3px #000) drop-shadow(0 0 3px #000); }

.mpbox a:not(.new) { color: #b9e8a5; }

.mpbox + .mpbox { margin-top: 20px; }

.mpbox .gallery li.gallerybox div.thumb { border: none; }

.mpbox .gallery div { margin: 5px !important; }

.mpbox .gallery img { border: 1px solid #000; }

/* for invert template for white icons to appear directly on article pages as black */ .theme-fandomdesktop-light .invert { filter: invert(100%); }

/***************** * Rarity Colors * *****************/

.rarity-color-crude { color: #949293; }

.rarity-color-basic { color: #BA976D; }

.rarity-color-grand { color: #77b064; }

.rarity-color-rare { color: #558fd7; }

.rarity-color-arcane { color: #cb72d8; }

.rarity-color-heroic { color: #d78b06; }

.rarity-color-unique { color: #e17853; }

.rarity-color-celestial { color: #f95252; }

.rarity-color-divine { color: #cf7d5d; }

.rarity-color-epic { color: #8fa5ca; }

.rarity-color-legendary { color: #bf7900; }

.rarity-color-mythic { color: #c90b0b; }

.inside-table { width: 100%; }

.inside-table td { border: none; padding: 0 5px; margin: 0; }

.absolute-top { position: absolute; top: 0; }

.important { color: red; font-weight: 700; }

.admin { text-decoration: underline; font-weight: 700; }

.template td { min-width: 400px; max-width: 500px; vertical-align: top; border: none !important; }

.template th { max-width: 500px; }

/****************** * Infobox Styles * ******************/ table.infobox { background: none; border-collapse: separate; border-spacing: 2px; margin: 0 0 1.5em 1em; float: right; clear: right; width: 22em; }

table.infobox .title, table.infobox .section { text-align: center; }

table.infobox .title { font-size: 120%; }

table.infobox > tr > td, table.infobox > * > tr > td { text-align: right; padding-left: .5em; padding-right: .5em; background: rgba(0,0,0,.15); }

table.infobox > tr > th, table.infobox > * > tr > th { text-align: left; padding-left: .5em; padding-right: .5em; background: rgba(0,0,0,.3); }

.infobox3 { float: right; margin: 0 0 1.5em 1em; width: 22em; }

.infobox3 > tr > th, .infobox3 > * > tr > th { background: rgba(0,0,0,.3); padding: 1px .25em; text-align: left; }

.infobox3 > tr > td, .infobox3 > * > tr > td { background: rgba(0,0,0,.15); padding: 1px .25em; text-align: right; }

/************************************* * Skillset panel and skill tooltips * *************************************/

.skillset-panel { background: #eeefdd; color: #775120; width: 195px; padding: 5px; }

.skillset-panel > .skillset-name { font-size: 120%; }

.skill-rank-overlay { position: absolute; color: white; bottom: 0; left: 0; text-align: center; line-height: normal; width: 16px; height: 16px; padding: 4px 4px 0 0; background: url(https://static.wikia.nocookie.net/archeage_gamepedia/images/5/59/Skill-rank-overlay.png/revision/latest?cb=20140506182339); }

.passive-label { float: right; }

.skill-tooltip, .infobox2 { background: rgba(92,68,46,.95); border: solid 1px black; box-shadow: 0 0 .25em rgba(0,0,0,.75) inset,0 0 .25em rgba(0,0,0,.75); box-sizing: border-box; color: #d0c3b3; width: 295px; padding: 13px; z-index: 100; }

.skill-tooltip-section { overflow-y:hidden; }

.tooltip-orange, .skilltt-buff_duration, .skill-tooltip .skillset-name { color: #FF9C27; }

.skill-tooltip .skill-name { color: white; }

.tooltip-green, .skilltt-heal, .skilltt-damage { color: #00ff45; }

.itemtt-use, .skilltt-combo, .skill-tooltip-section-combos { color: #9cac63; }

.skillset-panel .skills { position: relative; height: 230px; }

.active-skill, .passive-skill { border: solid 1px black; position: absolute; }

.active-skill-1, .active-skill-4, .active-skill-7, .active-skill-10 { top: 0; left: 0; }

.active-skill-2, .active-skill-5, .active-skill-8, .active-skill-11 { top: 0; left: 47px; }

.active-skill-3, .active-skill-6, .active-skill-9 { top: 0; left: 94px; }

.active-skill-4, .active-skill-5, .active-skill-6, .passive-skill-2 { top: 47px; }

.active-skill-7, .active-skill-8, .active-skill-9, .passive-skill-3 { top: 94px; }

.active-skill-10, .active-skill-11, .passive-skill-4 { top: 141px; }

.passive-skill-5 { top: 188px; }

.passive-skill { right: 0; }

/***************************** /* Infobox Version 2        * /*****************************/ .infobox2 table { width: 100%; }

.infobox2 table td { text-align: right; padding: 0px 1px !important; }

.infobox2 table th { text-align: left; padding: 0px 1px !important; }

.infobox2 p { margin: 0px !important; }

.infobox2 .item_icon { float: left; margin-right: 5px; }

.infobox2 .item_icon_right { float: right; margin-left: 5px; }

.infobox2 .spacer { border-bottom: #6e5137 1px solid; }

.infobox2 .item_use_title { font-weight: bold; color: #8b8a8a; }

.infobox2 .no_sell { color: red; text-align: left; }

/***************************** /* Formatting Fixes & Tweaks * /*****************************/

/* Fixes an issue when single indent preformatted text contacts a right floating image. */   overflow-x: auto; }
 * 1) content pre {

/********************* /* Notice box styles * /*********************/

.notice { color: #333; margin: 0 10% 1em; background: #f9f9f9; border-style: solid; border-color: #333; border-width: 2px 2px 2px 5px; }

/**************** * Ambox styles * ****************/

.ambox { background-color: #282828; border: none; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

/* Ambox colors */

.ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }

/********************************* /* Template Documentation styles * /*********************************/

.template-documentation { background: rgba(0,0,0,.14); border: none; clear: both; padding: .5em; }

.template-documentation-heading { border-bottom: solid 1px #41db88; }

/********************** /* Rarity icon styles * /**********************/

.rarity-icon { position: relative; display: inline-block; }

/* This should be the icon */ .rarity-icon > a:nth-child(1), .rarity-icon > img:nth-child(1) { }

/* This should be the rarity overlay */ .rarity-icon > a:nth-child(2), .rarity-icon > img:nth-child(2) { position:absolute; top: 0; left: 0; }

/************* * Old stuff * *************/

.aaimportant a { color: #00F3FF !important; }

.archeage { background: linear-gradient(to bottom, #75BABD 0px, #519EB8 50%, #477D9F 100%) transparent; border-radius: 10px; padding: 5px; margin: auto; }

.archeage a { color: #00F3FF; text-decoration: underline; }

.archeage a:visited { color: #6BCCBF; }

.archeage a.external { color: #00F3FF; }

.archeage .like-header { font-size: 20px; color: #000; }

table.vertable { border-spacing: .5em; }

table.vertable th { background: #202020; border-radius: 0.5em; padding: 5px; }

table.vertable a:hover img { opacity: 0.8; }

border-radius: 7px; }
 * 1) zaokraglenie img {

.newsall dl dt { display: inline-block; font-size: 20px; }

.newsall dl { padding-top: 5px; padding-bottom: 5px; text-align:left; }

.newsall dd { display: inline-block; font-size: 20px; font-weight: 700; margin-left: 10px; }

.newsall small { color: grey !important; font-size: 10px; font-style: italic; vertical-align: middle; }

.kr { background: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/6/6f/Kr.jpg/revision/latest?cb=20130713124452") 100% 50%/20px no-repeat transparent; display: inline-block; padding-right: 22px; }

.jp { background: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/a/a7/Jp.jpg/revision/latest?cb=20130713130153") 100% 50%/20px no-repeat transparent; display: inline-block; padding-right: 22px; }

.zh { background: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/9/93/Zh.jpg/revision/latest?cb=20130713130216") 100% 50%/20px no-repeat transparent; display: inline-block; padding-right: 22px; }

.ru { background: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/8/89/Ru.jpg/revision/latest?cb=20130713130300") 100% 50%/20px no-repeat transparent; display: inline-block; padding-right: 22px; }

.eu { background: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/3/35/Eu.jpg/revision/latest?cb=20130713130240") 100% 50%/20px no-repeat transparent; display: inline-block; padding-right: 22px; }

.wikitable2 td { padding: 10px !important; }

.wikitable2 { border: 5px solid #333333 !important; text-align: center; }

.wikitable2 .linia { border-top: 5px solid #333333 !important; }

.prettytable { border: solid 5px #333; border-collapse: collapse; }

.prettytable > * > tr > th { background: #333; color: white; padding: 5px; }

.prettytable > * > tr > td { background: white; border: solid 1px silver; padding: 5px; }

.whitearrows .headerSort { background-image: url("https://static.wikia.nocookie.net/archeage_gamepedia/images/0/03/Whitearrows.gif/revision/latest?cb=20130713160851") !important; color: white !important; }

.wikitable2 .mark { background: #C1DAD7 !important; color: #606060 !important; }

.wikitable2 .mark2 { background: #959595; color: black; }

.radius8img img { border-radius: 8px; }

/************************ /* simple-navbox styles * /************************/ .simple-navbox, .simple-navbox .sub-navbox, .simple-navbox .navbox-subgroup { background: none; border-spacing: 2px; margin: -3px; width: calc( 100% + 6px ); } .simple-navbox { border: none; margin: -2px; margin: 1em 0; width: calc( 100% + 4px ); } .simple-navbox .sub-navbox, .simple-navbox .navbox-subgroup { border: none; } .simple-navbox .navbox-title { background: rgba(0,0,0,.3); text-align: center; } .simple-navbox .sub-navbox .navbox-title { background: rgba(0,0,0,.275); text-align: center; } .simple-navbox > tr > th, .simple-navbox > * > tr > th, .simple-navbox .sub-navbox > tr > th, .simple-navbox .sub-navbox > * > tr > th, .simple-navbox .navbox-subgroup > tr > th, .simple-navbox .navbox-subgroup > * > tr > th { background: rgba(0,0,0,.15); border: none; padding-left: .75em; padding-right: .75em; text-align: right; white-space: nowrap; width: 1px; } .simple-navbox > tr > td, .simple-navbox > * > tr > td { font-size: 88%; } .simple-navbox > tr > td:not(.navbox-container), .simple-navbox > * > tr > td:not(.navbox-container), .simple-navbox .sub-navbox > tr > td:not(.navbox-container), .simple-navbox .sub-navbox > * > tr > td:not(.navbox-container), .simple-navbox .navbox-subgroup > tr > td:not(.navbox-container), .simple-navbox .navbox-subgroup > * > tr > td:not(.navbox-container) { background: rgba(0,0,0,.075); border: none; padding-left: .75em; padding-right: .75em; }

/** * Style for horizontal lists (separator following item). * @source mediawiki.org/wiki/Snippets/Horizontal_lists * @revision 6 (2014-05-09) * @author mw:User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ") "; font-weight: normal; } /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { content: ") ";   font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol {    counter-reset: listitem; } .hlist ol > li {    counter-increment: listitem; } .hlist ol > li:before {    content: " " counter(listitem) " ";    white-space: nowrap; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before {    content: " (" counter(listitem) " "; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }