Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:SpaceshipInfobox"

Latest revision as of 15: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>

@@ Line 17: / Line 17: @@
 <div class="Spaceship-Info-Name">{{#if:{{{name|}}}|{{{name}}}|Name not submitted.}}</div>
 <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="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>}}
 </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="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>}}
 </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="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>}}
 </div>
 </div>
@@ Line 70: / Line 45: @@
 }
 .Spaceship-Info-Header img {
-  max-width:100%;
-  max-height:250px;
    height: auto;
-   width: auto;
+   width: 100%;
-   background: linear-gradient(transparent, #3a806e1f);
+   background: linear-gradient(transparent, #3a808045);
    display: block;
    outline: 2px solid #305e60;
@@ Line 102: / Line 75: @@
    border-bottom: 1px solid #394442;
    text-align: center;
-}
-.Spaceship-Info-Data-Cell {
-  font-size:1.25em;
-}
-.Spaceship-Info-Data-Cell-Header {
-  font-weight:bold;
 }
 .Spaceship-Info-Data-Cell {
@@ Line 113: / Line 80: @@
    text-align:left;
    padding:0 0.4em;
+  font-size:1.25em
 }
 .Spaceship-Info-Data-Cell-Header {
+  font-weight:bold;
    flex:48%;
    min-width:min-content;
@@ Line 135: / Line 104: @@
 .Spaceship-Info-Data-Cell-Body {
    flex:50%;
-  white-space:pre;
    margin: auto;
 }
-}}
 /* Portrait orientation. Also, low-res viewports */
 @media
@@ Line 148: / Line 115: @@
 only screen and (                min-resolution: 2dppx) and (orientation: portrait),
 only screen and (max-width: 800px) and (orientation: portrait) {
+   .Spaceship-Infobox {
-   .Spaceship-Infobox
      width:auto;
      float:none;
@@ Line 155: / Line 121: @@
      font-size:1.5em;
    }
 }
-/* Landscape orientation. Also, low-res viewports */
 @media
 only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
@@ Line 164: / Line 131: @@
 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)
+only screen and (                min-resolution: 2dppx) and (orientation: landscape) {
- {
+   .Spaceship-Infobox {
-   .Spaceship-Infobox
+    width:40%;
-width:40%;
+    font-size:0.9em;
-font-size:0.9em;
+  }
-}
 }
+}}
 </includeonly>

Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:SpaceshipInfobox"

Latest revision as of 15:29, 14 May 2021

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Navigation

Starbase

Collections

Endoskeleton

Networks

Guides and Tutorial

Wiki Tools