Difference between revisions of "Template:ShipBoxTooltip"
From EVE University Wiki
m |
(remodel ship tooltip and readjustments for new wiki tooltip tool) |
||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
− | . | + | .ship-tooltip |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{ | { | ||
− | + | font-size: 90%; | |
− | line-height: | + | line-height: 110%; |
− | + | width: 330px; | |
− | |||
} | } | ||
− | + | .ship-tooltip span | |
− | .tooltip | ||
{ | { | ||
− | display: | + | display: block; |
− | + | vertical-align: top; | |
− | + | } | |
− | + | .ship-tooltip .tt-left | |
− | + | { | |
− | + | display: inline-block; | |
+ | margin-right: 5px; | ||
+ | width: 80px; | ||
+ | } | ||
+ | .ship-tooltip .tt-left img | ||
+ | { | ||
+ | |||
} | } | ||
− | . | + | .ship-tooltip .tt-right |
− | |||
− | |||
{ | { | ||
− | display: block; | + | display: inline-block; |
+ | width: 240px; | ||
+ | } | ||
+ | .ship-tooltip .tt-right .tt-header | ||
+ | { | ||
+ | height: 20px; | ||
+ | overflow: hidden; | ||
+ | width: 240px; | ||
} | } | ||
− | + | .ship-tooltip .tt-right .tt-header span, | |
− | .tooltip- | + | .ship-tooltip .tt-right .tt-subheader span |
{ | { | ||
− | + | display: inline-block; | |
} | } | ||
− | .tooltip- | + | .ship-tooltip .tt-right .tt-header .tt-shipname |
{ | { | ||
− | + | color: white; | |
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
− | + | font-size: 16px; | |
− | + | font-variant: small-caps; | |
− | width: | + | height: 20px; |
+ | line-height: 20px; | ||
+ | width: 180px; | ||
} | } | ||
− | .tooltip- | + | .ship-tooltip .tt-right .tt-header .tt-race |
+ | { | ||
+ | float: right; | ||
+ | height: 20px; | ||
+ | line-height: 25px; | ||
+ | } | ||
+ | .ship-tooltip .tt-right .tt-subheader .tt-grouping, | ||
+ | .ship-tooltip .tt-right .tt-subheader .tt-hulltype | ||
{ | { | ||
− | |||
− | |||
− | |||
− | |||
font-size: 11px; | font-size: 11px; | ||
− | + | height: 10px; | |
− | + | line-height: 10px; | |
− | |||
} | } | ||
− | .tooltip- | + | .ship-tooltip .tt-right .tt-contents |
{ | { | ||
− | + | border-top: 1px solid #272727; | |
− | + | padding-top: 2px; | |
} | } | ||
− | .tooltip- | + | .ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl |
{ | { | ||
− | + | color: khaki; | |
− | + | display: inline-block; | |
− | + | font-size: 10px; | |
− | + | height: 10px; | |
+ | line-height: 12px; | ||
} | } | ||
− | .tooltip- | + | .ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl a |
{ | { | ||
− | + | height: 10px; | |
+ | line-height: 10px; | ||
margin-right: 2px; | margin-right: 2px; | ||
− | + | vertical-align: top; | |
} | } | ||
− | + | .ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-att | |
− | .tooltip | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{ | { | ||
− | + | color: #9E8F75; | |
− | + | display: inline-block; | |
− | + | font-size: 10px; | |
− | + | height: 13px; | |
− | + | line-height: 15px; | |
− | + | margin-right: 3px; | |
+ | padding-right: 3px; | ||
} | } | ||
− | }}<span class='tooltip- | + | }} |
− | + | {{Tooltip | |
− | <span | + | |1=[[Drake|Drake]] |
− | <span class=' | + | |2=<span class='ship-tooltip'> |
− | + | <span class='tt-left'>[[Image:{{{shipimg|no-image.png}}}|80px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span> | |
− | <span | + | <span class='tt-right'> |
+ | <span class='tt-header'> | ||
+ | <span class='tt-shipname'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}</span> | ||
+ | <span class='tt-race'>[[Image:{{#switch:{{{faction}}}|Amarr Empire=Logo_faction_amarr_empire.png |Caldari State=Logo_faction_caldari_state.png |Gallente Federation=Logo_faction_gallente_federation.png |Minmatar Republic=Logo_faction_minmatar_republic.png |Outer Ring Excavations=Logo_faction_outer_ring_excavations.png |#default=no-image.png}}|center|30x30px|{{#if:{{{faction}}}|{{{faction|Unknown}}}|Unknown}}]]</span> | ||
+ | </span> | ||
+ | <span class='tt-subheader'> | ||
+ | <span class='tt-grouping'>[[:Category:{{{grouping|Unique Ships}}}|{{{grouping|Unique Ships}}}]]</span> | ||
+ | <span class='tt-hulltype'>{{{hulltype|Unknown Class}}}</span> | ||
+ | </span> | ||
+ | <span class='tt-contents'> | ||
+ | <span class='tt-contentsrow' style='border-bottom: 1px solid #272727;padding-bottom: 2px;display:{{#if:{{{highlights1|}}}|block|none}}'> | ||
+ | <span class='tt-hl'>[[Image:Icon_highlights.png|10x10px|middle|highlights]]{{{highlights1|}}}</span> | ||
</span> | </span> | ||
− | + | <span class='tt-contentsrow'> | |
− | + | <span class='tt-att'>[[Image:icon_hi_slot.png|15x15px|middle|high slots]]{{{highs|0}}}<span class='label'>({{{launchers|0}}}/{{{turrets|0}}})</span></span> | |
− | + | <span class='tt-att'>[[Image:icon_mid_slot.png|15x15px|middle|middle slots]]{{{mediums|0}}}</span> | |
− | + | <span class='tt-att'>[[Image:icon_low_slot.png|15x15px|middle|low slots]]{{{lows|0}}}</span> | |
− | + | <span class='tt-att'>[[Image:icon_powergrid.png|15x15px|middle|powergrid]]{{{powergrid|0 MW}}}</span> | |
− | + | <span class='tt-att'>[[Image:icon_cpu.png|15x15px|middle|cpu output]]{{{cpu|0 tf}}}</span> | |
− | + | <span class='tt-att'>[[Image:Icon_velocity.png|15x15px|middle|max. velocity]]{{{maxvelocity|0 m/s}}}</span> | |
− | + | <span class='tt-att'>[[Image:Icon_capacity.png|15x15px|middle|cargo capacity]]{{{cargohold|0 m³}}}</span> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</span> | </span> | ||
</span> | </span> | ||
</span> | </span> | ||
</span> | </span> | ||
− | + | |3=auto | |
− | + | |4=auto | |
+ | }} |