Revision as of 10:00, 9 August 2024

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

.item-tooltip-parent .item-tooltip-text {
    visibility: hidden;
    background-color: #100210;
    color: #FFF;
    text-align: center;
    padding: 6px 12px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.1s;
    margin-top: 10px;
    width: max-content;
    max-width: 200px;
    box-shadow: 0 0 0 2px #24015B, 0 0 0 4px #100210;
}

.item-tooltip-parent:hover .item-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.item-icon {
    background-image: url(/images/0/06/ItemIcons.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}

.stack-breakout-text {
    color: var(--text-color-wikitable);
    font-style: italic;
}

table.infobox {
    float:right;
    width:20%;
    border: 1px solid black;
}

.itemtable, body .itemtable {
    color: var(--text-color-wikitable);
    border-color: var(--border-color-wikitable);
    display: block;
}

.itemtable>tr>th, body .itemtable>tr>th, .itemtable>tr>td, body .itemtable>tr>td, .itemtable>*>tr>th, body .itemtable>*>tr>th, .itemtable>*>tr>td, body .itemtable>*>tr>td {
    border-color: var(--border-color-wikitable)
}

@media screen {
    .itemtable {
        color: #202122;
        margin: 1em 0;
        border-collapse: collapse;
    }

    .itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td {
        border: 1px solid #a2a9b1;
        padding: 0.2em 0.4em
    }

    .itemtable>tr>td, .itemtable>*>tr>td {
        display: inline-block;
        text-align: center;
    }

    .itemtable>tr>th, .itemtable>*>tr>th {
        background-color: #eaecf0;
        text-align: center
    }

    .itemtable>caption {
        font-weight: bold
    }
}

@media print {
    .itemtable {
        background: #fff;
        margin: 1em 0;
        border: 1pt solid #aaa;
        border-collapse: collapse;
        font-size: 10pt;
        page-break-inside: avoid
    }

    .itemtable>caption {
        padding: 5px;
        font-size: 10pt
    }

    .itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td {
        background: #fff !important;
        color: #000 !important;
        border: 1pt solid #aaa;
        padding: 0.4em 0.6em
    }

    .itemtable>tr>th, .itemtable>*>tr>th {
        text-align: center
    }
}