Template:Emblem/style.css
Jump to navigation
Jump to search
.emblemtable {
width: 100%;
min-width: 380px;
max-width: 780px;
}
.emblemtable .emblem {
margin: 3em auto 2em;
}
.emblemtable .summary img {
max-width: 100%;
max-height: 240px;
object-fit: contain;
}
.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;
text-align: center;
}
.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;
aspect-ratio: 558/106;
/* container-type: inline-size; does not pass MediaWiki css sanitation, moved inline */
}
div.emblem > div {
width: 100%;
box-sizing: border-box;
}
div.emblem .name {
position: absolute;
padding-left: 26%;
padding-right: 2%;
top:8%;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
color: #4f6881;
text-shadow: 0 0 3px #fff;
font-size: 32px;
/* font-size: 5.8cqw; does not pass MediaWiki css sanitation, moved inline */
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;
height: 100%;
width: auto;
padding-top: 0.55%;
padding-left: 0.7%;
padding-bottom: 1.9%;
}
div.emblem .emblem-icon img {
height: 100%;
width: auto;
}
div.emblem .emblem-iconbg img {
width: 100%;
height: auto;
}