Difference between revisions of "Template:ShipBoxTooltip"
From EVE University Wiki
m (CSS highlights: Move inline css to class. Refactor css) |
m (Increase width found an instance where the content did not fit.) |
||
(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><onlyinclude>{{#css: | <includeonly><onlyinclude>{{#css: | ||
− | . | + | .sbtt { |
− | . | + | width: 100%; |
− | . | + | } |
− | + | ||
− | + | .sbtt td.sbtt-image { | |
− | padding: | + | position: relative; |
+ | padding-right: 5px; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
− | . | + | .sbtt sbtt-image a img { |
border: 1px solid #272727; | border: 1px solid #272727; | ||
} | } | ||
− | . | + | .sbtt .techcornersmall { |
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 2px; | ||
+ | } | ||
+ | |||
+ | /* header */ | ||
+ | .sbtt .sbtt-header { | ||
+ | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
− | |||
padding-bottom: 5px; | padding-bottom: 5px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | . | + | .sbtt .sbtt-ship-name { |
+ | height: 20px; | ||
+ | white-space: nowrap; | ||
color: white; | color: white; | ||
− | font | + | font: small-caps 16px/15px trebuchet MS; |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .sbtt .sbtt-ship-category { |
font-size: 11px; | font-size: 11px; | ||
− | height: | + | line-height: 11px; |
− | + | } | |
+ | |||
+ | .sbtt .sbtt-ship-group { | ||
+ | white-space: nowrap; | ||
+ | color: orange; | ||
+ | } | ||
+ | |||
+ | .sbtt .sbtt-ship-hull { | ||
+ | white-space: nowrap; | ||
} | } | ||
/* Highlights */ | /* Highlights */ | ||
− | + | .sbtt .sbtt-highlights { | |
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
− | .sbtt-highlights div { | + | .sbtt .sbtt-highlights div { |
height: 10px; | height: 10px; | ||
color: khaki; | color: khaki; | ||
Line 48: | Line 62: | ||
} | } | ||
− | . | + | /* *** Ship attributes *** */ |
− | + | .sbtt .sbtt-attributes { | |
− | width: | + | width: 180px; |
} | } | ||
− | . | + | .sbtt .sbtt-attributes div { |
+ | float: left; | ||
+ | margin-right: 3px; | ||
+ | padding-right: 3px; | ||
+ | height: 13px; | ||
+ | white-space: nowrap; | ||
color: #9E8F75; | color: #9E8F75; | ||
− | |||
font-size: 10px; | font-size: 10px; | ||
− | |||
− | |||
line-height: 15px; | line-height: 15px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
}} | }} | ||
{{Tooltip | {{Tooltip | ||
− | |1={{#if:{{{shipname}}} | + | | 1={{#if: {{{shipname|}}} |[[{{{shipname}}}]] |{{Co|red|! parameter shipname missing !}} }} |
− | + | | 2=<table class="sbtt"> | |
− | + | <tr> | |
− | }} | + | <td class="sbtt-image">{{#if: {{{shipimg|}}} |
− | + | | [[Image:{{{shipimg}}}|128x128px|link=]] | |
− | |2=< | + | | {{#if: {{{shipid|}}} |
− | < | + | | {{Imageserver|types|{{{shipid}}}|render|size=128}} |
− | + | | [[Image:No-image.png|128x128px|link=]] | |
− | + | }} | |
− | + | }} | |
− | + | {{#if:{{{tech|}}} |<div class="techcornersmall">[[Image:CornerT{{{tech}}}s.png|link=]]</div> }} | |
− | + | </td> | |
− | + | <td> | |
+ | <div class="sbtt-header"> | ||
+ | <div class="sbtt-ship-name">{{{shipname}}}</div> | ||
+ | <div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|}}}</span> <span class="sbtt-ship-hull">{{{hulltype|}}}</span></div> | ||
+ | </div> | ||
+ | {{#if: {{{highlights1|}}} {{{highlights2|}}} {{{highlights3|}}} {{{highlights4|}}} | ||
+ | |<div class="sbtt-highlights"><!-- | ||
+ | --> {{#if: {{{highlights1|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights1|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights2|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights2|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights3|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights3|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights4|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights4|}}}</div>}} | ||
</div> | </div> | ||
− | + | }} | |
− | + | <div class="sbtt-attributes"> | |
− | + | <div>[[Image:icon_hi_slot.png|15x15px|link=]]{{#if: {{{highs|}}} | |
− | + | | {{{highs}}} ({{#if: {{{launchers|}}} |{{{launchers}}} |0 }}/{{#if: {{{turrets|}}} |{{{turrets}}} |0 }}) | |
− | + | | 0 }} [[Image:icon_mid_slot.png|15x15px|link=]]{{#if: {{{mediums|}}} |{{{mediums}}} |0 }} [[Image:icon_low_slot.png|15x15px|link=]]{{#if: {{{lows|}}} |{{{lows}}} |0 }} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </ | + | <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³ }}</div> |
− | </ | + | </div> |
− | }}</onlyinclude></includeonly><noinclude> | + | </td> |
− | {{documentation}} | + | </tr> |
− | </noinclude> | + | </table> |
+ | }}</onlyinclude></includeonly><noinclude>{{documentation}}</noinclude> |
Latest revision as of 13:35, 27 March 2023
Template documentation (for the above template, sometimes hidden or invisible)
- Description
- Creates a tooltip with a subset of the ships stats.
- Dependencies
-
- Uses
- {{Tooltip}}
- {{Imageserver}} When no local image of ship is available and shipid is known.
- Part of the parameter set of
{{ShipArticle}}
- Syntax
- ShipBoxTooltip is not to be used on its own. It is to be called by using the wrapper template
{{Ship}}
- Template set
- {{ShipArticle}}
- {{Ship}}
- {{ShipBoxLarge}}
- {{ShipBoxTooltip}}
- Sample
gives...Some text {{Ship|Megathron Navy Issue}} more text.
Megathron Navy Issue
Faction Battleships Megathron Class
8 (1/7) 4 8
16,275 MW 630 tf
130 m/sec
840 m³
|
Bug: | There is a problem with the presentation of the result. See Template talk:ShipBoxTooltip |
Visit Template:ShipBoxTooltip/doc to edit this text! (How does this work?) (Refresh this text - why?)