Template:Item Info: Difference between revisions

From Slippy Studios
Jump to navigation Jump to search
Create template for "Item Information"
 
No edit summary
Tag: Reverted
Line 1: Line 1:
{{#css:
.infobox {
 
  border: 1px solid #aaa;
   .item_info a {
  background-color: #f9f9f9;
    color: {{{color}}};
  color: black;
  float: right;
  clear: right;
  margin: 0.5em 0 0.5em 1em;
   padding: 0.2em;
  width: 22em;
  font-size: 90%;
  line-height: 1.5em;
}
}


  .item_info a:visited {
<onlyinclude>
    color: {{{color}}};
{| class="infobox" style="width:22em; font-size:90%; line-height:1.5em;"
}
|+ style="font-size: larger; font-weight: bold; text-align: center;" | {{{name|Observatory Name}}}
 
|-
  .item_box {
| colspan="2" style="text-align:center;" | [[File:{{{image|Example.jpg}}}|250px|alt={{{caption|Rendering}}}]]
    background:{{{color}}};
|-
    padding: 5px;
! Alternative names
    font-size: 16pt;
| {{{alt_names|}}}
    border: 1px solid;
|-
    float: right;
! Named after
    text-align: center;
| {{{named_after|}}}
    margin-left: 30px;
|-
    font-weight: 1600px;
! Location(s)
    font-family: Roboto;
| {{{location|}}}
    border-radius: 15px;
|-
  }
! Coordinates
 
| {{{coordinates|}}}
  .item_box a {
|-
    color: #888;
! Organization
}
| {{{organization|}}}
 
|-
  .item_info {
! Observatory code
    background:rgba(0,0,0,1);
| {{{code|}}}
    padding: 5px;
|-
    font-size: 16pt;
! Altitude
    width: 275px;
| {{{altitude|}}}
    text-align: center;
|-
    color: {{{color}}};
! Wavelength
    line-height: 24px;
| {{{wavelength|}}}
    border-radius:15px;
|-
    margin-bottom: 5px;
! First light
  }
| {{{first_light|}}}
 
|-
  .item_image {
! Telescope type
    padding: 5px;
| {{{telescope_type|}}}
    font-size: 16pt;
|}
    width: 275px;
</onlyinclude>
    height: 275px;
    text-align: center;
    background: rgba(255,255,255,0.8);
    color: {{{color}}};
    text-align: center;
    border-radius:15px;
    margin-bottom: 5px;
  }
 
  .item_image img {
    width: 225px;
    height: 225px;
    image-rendering: pixelated;
    margin: auto;
    display: inline-block;
    position: relative;
    top: 25px;
  }
 
  .item_quality {
    background:rgba(0,0,0,1);
    padding: 5px;
    font-size: 13pt;
    text-align: center;
    color: #ffffff;
    border-radius:7.5px;
    margin-bottom: 5px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
  }
 
  .item_quality a {
    color: inherit;
}
 
  .item_desc {
    background:rgba(0,0,0,1);
    padding: 5px;
    font-size: 13pt;
    width: 275px;
    text-align: center;
    color: #ffffff;
    border-radius:7.5px;
    margin-bottom: 5px;
  }
 
  .item_usage {
    background:rgba(0,0,0,1);
    padding: 5px;
    font-size: 13pt;
    width: 275px;
    text-align: left;
    color: #ffffff;
    border-radius:7.5px;
    margin-bottom: 5px;
  }
 
  .item_type {
    background:rgba(0,0,0,1);
    font-size: 13pt;
    width: 275px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    border-radius:7.5px;
    margin-bottom: 5px;
  }
 
  .item_available {
    background:rgba(0,0,0,1);
    font-size: 13pt;
    width: 275px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    border-radius:7.5px;
    margin-bottom: 5px;
  }
 
  .item_origin {
    background:rgba(0,0,0,1);
    font-size: 13pt;
    width: 275px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    margin-top: -1.2px;
    border-radius:7.5px;
    margin-bottom: 5px;
  }
 
}}
<div class="item_box">
  <div class="item_info">{{{name}}}<br/><font style="font-size:12px;color:#fff;">ID: {{{id}}}</font></div>
  <div class="item_image">[[File:{{{image}}}]]</div>
  <div class="item_quality">{{{quality}}}</div>
  <div class="item_desc">{{{desc}}}</div>
  <div class="item_type">[[Items#{{{type}}}|{{{type}}}]]</div>
  <div class="item_available">[[Gamemodes#{{{available}}}|{{{available}}}]]</div>
  <div class="item_origin">{{{origin}}}</div>
</div>

Revision as of 21:12, 29 June 2025

.infobox {

 border: 1px solid #aaa;
 background-color: #f9f9f9;
 color: black;
 float: right;
 clear: right;
 margin: 0.5em 0 0.5em 1em;
 padding: 0.2em;
 width: 22em;
 font-size: 90%;
 line-height: 1.5em;

}


Observatory Name
Rendering
Alternative names
Named after
Location(s)
Coordinates
Organization
Observatory code
Altitude
Wavelength
First light
Telescope type