Guild Wars 2 Wiki:Projects/CSS documentation/template infoboxes- minerva

From Guild Wars 2 Wiki
Jump to navigationJump to search
/** INFOBOXES **/
.content .infobox,
.recipe-box {
    border: 1px solid black;
}

.infobox .heading,
.recipe-box .heading {
    background-color: #DDD;
    margin: 0em;
    padding: 0.5em 1em;
    border-bottom:1px solid black;
    color: #FFF !important;
    background-color: #444;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.75) 0 0 .25em;
    font-size: 120%;
}

.infobox-icon {
    margin: 1.2em;
    float: right;
}

.infobox .statistics {
    margin: 0 2em;
}

.infobox .statistics span + span {
    margin-left: 5px;
}

.infobox .wrapper, .recipe-box .wrapper {
    background-color: white;
    padding: 0.5em;
    clear: both;
}

.infobox dd, .recipe-box dd, .ingredients dd {
    margin-left: 1em;
}

.infobox table {
    margin: 0em;
}

/* Over-ride native mediawiki rule which sets tables to display as block below 720px */
@media all and (max-width:720px) {
    .content .infobox table {
        display: table;
    }
}

/* Color themes - apply skill/trait first since they'll be overwritten */
div.infobox.skill .heading,
div.infobox.trait .heading {
    background-color: #444;
}

div.infobox.guardian .heading {
    background-color: #066;
}

div.infobox.revenant .heading {
    background-color: #861313;
}

div.infobox.warrior .heading {
    background-color: #C60;
}

div.infobox.engineer .heading {
    background-color: #630;
}

div.infobox.ranger .heading {
    background-color: #360;
}

div.infobox.thief .heading {
    background-color: #933;
}

div.infobox.elementalist .heading {
    background-color: #C00;
}

div.infobox.mesmer .heading {
    background-color: #606;
}

div.infobox.necromancer .heading {
    background-color: #063;
}

div.infobox.asura .heading {
    background-color: #63C;
}

div.infobox.charr .heading {
    background-color: #900;
}

div.infobox.human .heading {
    background-color: #C90;
}

div.infobox.norn .heading {
    background-color: #069;
}

div.infobox.sylvari .heading {
    background-color: #060;
}

div.infobox.boon .heading {
    background-color: #399;
}

div.infobox.condition .heading {
    background-color: #363;
}

div.infobox.promo .heading {
    background-color: #6EA500;
}

div.infobox.item .heading {
    background-color: #C30;
}

div.infobox.skin .heading {
    background-color: #C4003E;
}

div.infobox.crafting .heading {
    background-color: #533610;
}

div.infobox.npc .heading {
    background-color: #390;
}

div.infobox.pet .heading {
    background-color: #360;
}

div.infobox.quest .heading {
    background-color: #F90;
}

div.infobox.area .heading {
    background-color: #306;
}

div.infobox.rewardtrack .heading {
    background-color: #001434;
}

div.recipe-box .heading {
    padding: 1em;
}

div.recipe-box .subheading {
    padding: 0.5em 1em;
    font-weight: bold;
    border-bottom: 1px solid black;
}