Template:Emblem/style.css

.emblemtable {
    width: 100%;
    min-width: 380px;
    max-width: 780px;
}

.emblemtable .emblem {
    margin: auto;
}

.emblemtable .summary img {
    max-width: 100%;
    max-height: 240px;
    object-fit: contain;
}

/* .emblemtable .summary img.splashicon {
    max-height: 425px;
} */

.item-name-main {
    display: block; text-align: center; font-size: 22px; font-weight: bold;
}

.item-name-sub {
    display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
}

.item-description {
    display: block;
    width: 100%;
    clear: both;
}

.emblemtable .rarity {
    text-align: center;
}



.emblemtable .data-row {
    text-align: center;
}

.emblemtable .data-row > td,
.emblemtable .data-row > th {
    width: calc(100% / 4);
}


/* Emblem */
div.emblem {
    position: relative;
    width: 100%;
    max-width: 558px;
}

div.emblem > div {
    width: 100%;
    box-sizing: border-box;
}

div.emblem .name {
    position: absolute;
    padding-left: 26%;
    padding-right: 2%;
    top:8%;
    text-align: center;
    text-transform: uppercase;
    color: #4f6881;
    text-shadow: 0 0 3px #fff;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff;
}

div.emblem .emblem-icon {
    position: absolute;
    top: 3px;
    left: 4px;
}