Common.css

/* CSS placed here will be applied to all skins */

/* Use nojs to hide something when JavaScript is available 
- this CSS hides it when JS is available */
.client-js .nojs {
	display: none;
}

/* Use jsonly to show something only when JavaScript is available
- this CSS hides it when JS is not available*/
.client-nojs .jsonly {
	display: none;
}

.poe1map {
    width: 1024px;
    height: 576px;
    margin: auto;
    background: url(/media/5/58/World_map_background_cropped_loss.jpg);
    background-size: 100%;
    position:relative;
}

.px1map {
    width: 1084px;
    height: 610px;
    margin: auto;
    background: url(/media/2/23/PX1_world_map_background_loss.jpg);
    background-size: 100%;
    position: relative;
}

.poe2map {
    width: 1200px;
    height: 1200px;
    margin: auto;
    background: url(/media/c/c6/PoE2_World_Map_Full.jpg);
    background-size: 100%;
    position: relative;
}

/* === Responsive images === */
/* To have images always fill their container within aspect. See Template:Resimg for more info  */
.res-img {
	display: flex;
}

.res-img img:first-of-type {
    max-width: 100%;
    width: auto;
    height: auto;
}

.res-img .tright,
.res-img .tleft{
	margin: inherit;
}

/* Override certain width/height styles */
.res-img .thumbinner,
.res-img .noresize {
    width: inherit !important;
    height: inherit !important;
}

.res-img .noresize {
	position: relative;
}

/* Infoboxstack - Class to vertically stack infoboxes */
/* To use: wrap multiple infoboxes in <div class="infoboxstack"></div> */
.infoboxstack {
    float: right;
    display: grid;
    justify-items: end;
}

/* Override width of old infobox style to matches new infobox */
.infoboxstack .infobox {
    width: 300px !important;
    padding: 0.2em !important;
}

/* Fix for paragraphs in table cells having uneven margins when both paragraphed and non-paragraphed text is used (which is common). */
/*
table.wikitable p:first-child {
    margin-top: 0px;
}
*/
table.wikitable p:last-child {
    margin-bottom: 0px;
}

/* Fix for the margin-top style (of ul primarily, but now also other tags) only applying to the first column when using column-count attribute in a table, causing the column to be offset - and therefore the cells (e.g. Template:Cols). */
/* This also fixes lop-sided col/row arrangements when using cols, which may make tables that were "fixed" to account for this look irregular, since the arrangement will likely be shifted as a result ! */
/* div[style*="column-count:"] > * */
.mw-columns > * {
    margin-top: 0px;
}

.fptab {
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 22px;
    -moz-border-image: url(/media/e/ea/FP_tabs2.png) 5 22 round;
    -webkit-border-image: url(/media/e/ea/FP_tabs2.png) 5 22 round;
    -o-border-image: url(/media/e/ea/FP_tabs2.png) 5 22 round;
    border-image: url(/media/e/ea/FP_tabs2.png) 5 22 fill round;
    font-family: "EB Garamond";
}

/* ################################################## */
/* ### CATEGORYTREE EXTENSION                     ### */
/* ################################################## */
 
.va-artlist.CategoryTreeTag {   
display: inline-flex;

}
.va-artlist a.CategoryTreeLabelPage,
.va-artlist-hidefirst a.CategoryTreeLabelPage {
   font-style: normal;
}
 
.va-artlist div.CategoryTreeItem,
.va-artlist-hidefirst div.CategoryTreeItem {
   display: list-item;
   list-style-image: none;
   list-style-image: none !ie;
   list-style-position: outside;
   list-style-type: disc;
   margin-left: 1.5em;
}
 
.va-artlist-hidefirst div.CategoryTreeSection:first-child,
.va-artlist span.CategoryTreeBullet {
   display: none;
}