Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipBoxTooltip: Difference between revisions

Template page
Arin Mara (talk | contribs)
mNo edit summary
m Increase width found an instance where the content did not fit.
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
For usage guide please see [[Template:Ship|Ship Template]]
<includeonly><onlyinclude>{{#css:
<includeonly><onlyinclude>{{#css:
.uniwiki-ship-tooltip table, .uniwiki-ship-tooltip tr, .uniwiki-ship-tooltip td
 
{
.sbtt {
background-color: transparent;  
  width: 100%;
margin: 0; padding: 0;  
}
vertical-align: top;
 
}
.sbtt td.sbtt-image {
.uniwiki-ship-tooltip .left a img
  position: relative;
{
  padding-right: 5px;
border: 1px solid #272727;
  vertical-align: top;
}
}
.uniwiki-ship-tooltip-header
 
{
.sbtt sbtt-image a img {
border-bottom: 1px solid #272727;
  border: 1px solid #272727;
margin-bottom: 5px;
}
padding-bottom: 5px;
 
text-align: center;
.sbtt .techcornersmall {
}
  position: absolute;
.uniwiki-ship-tooltip-header .tooltip-header-shipname
  top: 0;
{
  left: 2px;
color: white;
}
font-family: trebuchet MS;
 
font-size: 16px;
/* header */
font-variant: small-caps;
.sbtt .sbtt-header {
height: 20px;
  margin-bottom: 5px;
line-height: 15px;
  border-bottom: 1px solid #272727;
}
  padding-bottom: 5px;
.uniwiki-ship-tooltip-header .tooltip-header-category
  text-align: center;
{
}
font-size: 11px;
 
height: 10px;
.sbtt .sbtt-ship-name {
line-height: 10px;
  height: 20px;
}
  white-space: nowrap;
.uniwiki-ship-tooltip-middle .tt-hl
  color: white;
{
  font: small-caps 16px/15px trebuchet MS;
color: khaki;
}
font-size: 10px;
 
height: 10px;
.sbtt .sbtt-ship-category {
line-height: 12px;
  font-size: 11px;
}
  line-height: 11px;
.uniwiki-ship-tooltip-bottom
}
{
 
float: left;
.sbtt .sbtt-ship-group {
width: 170px;
  white-space: nowrap;
}
  color: orange;
.uniwiki-ship-tooltip-bottom .tt-att
}
{
 
color: #9E8F75;
.sbtt .sbtt-ship-hull {
display: inline-block;
  white-space: nowrap;
font-size: 10px;
}
float:left;
 
height: 13px;
/* Highlights */
line-height: 15px;
.sbtt .sbtt-highlights {
margin-right: 3px;
  padding-bottom: 5px;
padding-right: 3px;
}
}
 
.techcornersmall
.sbtt .sbtt-highlights div {
{
  height: 10px;
width: 64px;
  color: khaki;
height: 64px;
  font-size: 10px;
position: absolute;
  line-height: 12px;
top: 0px;
}
left: 0px;
 
margin-left: 2px;
/* *** Ship attributes *** */
margin-top: 0px;
.sbtt .sbtt-attributes {
}
  width: 180px;
}
 
.sbtt .sbtt-attributes div {
  float: left;
  margin-right: 3px;
  padding-right: 3px;
  height: 13px;
  white-space: nowrap;
  color: #9E8F75;
  font-size: 10px;
  line-height: 15px;
}
 
}}
}}
{{Tooltip
{{Tooltip
|1=[[{{{shipname}}}|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]
| 1={{#if: {{{shipname|}}} |[[{{{shipname}}}]] |{{Co|red|! parameter shipname missing !}} }}
|2=<div class='uniwiki-ship-tooltip'>
| 2=<table class="sbtt">
<table cellspacing='0' cellpadding='0' style='width:100%;'>
<tr>
<tr>
  <td class="sbtt-image">{{#if: {{{shipimg|}}}
<td class='left' style='padding: 0 5px 0 0;width: 80px; position: relative;'>{{#if:{{{tech|}}}|<div class='techcornersmall'>[[Image:CornerT{{{tech|2}}}s.png|link=]]</div>|}}[[Image:{{{shipimg|no-image.png}}}|80x80px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</td>
    | [[Image:{{{shipimg}}}|128x128px|link=]]
<td>
    |  {{#if: {{{shipid|}}}
<div class='uniwiki-ship-tooltip-header'>
        | {{Imageserver|types|{{{shipid}}}|render|size=128}}
<div class='tooltip-header-shipname'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}</div>
        | [[Image:No-image.png|128x128px|link=]]
<div class='tooltip-header-category'><span style='color:orange;margin-right: 5px;'>{{{grouping|Unique Ships}}}</span><span>{{{hulltype|Unknown Class}}}</span></div>
        }}
</div>
    }}
<div class='uniwiki-ship-tooltip-middle' style='padding-bottom: 5px;display:{{#if:{{{highlights1|}}}|block|none}}'>
    {{#if:{{{tech|}}} |<div class="techcornersmall">[[Image:CornerT{{{tech}}}s.png|link=]]</div> }}
<div class='tt-hl'>[[Image:Icon_highlights.png|10x10px|middle|highlights]]{{{highlights1|}}}</div>
  </td>
<div class='tt-hl' style='display:{{#if:{{{highlights2|}}}|block|none}}'>[[Image:Icon_highlights.png|10x10px|middle|highlights]]{{{highlights2|}}}</div>
  <td>
<div class='tt-hl' style='display:{{#if:{{{highlights3|}}}|block|none}}'>[[Image:Icon_highlights.png|10x10px|middle|highlights]]{{{highlights3|}}}</div>
  <div class="sbtt-header">
</div>
    <div class="sbtt-ship-name">{{{shipname}}}</div>
<div class='uniwiki-ship-tooltip-bottom'>
    <div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|}}}</span> <span class="sbtt-ship-hull">{{{hulltype|}}}</span></div>
<div class='tt-att'>[[Image:icon_hi_slot.png|15x15px|middle|high slots]]{{{highs|0}}}<div style='display:inline;'>({{{launchers|0}}}/{{{turrets|0}}})</div></div>
  </div>
<div class='tt-att'>[[Image:icon_mid_slot.png|15x15px|middle|middle slots]]{{{mediums|0}}}</div>
  {{#if: {{{highlights1|}}} {{{highlights2|}}} {{{highlights3|}}} {{{highlights4|}}}
<div class='tt-att'>[[Image:icon_low_slot.png|15x15px|middle|low slots]]{{{lows|0}}}</div>
    |<div class="sbtt-highlights"><!--
<div class='tt-att'>[[Image:icon_powergrid.png|15x15px|middle|powergrid]]{{{powergrid|0 MW}}}</div>
--{{#if: {{{highlights1|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights1|}}}</div>}}<!--
<div class='tt-att'>[[Image:icon_cpu.png|15x15px|middle|cpu output]]{{{cpu|0 tf}}}</div>
-->  {{#if: {{{highlights2|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights2|}}}</div>}}<!--
<div class='tt-att'>[[Image:Icon_velocity.png|15x15px|middle|max. velocity]]{{{maxvelocity|0 m/s}}}</div>
-->  {{#if: {{{highlights3|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights3|}}}</div>}}<!--
<div class='tt-att'>[[Image:Icon_capacity.png|15x15px|middle|cargo capacity]]{{{cargohold|0 m&#179;}}}</div>
-->  {{#if: {{{highlights4|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights4|}}}</div>}}
</div>
    </div>
</td>
  }}
</tr>
  <div class="sbtt-attributes">
</table>
    <div>[[Image:icon_hi_slot.png|15x15px|link=]]{{#if: {{{highs|}}}
</div>
        | {{{highs}}} ({{#if: {{{launchers|}}} |{{{launchers}}} |0 }}/{{#if: {{{turrets|}}} |{{{turrets}}} |0 }})
}}</onlyinclude></includeonly><noinclude>
        | 0 }} [[Image:icon_mid_slot.png|15x15px|link=]]{{#if: {{{mediums|}}} |{{{mediums}}} |0 }} [[Image:icon_low_slot.png|15x15px|link=]]{{#if: {{{lows|}}} |{{{lows}}} |0 }}
{{documentation}}
    </div>
</noinclude>
    <div>[[Image:icon_powergrid.png|15x15px|link=]]{{#if: {{{powergrid|}}} |{{{powergrid}}} |0 MW }} [[Image:icon_cpu.png|15x15px|link=]]{{#if: {{{cpu|}}} |{{{cpu}}} |0 tf }}</div>
    <div>[[Image:Icon_velocity.png|15x15px|link=]]{{#if: {{{maxvelocity|}}} |{{{maxvelocity}}} |0 m/s }}</div>
    <div>[[Image:Icon_capacity.png|15x15px|link=]]{{#if: {{{cargohold|}}} |{{{cargohold}}} |0 m&#179; }}</div>
  </div>
  </td>
</tr>
</table>
}}</onlyinclude></includeonly><noinclude>{{documentation}}</noinclude>