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:DeviceInfobox"

From Starbase wiki
Jump to navigation Jump to search
 
(47 intermediate revisions by the same user not shown)
Line 20: Line 20:
       <div class="Device-Info-Data-Section-Header">Input / Output</div>
       <div class="Device-Info-Data-Section-Header">Input / Output</div>
       <div class="Device-Info-Data-Section">
       <div class="Device-Info-Data-Section">
         {{#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">Cable 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:{{{deviceBaseInterfaces|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">Device Base Interfaces</span> <span class="Device-Info-Data-Cell-Body">{{{deviceBaseInterfaces}}}</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>}}
       </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(100px, 1fr));">
       <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="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Aegisium]]</span> <span class="Device-Info-Data-Cell-Body">{{{aegisium}}}</span></div>}}{{#if:{{{ajatite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Ajatite]]</span> <span class="Device-Info-Data-Cell-Body">{{{ajatite}}}</span></div>}}{{#if:{{{arkanium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Arkanium]]</span> <span class="Device-Info-Data-Cell-Body">{{{arkanium}}}</span></div>}}{{#if:{{{bastium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Bastium]]</span> <span class="Device-Info-Data-Cell-Body">{{{bastium}}}</span></div>}}{{#if:{{{charodium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Charodium]]</span> <span class="Device-Info-Data-Cell-Body">{{{charodium}}}</span></div>}}{{#if:{{{corazium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Corazium]]</span> <span class="Device-Info-Data-Cell-Body">{{{corazium}}}</span></div>}}{{#if:{{{exorium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Exorium]]</span> <span class="Device-Info-Data-Cell-Body">{{{exorium}}}</span></div>}}{{#if:{{{haderite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Haderite]]</span> <span class="Device-Info-Data-Cell-Body">{{{haderite}}}</span></div>}}{{#if:{{{ice|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Ice]]</span> <span class="Device-Info-Data-Cell-Body">{{{ice}}}</span></div>}}{{#if:{{{ilmatrium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Ilmatrium]]</span> <span class="Device-Info-Data-Cell-Body">{{{ilmatrium}}}</span></div>}}{{#if:{{{karnite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Karnite]]</span> <span class="Device-Info-Data-Cell-Body">{{{karnite}}}</span></div>}}{{#if:{{{kutonium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Kutonium]]</span> <span class="Device-Info-Data-Cell-Body">{{{kutonium}}}</span></div>}}{{#if:{{{lukium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Lukium]]</span> <span class="Device-Info-Data-Cell-Body">{{{lukium}}}</span></div>}}{{#if:{{{merkerium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Merkerium]]</span> <span class="Device-Info-Data-Cell-Body">{{{merkerium}}}</span></div>}}{{#if:{{{nhurgite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Nhurgite]]</span> <span class="Device-Info-Data-Cell-Body">{{{nhurgite}}}</span></div>}}{{#if:{{{oninum|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Oninum]]</span> <span class="Device-Info-Data-Cell-Body">{{{oninum}}}</span></div>}}{{#if:{{{surtrite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Surtrite]]</span> <span class="Device-Info-Data-Cell-Body">{{{surtrite}}}</span></div>}}{{#if:{{{tengium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Tengium]]</span> <span class="Device-Info-Data-Cell-Body">{{{tengium}}}</span></div>}}{{#if:{{{ukonium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Ukonium]]</span> <span class="Device-Info-Data-Cell-Body">{{{ukonium}}}</span></div>}}{{#if:{{{valkite|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Valkite]]</span> <span class="Device-Info-Data-Cell-Body">{{{valkite}}}</span></div>}}{{#if:{{{vokarium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Vokarium]]</span> <span class="Device-Info-Data-Cell-Body">{{{vokarium}}}</span></div>}}{{#if:{{{xhalium|}}}| <div class="Device-Info-Data-Cell"><span class="Device-Info-Data-Cell-Header">[[Xhalium]]</span> <span class="Device-Info-Data-Cell-Body">{{{xhalium}}}</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>
   </div>
Line 33: Line 33:
   border:2px solid #304344;
   border:2px solid #304344;
   width:25vw;
   width:25vw;
  max-width:40em;
   float:right;
   float:right;
   clear:right;
   clear:right;
   margin: 10px 10px;
   margin: 10px 10px;
   padding: 10px 10px;
   padding: 10px 10px;
   background:rgba(49, 68, 77, 0.33);
   background:rgba(49, 68, 77, 0.15);
}
}
.Device-Info-Header {
.Device-Info-Header {
   text-align: center;
   text-align: center;
   margin: 1em 0;
   margin-bottom: 0.25em;
}
}
.Device-Info-Header img {
.Device-Info-Header img {
   max-width:100%;
   max-width:100%;
  max-height:250px;
   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: Kenney Future Narrow;
   font-family: KenneyFuture;
   font-size:1.8em;
   font-size:1.8em;
   color:#edcd50;
   color:#edcd50;
Line 66: Line 67:
   margin: auto;
   margin: auto;
   background: #2b42488c;
   background: #2b42488c;
   font-family: kenney future narrow;
   font-family: KenneyFuture;
   font-size: 1.4em;
   font-size: 1.4em;
   margin-top: 1em;
   margin-top: 1em;
}
}
/* Traditional table styling */
.Device-Info-Data-Cell {
  display:flex;
  text-align:left;
  padding:0 0.4em;
}
.Device-Info-Data-Cell-Header {
  flex:48%;
  min-width:min-content;
  margin-right:4%;
}
.Device-Info-Data-Cell-Body {
  flex:50%;
  white-space:pre;
  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 {
.Device-Info-Data-Section {
   display: grid;
   display: grid;
   grid-template-columns: 50% 50%;
   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;
   border-bottom: 1px solid #394442;
   text-align: center;
   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 {
.Device-Info-Data-Construction {
     grid-template-columns: auto auto auto;
     grid-template-columns: auto auto auto;
Line 83: Line 127:
     padding: 4px 2px;
     padding: 4px 2px;
     border-bottom: 1px solid #394442;
     border-bottom: 1px solid #394442;
}
.Device-Info-Data-Cell {
}
.Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body {
  display:block;
}
.Device-Info-Data-Cell-Header {
  font-size:1.25em;
  font-weight:bold;
}
.Device-Info-Data-Cell-Body {
  font-size:1.25em;
}
}
/* Gallery specific support */
/* Gallery specific support */
Line 146: 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 10: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>


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