Difference between revisions of "Template:Transient extended infobox"

From Tokyo Afterschool Summoners
Jump to navigation Jump to search
Line 411: Line 411:
}
}


div.transient-infobox .header {
.transient-infobox .header {
     width: auto;
     width: auto;
     margin: 4px 4px 2px 4px;
     margin: 4px 4px 2px 4px;
Line 417: Line 417:
}
}


div.transient-infobox .header .icon {
.transient-infobox .header .icon {
     float: left;
     float: left;
     vertical-align: bottom;
     vertical-align: bottom;
}
}


div.transient-infobox .header .caption {
.transient-infobox .header .caption {
     color: #000000;
     color: #000000;
     font-size: 1.5em;
     font-size: 1.5em;
Line 430: Line 430:
}
}


div.transient-infobox .header .caption > .name {
.transient-infobox .header .caption > .name {
     font-weight: bold;
     font-weight: bold;
}
}


div.transient-infobox .header .caption > .sub {
.transient-infobox .header .caption > .sub {
     font-size: 0.8em;
     font-size: 0.8em;
}
}
Line 482: Line 482:


/* fire */
/* fire */
div.fire .header {
.fire .header {
     background-color: #ffbfbf;
     background-color: #ffbfbf;
}
}


div.fire .body .data tr > th {
.fire .body .data tr > th {
     background-color: #ffd2d0;
     background-color: #ffd2d0;
}
}


div.fire .body .data tr > th + th {
.fire .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #ffdddc;
     background-color: #ffdddc;
Line 496: Line 496:


/* water */
/* water */
div.water .header {
.water .header {
     background-color: #bfd9ff;
     background-color: #bfd9ff;
}
}


div.water .body .data tr > th {
.water .body .data tr > th {
     background-color: #d0e3ff;
     background-color: #d0e3ff;
}
}


div.water .body .data tr > th + th {
.water .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #dceaff;
     background-color: #dceaff;
Line 510: Line 510:


/* wood */
/* wood */
div.wood .header {
.wood .header {
     background-color: #bfffbf;
     background-color: #bfffbf;
}
}


div.wood .body .data tr > th {
.wood .body .data tr > th {
     background-color: #dcffdc;
     background-color: #dcffdc;
}
}


div.wood .body .data tr > th + th {
.wood .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #e3ffe3;
     background-color: #e3ffe3;
Line 524: Line 524:


/* light */
/* light */
div.light .header,
.light .header,
div.aether .header {
.aether .header {
     background-color: #ffd4bf;
     background-color: #ffd4bf;
}
}


div.light .body .data tr > th,
.light .body .data tr > th,
div.aether .body .data tr > th {
.aether .body .data tr > th {
     background-color: #ffe0d0;
     background-color: #ffe0d0;
}
}


div.light .body .data tr > th + th,
.light .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.aether .body .data tr > th + th {
.aether .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #ffe8dc;
     background-color: #ffe8dc;
Line 542: Line 542:


/* nether */
/* nether */
div.nether .header,
.nether .header,
div.dark .header {
.dark .header {
     background-color: #e5ccff;
     background-color: #e5ccff;
}
}


div.nether .body .data tr > th,
.nether .body .data tr > th,
div.dark .body .data tr > th {
.dark .body .data tr > th {
     background-color: #e3d3f3;
     background-color: #e3d3f3;
}
}


div.nether .body .data tr > th + th,
.nether .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.dark .body .data tr > th + th {
.dark .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #f0e0ff;
     background-color: #f0e0ff;
Line 560: Line 560:


/* all, demon, none */
/* all, demon, none */
div.all .header,
.all .header,
div.all-round .header,
.all-round .header,
div.none .header {
.none .header {
     background-color: #d4d4d4;
     background-color: #d4d4d4;
}
}


div.demon .header,
.demon .header,
div.shadow .header,
.shadow .header,
div.infernal .header {
.infernal .header {
     background-color: #a1a1a1;
     background-color: #a1a1a1;
}
}


div.all .body .data tr > th,
.all .body .data tr > th,
div.all-round .body .data tr > th,
.all-round .body .data tr > th,
div.none .body .data tr > th {
.none .body .data tr > th {
     background-color: #dcdcdc;
     background-color: #dcdcdc;
}
}


div.demon .body .data tr > th,
.demon .body .data tr > th,
div.shadow .body .data tr > th,
.shadow .body .data tr > th,
div.infernal .body .data tr > th {
.infernal .body .data tr > th {
     background-color: #aaaaaa;
     background-color: #aaaaaa;
}
}


div.all .body .data tr > th + th,
.all .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.all-round .body .data tr > th + th,
.all-round .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.none .body .data tr > th + th {
.none .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #e3e3e3;
     background-color: #e3e3e3;
}
}


div.demon .body .data tr > th + th,
.demon .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.shadow .body .data tr > th + th,
.shadow .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.infernal .body .data tr > th + th {
.infernal .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #b0b0b0;
     background-color: #b0b0b0;
Line 603: Line 603:


/* hero */
/* hero */
div.hero .header,
.hero .header,
div.valiant .header {
.valiant .header {
     background-color: #e9e8ed;
     background-color: #e9e8ed;
}
}


div.hero .body .data tr > th,
.hero .body .data tr > th,
div.valiant .body .data tr > th {
.valiant .body .data tr > th {
     background-color: #ebeaee;
     background-color: #ebeaee;
}
}


div.hero .body .data tr > th + th,
.hero .body .data tr > th + th,
     width: 100px;
     width: 100px;
div.valiant .body .data tr > th + th {
.valiant .body .data tr > th + th {
     width: 100px;
     width: 100px;
     background-color: #f5f4f9;
     background-color: #f5f4f9;
}
/* world */
.world .header {
    background-color: #a67a45;
}
.world .body .data tr > th {
    background-color: #ebbe85;
}
.world .body .data tr > th + th {
    width: 100px;
    background-color: #ffde9f;
}
}



Revision as of 22:46, 27 December 2018

Description

This templates creates an infobox and subobject for a Transient. Please do not directly invoke this template.