Sb forum speech.png DiscordLink.png FacebookLink.png RedditLink.png SteamLink.png TwitterLink.png YoutubeLink.png

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

From Starbase wiki
Jump to navigation Jump to search
(Created page with "<noinclude> Gallery mode can be utilized in the image field with: <pre>|image=<gallery mode="slideshow"> Image:Memory_relay.png|"Caption" Image:Logo_of_empire.png|"Caption" <...")
 
Line 8: Line 8:


<includeonly>
<includeonly>
<div class="Device-Info" style="top: -35px;position: relative;">
<div class="Spaceship-Infobox">
  <div class="Device-Info-Header">{{{image}}}<span class="Device-Info-Header-Caption"> {{#if:{{{caption|}}}|{{{caption}}}|}} </span></div>
  <div class="Spaceship-Info-Header">
  <div class="Device-Info-Name">{{#if:{{{name|}}}|{{{name}}}|Name not submitted.}}</div>
    <div class="Spaceship-Info-Image-Wrap">
  <div class="Device-Info-Data-Wrap">
      {{{image}}}
      <div class="Device-Info-Data-Section">
      <div class="Spaceship-Info-Faction-Logo">{{{factionLogo}}}</div>
        {{#if:{{{type|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Type</span> <span class="Device-Info-Data-Cell-Body">{{{type}}}</span></div>}}
    </div>
        {{#if:{{{function|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Function</span> <span class="Device-Info-Data-Cell-Body">{{{function}}}</span></div>}}
    <span class="Spaceship-Info-Header-Caption">{{{caption}}}</span>
        {{#if:{{{availability|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Availability</span> <span class="Device-Info-Data-Cell-Body">{{{availability}}}</span></div>}}
  </div>
        {{#if:{{{size|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Size</span> <span class="Device-Info-Data-Cell-Body">{{{size}}}</span></div>}}
  <div class="Spaceship-Info-Name">{{#if:{{{name|}}}|{{{name}}}|Name not submitted.}}</div>
      </div>
  <div class="Spaceship-Info-Data-Wrap">
      <div class="Device-Info-Data-Section-Header">Input / Output</div>
    <div class="Spaceship-Info-Data-Section">
      <div class="Device-Info-Data-Section">
      {{#if:{{{manufacturer|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Manufacturer</span> <span class="Device-Info-Data-Cell-Body">{{{manufacturer}}}</span></div>}}
        {{#if:{{{electricIn|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Electric Input</span> <span class="Device-Info-Data-Cell-Body">{{{electricIn}}}</span></div>}}{{#if:{{{electricOut|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Electric Output</span> <span class="Device-Info-Data-Cell-Body">{{{electricOut}}}</span></div>}}{{#if:{{{coolantIn|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Coolant Input</span> <span class="Device-Info-Data-Cell-Body">{{{coolantInput}}}</span></div>}}{{#if:{{{coolantOutput|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Coolant Output</span> <span class="Device-Info-Data-Cell-Body">{{{coolantOutput}}}</span></div>}}{{#if:{{{propellantIn|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Propellant Input</span> <span class="Device-Info-Data-Cell-Body">{{{propellantIn}}}</span></div>}}{{#if:{{{propellantOut|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Propellant Output</span> <span class="Device-Info-Data-Cell-Body">{{{propellantOut}}}</span></div>}}{{#if:{{{fuelIn|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Fuel Input</span> <span class="Device-Info-Data-Cell-Body">{{{fuelIn}}}</span></div>}}{{#if:{{{fuelOutput|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Fuel Output</span> <span class="Device-Info-Data-Cell-Body">{{{fuelOutput}}}</span></div>}}{{#if:{{{sockets|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Sockets</span> <span class="Device-Info-Data-Cell-Body">{{{sockets}}}</span></div>}}{{#if:{{{YOLOLchips|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Chip Slots</span> <span class="Device-Info-Data-Cell-Body">{{{YOLOLchips}}}</span></div>}}{{#if:{{{modInterfaces|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Modular Interfaces</span> <span class="Device-Info-Data-Cell-Body">{{{modInterfaces}}}</span></div>}}{{#if:{{{deviceInterfaces|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Device Interfaces</span> <span class="Device-Info-Data-Cell-Body">{{{deviceInterfaces}}}</span></div>}}
      {{#if:{{{operator|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Operator</span> <span class="Device-Info-Data-Cell-Body">{{{operator}}}</span></div>}}
      </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>}}}}
      <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>
  {{#if:{{{purpose|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">General Purpose</span> <span class="Device-Info-Data-Cell-Body">{{{purpose}}}</span></div>}}
      <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:{{{production|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Production State</span> <span class="Device-Info-Data-Cell-Body">{{{production}}}</span></div>}}
      {{#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 class="Spaceship-Info-Data-Section-Header">General Characteristics</div>
  </div>
    <div class="Spaceship-Info-Data-Section">
      {{#if:{{{dimensions|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Dimensions</span> <span class="Device-Info-Data-Cell-Body">{{{dimensions}}}</span></div>}}
{{#if:{{{mass|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Mass</span> <span class="Device-Info-Data-Cell-Body">{{{mass}}}</span></div>}}
{{#if:{{{hull|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Hull</span> <span class="Device-Info-Data-Cell-Body">{{{hull}}}</span></div>}}
{{#if:{{{decks|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Decks</span> <span class="Device-Info-Data-Cell-Body">{{{decks}}}</span></div>}}
{{#if:{{{range|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Range</span> <span class="Device-Info-Data-Cell-Body">{{{range}}}</span></div>}}
{{#if:{{{topSpeed|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Top Speed</span> <span class="Device-Info-Data-Cell-Body">{{{topSpeed}}}</span></div>}}
{{#if:{{{flightTime|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Flight Time</span> <span class="Device-Info-Data-Cell-Body">{{{flightTime}}}</span></div>}}
{{#if:{{{YOLOL|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">YOLOL</span> <span class="Device-Info-Data-Cell-Body">{{{YOLOL}}}</span></div>}}
{{#if:{{{FCUType|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">FCU Type</span> <span class="Device-Info-Data-Cell-Body">{{{FCUType}}}</span></div>}}
{{#if:{{{propulsion|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Propulsion</span> <span class="Device-Info-Data-Cell-Body">{{{propulsion}}}</span></div>}}
{{#if:{{{propellant|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Propellant</span> <span class="Device-Info-Data-Cell-Body">{{{propellant}}}</span></div>}}
{{#if:{{{power|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Power</span> <span class="Device-Info-Data-Cell-Body">{{{power}}}</span></div>}}
{{#if:{{{crew|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Crew</span> <span class="Device-Info-Data-Cell-Body">{{{crew}}}</span></div>}}
{{#if:{{{nebulaeSafe|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Nebulae Safe?</span> <span class="Device-Info-Data-Cell-Body">{{{nebulaeSafe}}}</span></div>}}
{{#if:{{{unitCost|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Unit Cost</span> <span class="Device-Info-Data-Cell-Body">{{{unitCost}}}</span></div>}}
    </div>
<div class="Spaceship-Info-Data-Section-Header">Equipment</div>
    <div class="Spaceship-Info-Data-Section">
      {{#if:{{{armaments|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Armaments</span> <span class="Device-Info-Data-Cell-Body">{{{armaments}}}</span></div>}}
  {{#if:{{{mining|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Mining</span> <span class="Device-Info-Data-Cell-Body">{{{mining}}}</span></div>}}
  {{#if:{{{cargo|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Cargo</span> <span class="Device-Info-Data-Cell-Body">{{{cargo}}}</span></div>}}
  {{#if:{{{manufacturing|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Manufacturing</span> <span class="Device-Info-Data-Cell-Body">{{{manufacturing}}}</span></div>}}
  {{#if:{{{reconstructionMachine|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Reconstruction Machines</span> <span class="Device-Info-Data-Cell-Body">{{{reconstructionMachine}}}</span></div>}}
    </div>
  </div>
</div>
</div>
{{#css:
{{#css:
 
.Spaceship-Infobox {
.Device-Info {
   border:2px solid #304344;
   border:2px solid #304344;
   width:25vw;
   width:25vw;
Line 40: Line 66:
   background:rgba(49, 68, 77, 0.15);
   background:rgba(49, 68, 77, 0.15);
}
}
.Device-Info-Header {
.Spaceship-Info-Header {
   text-align: center;
   text-align: center;
   margin: 1em 0;
   margin-bottom: 0.25em;
}
}
.Device-Info-Header img {
.Spaceship-Info-Header img {
   max-width:100%;
   max-width:100%;
   max-height:250px;
   max-height:250px;
   height: auto;
   height: auto;
   width: auto;
   width: auto;
  background: linear-gradient(transparent, #3a806e1f);
  display: block;
  outline: 2px solid #305e60;
}
}
.Device-Info-Header-Caption {
.Spaceship-Info-Header-Caption {
   display: block;
   display: block;
   font-style: italic;
   font-style: italic;
   margin-top: 0.25em;
   margin-top: 0.25em;
}
}
.Device-Info-Name {
.Spaceship-Info-Name {
   font-family: Kenney Future Narrow;
   font-family: KenneyFuture;
   font-size:1.8em;
   font-size:2em;
   color:#edcd50;
   color:#edcd50;
   text-align: center;
   text-align: center;
   background: #38586082;
   background: #38586082;
}
}
.Device-Info-Data-Section-Header {
.Spaceship-Info-Data-Section-Header {
   width: 100%;
   width: 100%;
   text-align: center;
   text-align: center;
Line 71: Line 100:
   margin-top: 1em;
   margin-top: 1em;
}
}
 
.Spaceship-Info-Data-Section {
/* Traditional table styling */
  border-bottom: 1px solid #394442;
.Device-Info-Data-Cell {
  text-align: center;
}
.Spaceship-Info-Data-Cell {
  font-size:1.25em;
}
.Spaceship-Info-Data-Cell-Header {
  font-weight:bold;
}
.Spaceship-Info-Data-Cell {
   display:flex;
   display:flex;
   text-align:left;
   text-align:left;
   padding:0 0.4em;
   padding:0 0.4em;
}
}
.Device-Info-Data-Cell-Header {
.Spaceship-Info-Data-Cell-Header {
   flex:48%;
   flex:48%;
   min-width:min-content;
   min-width:min-content;
   margin-right:4%;
   margin-right:4%;
}
}
.Device-Info-Data-Cell-Body {
.Spaceship-Info-Faction-Logo {
    background: url('https://wiki.starbasegame.com/images/2/26/Logo_of_empire.png') center no-repeat;
        background-size: contain;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.8;
}
.Spaceship-Info-Image-Wrap {
  position: relative;
}
.Spaceship-Info-Data-Cell-Body {
   flex:50%;
   flex:50%;
   white-space:pre;
   white-space:pre;
   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/grid formatting
.Device-Info-Data-Section {
  display: grid;
  grid-template-columns: 50% 50%;
}
.Construction-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Body, .Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body {
  display:block;
}*/
/* General styling */
.Device-Info-Data-Section {
  border-bottom: 1px solid #394442;
  text-align: center;
}
.Device-Info-Data-Cell, .Construction-Info-Data-Cell {
  font-size:1.25em;
}
.Device-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Header {
  font-weight:bold;
}
.Device-Info-Data-Cell-Body {
}
.Device-Info-Data-Construction {
    grid-template-columns: auto auto auto;
    grid-gap: 2%;
    display: grid;
    text-align: center;
    padding: 4px 2px;
    border-bottom: 1px solid #394442;
}
}
/* Gallery specific support */
/* Gallery specific support */

Revision as of 07:07, 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>


Retrieved from "https://wiki.starbasegame.com/index.php?title=User:DustyFB/Sandbox/Templates/Template:SpaceshipInfobox&oldid=21069"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.