Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:DeviceInfobox"
Jump to navigation
Jump to search
(38 intermediate revisions by the same user not shown) | |||
Line 23: | Line 23: | ||
</div> | </div> | ||
<div class="Device-Info-Data-Section-Header">Construction</div><div class="Device-Info-Data-Construction>{{#if:{{{weight|}}}|<span><b>Weight</b>: {{{weight}}}</span>}}{{#if:{{{volume|}}}|<span><b>Volume</b>: {{{volume}}}</span>}}{{#if:{{{corrosionResistance|}}}|<span><b>CRSV Resist</b>: {{{corrosionResistance}}}</span>}}</div> | <div class="Device-Info-Data-Section-Header">Construction</div><div class="Device-Info-Data-Construction>{{#if:{{{weight|}}}|<span><b>Weight</b>: {{{weight}}}</span>}}{{#if:{{{volume|}}}|<span><b>Volume</b>: {{{volume}}}</span>}}{{#if:{{{corrosionResistance|}}}|<span><b>CRSV Resist</b>: {{{corrosionResistance}}}</span>}}</div> | ||
<div class="Device-Info-Data-Section" style="grid-template-columns: repeat(auto-fit, minmax( | <div class="Device-Info-Data-Section" style="grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));display:grid;column-gap:1em;padding:0 0.4em;"> | ||
{{#if:{{{aegisium|}}}| <div class=" | {{#if:{{{aegisium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Aegisium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{aegisium}}}</span></div>}}{{#if:{{{ajatite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Ajatite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{ajatite}}}</span></div>}}{{#if:{{{arkanium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Arkanium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{arkanium}}}</span></div>}}{{#if:{{{bastium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Bastium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{bastium}}}</span></div>}}{{#if:{{{charodium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Charodium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{charodium}}}</span></div>}}{{#if:{{{corazium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Corazium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{corazium}}}</span></div>}}{{#if:{{{exorium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Exorium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{exorium}}}</span></div>}}{{#if:{{{haderite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Haderite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{haderite}}}</span></div>}}{{#if:{{{ice|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Ice]]</span> <span class="Construction-Info-Data-Cell-Body">{{{ice}}}</span></div>}}{{#if:{{{ilmatrium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Ilmatrium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{ilmatrium}}}</span></div>}}{{#if:{{{karnite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Karnite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{karnite}}}</span></div>}}{{#if:{{{kutonium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Kutonium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{kutonium}}}</span></div>}}{{#if:{{{lukium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Lukium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{lukium}}}</span></div>}}{{#if:{{{merkerium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Merkerium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{merkerium}}}</span></div>}}{{#if:{{{nhurgite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Nhurgite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{nhurgite}}}</span></div>}}{{#if:{{{oninum|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Oninum]]</span> <span class="Construction-Info-Data-Cell-Body">{{{oninum}}}</span></div>}}{{#if:{{{surtrite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Surtrite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{surtrite}}}</span></div>}}{{#if:{{{tengium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Tengium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{tengium}}}</span></div>}}{{#if:{{{ukonium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Ukonium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{ukonium}}}</span></div>}}{{#if:{{{valkite|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Valkite]]</span> <span class="Construction-Info-Data-Cell-Body">{{{valkite}}}</span></div>}}{{#if:{{{vokarium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Vokarium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{vokarium}}}</span></div>}}{{#if:{{{xhalium|}}}| <div class="Construction-Info-Data-Cell"><span class="Construction-Info-Data-Cell-Header">[[Xhalium]]</span> <span class="Construction-Info-Data-Cell-Body">{{{xhalium}}}</span></div>}} | ||
</div> | </div> | ||
</div> | </div> | ||
Line 42: | Line 42: | ||
.Device-Info-Header { | .Device-Info-Header { | ||
text-align: center; | text-align: center; | ||
margin: | margin-bottom: 0.25em; | ||
} | } | ||
.Device-Info-Header img { | .Device-Info-Header img { | ||
max-width:100%; | max-width:100%; | ||
height: auto; | height: auto; | ||
width: auto; | width: auto; | ||
background: linear-gradient(transparent, #3a808045); | |||
} | } | ||
.Device-Info-Header-Caption { | .Device-Info-Header-Caption { | ||
display: block; | display: block; | ||
font-style: italic; | font-style: italic; | ||
margin-top: .25em; | margin-top: 0.25em; | ||
} | } | ||
.Device-Info-Name { | .Device-Info-Name { | ||
font-family: | font-family: KenneyFuture; | ||
font-size:1.8em; | font-size:1.8em; | ||
color:#edcd50; | color:#edcd50; | ||
Line 67: | Line 67: | ||
margin: auto; | margin: auto; | ||
background: #2b42488c; | background: #2b42488c; | ||
font-family: | font-family: KenneyFuture; | ||
font-size: 1.4em; | font-size: 1.4em; | ||
margin-top: 1em; | margin-top: 1em; | ||
Line 76: | Line 76: | ||
display:flex; | display:flex; | ||
text-align:left; | text-align:left; | ||
padding:0 0.4em; | |||
} | } | ||
.Device-Info-Data-Cell-Header { | .Device-Info-Data-Cell-Header { | ||
Line 87: | Line 88: | ||
margin: auto; | margin: auto; | ||
} | } | ||
. | .Construction-Info-Data-Cell-Header { | ||
flex: 50%; | |||
text-align: left; | |||
display: inline-block; | |||
} | } | ||
. | .Construction-Info-Data-Cell { | ||
display: flex; | |||
} | } | ||
/* Side-by-side formatting | /* Side-by-side/grid formatting | ||
.Device-Info-Data-Section { | .Device-Info-Data-Section { | ||
display: grid; | display: grid; | ||
grid-template-columns: 50% 50%; | grid-template-columns: 50% 50%; | ||
} | } | ||
.Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body { | .Construction-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Body, .Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body { | ||
display:block; | display:block; | ||
}*/ | }*/ | ||
Line 115: | Line 111: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.Device-Info-Data-Cell { | .Device-Info-Data-Cell, .Construction-Info-Data-Cell { | ||
font-size:1.25em; | font-size:1.25em; | ||
} | } | ||
.Device-Info-Data-Cell-Header { | .Device-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Header { | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 183: | Line 178: | ||
} | } | ||
/* Possibly trash | |||
.Device-Info-Data-Construction ~ .Device-Info-Data-Section .Device-Info-Data-Cell { | |||
width: 45%; | |||
display:inline-flex; | |||
padding: 0 2%; | |||
margin:0; | |||
} | |||
.Device-Info-Data-Construction ~ .Device-Info-Data-Section .Device-Info-Data-Cell:nth-child(odd) { | |||
border-right: 1px solid #424242; | |||
} | |||
.Device-Info-Data-Construction ~ .Device-Info-Data-Section .Device-Info-Data-Cell .Device-Info-Data-Cell-Body { | |||
flex:0; | |||
}*/ | |||
}} | }} | ||
</includeonly> | </includeonly> |
Latest revision as of 09:18, 14 May 2021
Gallery mode can be utilized in the image field with:
|image=<gallery mode="slideshow"> Image:Memory_relay.png|"Caption" Image:Logo_of_empire.png|"Caption" </gallery>