|
|
|
|
|
|
|
Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:SpaceshipInfobox"
Jump to navigation
Jump to search
| (24 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
<div class="Spaceship-Infobox"> | <div class="Spaceship-Infobox"> | ||
<div class="Spaceship-Info-Header"> | <div class="Spaceship-Info-Header"> | ||
<div class="Spaceship-Info-Image-Wrap"> | <div class="Spaceship-Info-Image-Wrap">{{{image|}}} | ||
<div class="Spaceship-Info-Faction-Logo"> | <div class="Spaceship-Info-Faction-Logo">{{{factionLogo|}}}</div> | ||
</div> | </div> | ||
<span class="Spaceship-Info-Header-Caption">{{{caption|}}}</span> | <span class="Spaceship-Info-Header-Caption">{{{caption|}}}</span> | ||
| Line 17: | Line 17: | ||
<div class="Spaceship-Info-Name">{{#if:{{{name|}}}|{{{name}}}|Name not submitted.}}</div> | <div class="Spaceship-Info-Name">{{#if:{{{name|}}}|{{{name}}}|Name not submitted.}}</div> | ||
<div class="Spaceship-Info-Data-Wrap"> | <div class="Spaceship-Info-Data-Wrap"> | ||
<div class="Spaceship-Info-Data-Section"> | <div class="Spaceship-Info-Data-Section">{{#if:{{{manufacturer|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Manufacturer</span> <span class="Spaceship-Info-Data-Cell-Body">{{{manufacturer}}}</span></div>}}{{#if:{{{operator|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Operator</span> <span class="Spaceship-Info-Data-Cell-Body">{{{operator}}}</span></div>}}{{#if: {{{class|}}} | {{#if: {{{type|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Class and Type</span> <span class="Spaceship-Info-Data-Cell-Body"><i>{{{class}}}</i>-class {{{type}}}</span></div> | <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Class</span> <span class="Spaceship-Info-Data-Cell-Body"><i>{{{class}}}</i>-class</span></div> }} | {{#if: {{{type|}}} | <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Type</span> <span class="Spaceship-Info-Data-Cell-Body">{{{type}}}</span></div>}}}}{{#if:{{{purpose|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">General Purpose</span> <span class="Spaceship-Info-Data-Cell-Body">{{{purpose}}}</span></div>}}{{#if:{{{production|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Production State</span> <span class="Spaceship-Info-Data-Cell-Body">{{{production}}}</span></div>}} | ||
{{#if:{{{manufacturer|}}}| <div class=" | |||
{{#if:{{{operator|}}}| <div class=" | |||
{{#if: {{{class|}}} | {{#if: {{{type|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Class and Type</span> <span class="Spaceship-Info-Data-Cell-Body"><i>{{{class}}}</i>-class {{{type}}}</span></div> | <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Class</span> <span class="Spaceship-Info-Data-Cell-Body"><i>{{{class}}}</i>-class</span></div> }} | {{#if: {{{type|}}} | <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Type</span> <span class="Spaceship-Info-Data-Cell-Body">{{{type}}}</span></div>}}}} | |||
{{#if:{{{purpose|}}}| <div class=" | |||
{{#if:{{{production|}}}| <div class=" | |||
</div> | </div> | ||
<div class="Spaceship-Info-Data-Section-Header">General Characteristics</div> | <div class="Spaceship-Info-Data-Section-Header">General Characteristics</div> | ||
<div class="Spaceship-Info-Data-Section"> | <div class="Spaceship-Info-Data-Section">{{#if:{{{dimensions|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Dimensions</span> <span class="Spaceship-Info-Data-Cell-Body">{{{dimensions}}}</span></div>}}{{#if:{{{mass|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Mass</span> <span class="Spaceship-Info-Data-Cell-Body">{{{mass}}}</span></div>}}{{#if:{{{hull|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Hull</span> <span class="Spaceship-Info-Data-Cell-Body">{{{hull}}}</span></div>}}{{#if:{{{decks|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Decks</span> <span class="Spaceship-Info-Data-Cell-Body">{{{decks}}}</span></div>}}{{#if:{{{range|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Range</span> <span class="Spaceship-Info-Data-Cell-Body">{{{range}}}</span></div>}}{{#if:{{{topSpeed|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Top Speed</span> <span class="Spaceship-Info-Data-Cell-Body">{{{topSpeed}}}</span></div>}}{{#if:{{{flightTime|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Flight Time</span> <span class="Spaceship-Info-Data-Cell-Body">{{{flightTime}}}</span></div>}}{{#if:{{{YOLOL|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">YOLOL</span> <span class="Spaceship-Info-Data-Cell-Body">{{{YOLOL}}}</span></div>}}{{#if:{{{FCUType|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">FCU Type</span> <span class="Spaceship-Info-Data-Cell-Body">{{{FCUType}}}</span></div>}}{{#if:{{{propulsion|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Propulsion</span> <span class="Spaceship-Info-Data-Cell-Body">{{{propulsion}}}</span></div>}}{{#if:{{{propellant|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Propellant</span> <span class="Spaceship-Info-Data-Cell-Body">{{{propellant}}}</span></div>}}{{#if:{{{power|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Power</span> <span class="Spaceship-Info-Data-Cell-Body">{{{power}}}</span></div>}}{{#if:{{{crew|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Crew</span> <span class="Spaceship-Info-Data-Cell-Body">{{{crew}}}</span></div>}}{{#if:{{{nebulaSafe|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Nebula Safe?</span> <span class="Spaceship-Info-Data-Cell-Body">{{{nebulaSafe}}}</span></div>}}{{#if:{{{unitCost|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Unit Cost</span> <span class="Spaceship-Info-Data-Cell-Body">{{{unitCost}}}</span></div>}} | ||
{{#if:{{{dimensions|}}}| <div class=" | |||
{{#if:{{{mass|}}}| <div class=" | |||
{{#if:{{{hull|}}}| <div class=" | |||
{{#if:{{{decks|}}}| <div class=" | |||
{{#if:{{{range|}}}| <div class=" | |||
{{#if:{{{topSpeed|}}}| <div class=" | |||
{{#if:{{{flightTime|}}}| <div class=" | |||
{{#if:{{{YOLOL|}}}| <div class=" | |||
{{#if:{{{FCUType|}}}| <div class=" | |||
{{#if:{{{propulsion|}}}| <div class=" | |||
{{#if:{{{propellant|}}}| <div class=" | |||
{{#if:{{{power|}}}| <div class=" | |||
{{#if:{{{crew|}}}| <div class=" | |||
{{#if:{{{ | |||
{{#if:{{{unitCost|}}}| <div class=" | |||
</div> | </div> | ||
<div class="Spaceship-Info-Data-Section-Header">Equipment</div> | <div class="Spaceship-Info-Data-Section-Header">Equipment</div> | ||
<div class="Spaceship-Info-Data-Section"> | <div class="Spaceship-Info-Data-Section">{{#if:{{{armaments|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Armaments</span> <span class="Spaceship-Info-Data-Cell-Body">{{{armaments}}}</span></div>}}{{#if:{{{mining|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Mining</span> <span class="Spaceship-Info-Data-Cell-Body">{{{mining}}}</span></div>}}{{#if:{{{cargo|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Cargo</span> <span class="Spaceship-Info-Data-Cell-Body">{{{cargo}}}</span></div>}}{{#if:{{{manufacturing|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Manufacturing</span> <span class="Spaceship-Info-Data-Cell-Body">{{{manufacturing}}}</span></div>}}{{#if:{{{reconstructionMachine|}}}| <div class="Spaceship-Info-Data-Cell"><span class="Spaceship-Info-Data-Cell-Header">Reconstruction Machines</span> <span class="Spaceship-Info-Data-Cell-Body">{{{reconstructionMachine}}}</span></div>}} | ||
{{#if:{{{armaments|}}}| <div class=" | |||
{{#if:{{{mining|}}}| <div class=" | |||
{{#if:{{{cargo|}}}| <div class=" | |||
{{#if:{{{manufacturing|}}}| <div class=" | |||
{{#if:{{{reconstructionMachine|}}}| <div class=" | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 70: | Line 45: | ||
} | } | ||
.Spaceship-Info-Header img { | .Spaceship-Info-Header img { | ||
height: auto; | height: auto; | ||
width: | width: 100%; | ||
background: linear-gradient(transparent, # | background: linear-gradient(transparent, #3a808045); | ||
display: block; | display: block; | ||
outline: 2px solid #305e60; | outline: 2px solid #305e60; | ||
| Line 102: | Line 75: | ||
border-bottom: 1px solid #394442; | border-bottom: 1px solid #394442; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.Spaceship-Info-Data-Cell { | .Spaceship-Info-Data-Cell { | ||
| Line 113: | Line 80: | ||
text-align:left; | text-align:left; | ||
padding:0 0.4em; | padding:0 0.4em; | ||
font-size:1.25em | |||
} | } | ||
.Spaceship-Info-Data-Cell-Header { | .Spaceship-Info-Data-Cell-Header { | ||
font-weight:bold; | |||
flex:48%; | flex:48%; | ||
min-width:min-content; | min-width:min-content; | ||
| Line 124: | Line 93: | ||
height:auto; | height:auto; | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0.25em; | ||
right: 0; | right: 0.25em; | ||
opacity: 0.8; | opacity: 0.8; | ||
outline:none; | outline:none; | ||
| Line 135: | Line 104: | ||
.Spaceship-Info-Data-Cell-Body { | .Spaceship-Info-Data-Cell-Body { | ||
flex:50%; | flex:50%; | ||
margin: auto; | margin: auto; | ||
} | |||
/* Portrait orientation. Also, low-res viewports */ | |||
@media | |||
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), | |||
only screen and ( min--moz-device-pixel-ratio: 2) and (orientation: portrait), | |||
only screen and ( -o-min-device-pixel-ratio: 2/1) and (orientation: portrait), | |||
only screen and ( min-device-pixel-ratio: 2) and (orientation: portrait), | |||
only screen and ( min-resolution: 192dpi) and (orientation: portrait), | |||
only screen and ( min-resolution: 2dppx) and (orientation: portrait), | |||
only screen and (max-width: 800px) and (orientation: portrait) { | |||
.Spaceship-Infobox { | |||
width:auto; | |||
float:none; | |||
clear:none; | |||
font-size:1.5em; | |||
} | |||
} | |||
@media | |||
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), | |||
only screen and ( min--moz-device-pixel-ratio: 2) and (orientation: landscape), | |||
only screen and ( -o-min-device-pixel-ratio: 2/1) and (orientation: landscape), | |||
only screen and ( min-device-pixel-ratio: 2) and (orientation: landscape), | |||
only screen and ( min-resolution: 192dpi) and (orientation: landscape), | |||
only screen and ( min-resolution: 2dppx) and (orientation: landscape) { | |||
.Spaceship-Infobox { | |||
width:40%; | |||
font-size:0.9em; | |||
} | |||
} | } | ||
}} | }} | ||
</includeonly> | </includeonly> | ||
Latest revision as of 14:29, 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>