Difference between revisions of "Template:Transient extended infobox"
Jump to navigation
Jump to search
| Line 411: | Line 411: | ||
} | } | ||
.transient-infobox .header { | div.transient-infobox > .header { | ||
width: auto; | width: auto; | ||
margin: 4px 4px 2px 4px; | margin: 4px 4px 2px 4px; | ||
| Line 417: | Line 417: | ||
} | } | ||
.transient-infobox .header .icon { | div.transient-infobox > .header .icon { | ||
float: left; | float: left; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
.transient-infobox .header .caption { | div.transient-infobox > .header .caption { | ||
color: #000000; | color: #000000; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
| Line 430: | Line 430: | ||
} | } | ||
.transient-infobox .header .caption > .name { | div.transient-infobox > .header .caption > .name { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.transient-infobox .header .caption > .sub { | div.transient-infobox > .header .caption > .sub { | ||
font-size: 0.8em; | font-size: 0.8em; | ||
} | } | ||
| Line 482: | Line 482: | ||
/* fire */ | /* fire */ | ||
.fire .header { | div.fire > .header { | ||
background-color: #ffbfbf; | background-color: #ffbfbf; | ||
} | } | ||
.fire .body .data tr > th { | div.fire > .body .data tr > th { | ||
background-color: #ffd2d0; | background-color: #ffd2d0; | ||
} | } | ||
.fire .body .data tr > th + th { | div.fire > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #ffdddc; | background-color: #ffdddc; | ||
| Line 496: | Line 496: | ||
/* water */ | /* water */ | ||
.water .header { | div.water > .header { | ||
background-color: #bfd9ff; | background-color: #bfd9ff; | ||
} | } | ||
.water .body .data tr > th { | div.water > .body .data tr > th { | ||
background-color: #d0e3ff; | background-color: #d0e3ff; | ||
} | } | ||
.water .body .data tr > th + th { | div.water > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #dceaff; | background-color: #dceaff; | ||
| Line 510: | Line 510: | ||
/* wood */ | /* wood */ | ||
.wood .header { | div.wood > .header { | ||
background-color: #bfffbf; | background-color: #bfffbf; | ||
} | } | ||
.wood .body .data tr > th { | div.wood > .body .data tr > th { | ||
background-color: #dcffdc; | background-color: #dcffdc; | ||
} | } | ||
.wood .body .data tr > th + th { | div.wood > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #e3ffe3; | background-color: #e3ffe3; | ||
| Line 524: | Line 524: | ||
/* light */ | /* light */ | ||
.light .header, | div.light > .header, | ||
.aether .header { | div.aether > .header { | ||
background-color: #ffd4bf; | background-color: #ffd4bf; | ||
} | } | ||
.light .body .data tr > th, | div.light > .body .data tr > th, | ||
.aether .body .data tr > th { | div.aether > .body .data tr > th { | ||
background-color: #ffe0d0; | background-color: #ffe0d0; | ||
} | } | ||
.light .body .data tr > th + th, | div.light > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.aether .body .data tr > th + th { | div.aether > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #ffe8dc; | background-color: #ffe8dc; | ||
| Line 542: | Line 542: | ||
/* nether */ | /* nether */ | ||
.nether .header, | div.nether > .header, | ||
.dark .header { | div.dark > .header { | ||
background-color: #e5ccff; | background-color: #e5ccff; | ||
} | } | ||
.nether .body .data tr > th, | div.nether > .body .data tr > th, | ||
.dark .body .data tr > th { | div.dark > .body .data tr > th { | ||
background-color: #e3d3f3; | background-color: #e3d3f3; | ||
} | } | ||
.nether .body .data tr > th + th, | div.nether > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.dark .body .data tr > th + th { | div.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 */ | ||
.all .header, | div.all > .header, | ||
.all-round .header, | div.all-round > .header, | ||
.none .header { | div.none > .header { | ||
background-color: #d4d4d4; | background-color: #d4d4d4; | ||
} | } | ||
.demon .header, | div.demon > .header, | ||
.shadow .header, | div.shadow > .header, | ||
.infernal .header { | div.infernal > .header { | ||
background-color: #a1a1a1; | background-color: #a1a1a1; | ||
} | } | ||
.all .body .data tr > th, | div.all > .body .data tr > th, | ||
.all-round .body .data tr > th, | div.all-round > .body .data tr > th, | ||
.none .body .data tr > th { | div.none > .body .data tr > th { | ||
background-color: #dcdcdc; | background-color: #dcdcdc; | ||
} | } | ||
.demon .body .data tr > th, | div.demon > .body .data tr > th, | ||
.shadow .body .data tr > th, | div.shadow > .body .data tr > th, | ||
.infernal .body .data tr > th { | div.infernal > .body .data tr > th { | ||
background-color: #aaaaaa; | background-color: #aaaaaa; | ||
} | } | ||
.all .body .data tr > th + th, | div.all > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.all-round .body .data tr > th + th, | div.all-round > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.none .body .data tr > th + th { | div.none > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #e3e3e3; | background-color: #e3e3e3; | ||
} | } | ||
.demon .body .data tr > th + th, | div.demon > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.shadow .body .data tr > th + th, | div.shadow > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.infernal .body .data tr > th + th { | div.infernal > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #b0b0b0; | background-color: #b0b0b0; | ||
| Line 603: | Line 603: | ||
/* hero */ | /* hero */ | ||
.hero .header, | div.hero > .header, | ||
.valiant .header { | div.valiant > .header { | ||
background-color: #e9e8ed; | background-color: #e9e8ed; | ||
} | } | ||
.hero .body .data tr > th, | div.hero > .body .data tr > th, | ||
.valiant .body .data tr > th { | div.valiant > .body .data tr > th { | ||
background-color: #ebeaee; | background-color: #ebeaee; | ||
} | } | ||
.hero .body .data tr > th + th, | div.hero > .body .data tr > th + th, | ||
width: 100px; | width: 100px; | ||
.valiant .body .data tr > th + th { | div.valiant > .body .data tr > th + th { | ||
width: 100px; | width: 100px; | ||
background-color: #f5f4f9; | background-color: #f5f4f9; | ||
| Line 621: | Line 621: | ||
/* world */ | /* world */ | ||
.world .header { | div.world > .header { | ||
background-color: #a67a45; | background-color: #a67a45; | ||
} | } | ||
.world .body .data tr > th { | div.world> .body .data tr > th { | ||
background-color: #ebbe85; | background-color: #ebbe85; | ||
} | } | ||
div.world > .body .data tr > th + th { | |||
div.world | |||
width: 100px; | width: 100px; | ||
background-color: #ffde9f; | background-color: #ffde9f; | ||
| Line 671: | Line 657: | ||
}} | }} | ||
<div class="transient-infobox" id="transient{{#var:transientnumber}}"> | <div class="transient-infobox" id="transient{{#var:transientnumber}}"> | ||
<div class=" | <div class="{{#ifeq:{{#var:energy}}|?|none|{{lc:{{Energy|{{#var:energy}}}}}}}} transient{{#var:transientnumber}}"> | ||
<div class="header"> | |||
<table> | <table> | ||
<tr> | <tr> | ||
| Line 685: | Line 672: | ||
{{#ifeq:{{#var:transientnumber}}|0|<div class="tabs"></div>}} | {{#ifeq:{{#var:transientnumber}}|0|<div class="tabs"></div>}} | ||
</div> | </div> | ||
<table class="body | <table class="body"> | ||
<tr> | <tr> | ||
{{#if:{{#var:transient cdn artwork|}}||{{#vardefine:transient cdn artwork|{{{cdn artwork|}}}}}}} | {{#if:{{#var:transient cdn artwork|}}||{{#vardefine:transient cdn artwork|{{{cdn artwork|}}}}}}} | ||
| Line 902: | Line 889: | ||
{{#if:{{{skin artwork|}}}|{{#tag:galleryscript|{{#ifexist:File:{{{artwork|}}}.png|{{{artwork}}}|{{#ifexist:File:{{{en name}}}{{#if:{{{variant|}}}|_{{{variant}}}|}}_{{{rarity}}}star_full.png|{{{en name}}}{{#if:{{{variant|}}}|_{{{variant}}}|}}_{{{rarity}}}star_full|}}}};{{{skin artwork|}}}|number={{#var:transientnumber}}}}|}} | {{#if:{{{skin artwork|}}}|{{#tag:galleryscript|{{#ifexist:File:{{{artwork|}}}.png|{{{artwork}}}|{{#ifexist:File:{{{en name}}}{{#if:{{{variant|}}}|_{{{variant}}}|}}_{{{rarity}}}star_full.png|{{{en name}}}{{#if:{{{variant|}}}|_{{{variant}}}|}}_{{{rarity}}}star_full|}}}};{{{skin artwork|}}}|number={{#var:transientnumber}}}}|}} | ||
{{#if:{{{cdn skin artwork|}}}|{{#tag:masterdataskins|{{{cdn skin artwork|}}}|voice={{#var:transient voice filename|}}|selector-fg=#transient{{#var:transientnumber}} > table > tbody > tr > td:nth-child(1) > div > img|selector-icon=#transient{{#var:transientnumber}} > div > table > tbody > tr > td.icon > img|flags={{#var:transient voice condition|}}}}{{#vardefine:transient voice filename|}}{{#vardefine:transient voice condition|}}|}} | {{#if:{{{cdn skin artwork|}}}|{{#tag:masterdataskins|{{{cdn skin artwork|}}}|voice={{#var:transient voice filename|}}|selector-fg=#transient{{#var:transientnumber}} > table > tbody > tr > td:nth-child(1) > div > img|selector-icon=#transient{{#var:transientnumber}} > div > table > tbody > tr > td.icon > img|flags={{#var:transient voice condition|}}}}{{#vardefine:transient voice filename|}}{{#vardefine:transient voice condition|}}|}} | ||
</div><!-- | </div></div><!-- | ||
auto categorization | auto categorization | ||
Revision as of 22:48, 27 December 2018
Description
This templates creates an infobox and subobject for a Transient. Please do not directly invoke this template.