Template:Item Info: Difference between revisions

From Slippy Studios
Jump to navigation Jump to search
No edit summary
Tag: Reverted
mNo edit summary
 
(63 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox {
{{#css:
  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;
}
}


<onlyinclude>
.item_info a:visited {
{| class="infobox" style="width:22em; font-size:90%; line-height:1.5em;"
    color: {{{color}}};
|+ style="font-size: larger; font-weight: bold; text-align: center;" | {{{name|Observatory Name}}}
}
|-
 
| colspan="2" style="text-align:center;" | [[File:{{{image|Example.jpg}}}|250px|alt={{{caption|Rendering}}}]]
.item_box {
|-
    background: {{{color}}};
! Alternative names
    padding: 5px;
| {{{alt_names|}}}
    font-size: 16pt;
|-
    float: right;
! Named after
    text-align: center;
| {{{named_after|}}}
    margin-left: 30px;
|-
    font-weight: bold;
! Location(s)
    font-family: Roboto, sans-serif;
| {{{location|}}}
    border-radius: 15px;
|-
}
! Coordinates
 
| {{{coordinates|}}}
.item_box a {
|-
    color: #ffffff;
! Organization
}
| {{{organization|}}}
 
|-
.item_box_img {
! Observatory code
    background-color: rgba(0,0,0,0.75);
| {{{code|}}}
    background-repeat: no-repeat;
|-
    background-position: center;
! Altitude
    text-align: center;
| {{{altitude|}}}
    width: 275px;
|-
    padding: 5px;
! Wavelength
    height: 21px;
| {{{wavelength|}}}
    border-radius: 7.5px 7.5px 0px 0px;
|-
    margin: 0 auto;
! First light
}
| {{{first_light|}}}
 
|-
.item_info {
! Telescope type
    position: relative;
| {{{telescope_type|}}}
    background: rgba(0, 0, 0, 0.7);
|}
    padding: 5px;
</onlyinclude>
    font-size: 16pt;
    width: 275px;
    text-align: center;
    color: {{{color}}};
    line-height: 24px;
    border-radius: 0px 0px 15px 15px;
    margin-bottom: 5px;
}
 
.item_image {
    position: relative;
    padding: 5px;
    font-size: 16pt;
    width: 275px;
    height: 275px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: {{{color}}};
    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_level {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    font-size: 13pt;
    width: 275px;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 7.5px 7.5px;
    margin-bottom: 5px;
}
 
.item_quality {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    padding-top: 10px;
    font-size: 13pt;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 7.5px 7.5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    width: 275px;
    max-width: 275px;
}
 
.item_quality a {
    color: inherit;
}
 
.item_desc {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    font-size: 13pt;
    width: 275px;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 7.5px 7.5px;
    margin-bottom: 5px;
}
 
.item_usage {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    font-size: 13pt;
    width: 275px;
    text-align: left;
    color: #ffffff;
    border-radius: 0px 0px 7.5px 7.5px;
    margin-bottom: 5px;
}
 
.item_type,
.item_available,
.item_origin {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    font-size: 13pt;
    width: 275px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 7.5px 7.5px;
    margin-bottom: 5px;
}
}}
<div class="item_box">
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-name.png');"></div></html><div class="item_info">{{{name}}}<br/><font style="font-size:12px;color:#fff;">ID: {{{id}}}</font></div>
  <div class="item_image">[[File:{{{image}}}|link={{{name}}}]]</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-quality.png');"></div></html><div class="item_quality">{{{quality}}}</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-level.png');"></div></html><div class="item_level">{{{level}}}</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-description.png');"></div></html><div class="item_desc">{{{desc}}}</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-type.png');"></div></html><div class="item_type">[[Items#{{{type}}}|{{{type}}}]]</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-gamemode.png');"></div></html><div class="item_available">[[Gamemodes#{{{available}}}|{{{available}}}]]</div>
  <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-category.png');"></div></html><div class="item_origin">{{{origin}}}</div>
</div>

Latest revision as of 19:57, 30 September 2025

{{{name}}}
ID: {{{id}}}
[[File:{{{image}}}|link={{{name}}}]]
{{{quality}}}
{{{level}}}
{{{desc}}}
[[Items#{{{type}}}|{{{type}}}]]
[[Gamemodes#{{{available}}}|{{{available}}}]]
{{{origin}}}