Difference between revisions of "Template:ShipBoxTooltip"

From EVE University Wiki
Jump to: navigation, search
m
(remodel ship tooltip and readjustments for new wiki tooltip tool)
Line 1: Line 1:
 
{{#css:
 
{{#css:
.tooltip-frame{
+
.ship-tooltip
    position:relative;
 
    z-index:24; background-color:transparent;
 
    color:orange;
 
    text-decoration:none}
 
 
 
.tooltip-frame:hover{z-index:25; color:white;}
 
 
.tooltip-frame .inner-snippet p
 
 
{
 
{
height: 0;
+
font-size: 90%;
line-height: 0;
+
line-height: 110%;
margin: 0;
+
width: 330px;
padding: 0;
 
 
}
 
}
+
.ship-tooltip span
.tooltip-frame .inner-snippet
 
 
{
 
{
display: none;
+
display: block;
background-color: transparent;
+
vertical-align: top;
border: medium none;
+
}
left: -100px;
+
.ship-tooltip .tt-left
position: absolute;
+
{
top: 1.5em;
+
display: inline-block;
 +
margin-right: 5px;
 +
width: 80px;
 +
}
 +
.ship-tooltip .tt-left img
 +
{
 +
 
}
 
}
.tooltip-frame:hover .inner-snippet,.tooltip-frame.hover .inner-snippet { display: block; }
+
.ship-tooltip .tt-right
 
.tooltip-frame .inner-snippet span
 
 
{
 
{
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-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right
+
.ship-tooltip .tt-right .tt-subheader span
 
{
 
{
float:left;
+
display: inline-block;
 
}
 
}
.tooltip-frame .inner-snippet .l1
+
.ship-tooltip .tt-right .tt-header .tt-shipname
 
{
 
{
float: left;
+
color: white;
 
font-family: trebuchet MS;
 
font-family: trebuchet MS;
line-height: 22px;
+
font-size: 16px;
margin-bottom: 3px;
+
font-variant: small-caps;
width: 345px;
+
height: 20px;
 +
line-height: 20px;
 +
width: 180px;
 
}
 
}
.tooltip-frame .inner-snippet .l2
+
.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
 
{
 
{
border: 1px solid #525751;
 
color: #CCCCCC;
 
float: left;
 
font-family: trebuchet MS;
 
 
font-size: 11px;
 
font-size: 11px;
line-height: 20px;
+
height: 10px;
padding: 2px;
+
line-height: 10px;
width: 341px;
 
 
}
 
}
.tooltip-frame .inner-snippet .l2 span
+
.ship-tooltip .tt-right .tt-contents
 
{
 
{
float: left;
+
border-top: 1px solid #272727;
font-weight: normal;
+
padding-top: 2px;
 
}
 
}
.tooltip-frame .inner-snippet .l2 .tt-att-line
+
.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl
 
{
 
{
background-color: #1D1C23;
+
color: khaki;
height: 20px;
+
display: inline-block;
padding: 0;
+
font-size: 10px;
width: 100%;
+
height: 10px;
 +
line-height: 12px;
 
}
 
}
.tooltip-frame .inner-snippet .l2 .tt-att-line .tt-att-item
+
.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl a
 
{
 
{
border-right: 2px solid black;
+
height: 10px;
 +
line-height: 10px;
 
margin-right: 2px;
 
margin-right: 2px;
padding: 0 3px 0 2px;
+
vertical-align: top;
 
}
 
}
+
.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-att
.tooltip-frame .inner-snippet .tt-att-value
 
{
 
color: white;
 
padding: 0 2px 0 4px;
 
text-align: right;
 
}
 
.tooltip-frame .inner-snippet .att-label { color: darkgrey; }
 
 
.tooltip-frame .suppresslink
 
 
{
 
{
height: 73px;
+
color: #9E8F75;
left: 4px;
+
display: inline-block;
position: absolute;
+
font-size: 10px;
top: 4px;
+
height: 13px;
width: 73px;
+
line-height: 15px;
z-index: 100;
+
margin-right: 3px;
 +
padding-right: 3px;
 
}
 
}
}}<span class='tooltip-frame'>[[{{{shipname}}}|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]<span style='color: #CCCCCC;font-size: 60%;height: 3px;line-height: 3px;'>&#9662;</span><span class='inner-snippet ship-info' style='width: 440px;'><span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img' style='margin:0;'>[[Image:{{{shipimg|no-image.png}}}|73px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span><span class='suppresslink'>&nbsp;</span></span>
+
}}
<span class='right' style='margin-right: 4px; width: 347px; padding: 0pt;'>
+
{{Tooltip
<span style='background-color: black; float: left; padding: 4px; width: 100%;'>
+
|1=[[Drake|Drake]]
<span class='l1'>
+
|2=<span class='ship-tooltip'>
<span style='color: #F1EFCA;float: left;font-size: 18px;font-weight: bold;'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}<span style='display: {{#if:{{{shipname}}} | inline | none }}; font-size: 10px; line-height: 10px; padding-left: 3px;'>[[{{{shipname}}}|go to article &#9656;]]</span></span>
+
<span class='tt-left'>[[Image:{{{shipimg|no-image.png}}}|80px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span>
<span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles|}}}</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='l2'>
+
<span class='tt-contentsrow'>
<span class='tt-att-line' style='margin-bottom:2px;'>
+
<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-item' style='border-right:medium none;'>
+
<span class='tt-att'>[[Image:icon_mid_slot.png|15x15px|middle|middle slots]]{{{mediums|0}}}</span>
<span class='tt-att-value'>{{#if:{{{highs}}}|{{{highs|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_hi_slot.png|15px|middle|high slots]]</span><span class='att-label' style='color: #9A7535;'>high</span>
+
<span class='tt-att'>[[Image:icon_low_slot.png|15x15px|middle|low slots]]{{{lows|0}}}</span>
</span>
+
<span class='tt-att'>[[Image:icon_powergrid.png|15x15px|middle|powergrid]]{{{powergrid|0 MW}}}</span>
<span class='tt-att-item' style='border-right:medium none;'>
+
<span class='tt-att'>[[Image:icon_cpu.png|15x15px|middle|cpu output]]{{{cpu|0 tf}}}</span>
<span class='tt-att-value'>{{#if:{{{launchers}}}|{{{launchers|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_launcher_hp.png|15px|middle|launcher slots]]</span><span class='att-label'>launchers</span>
+
<span class='tt-att'>[[Image:Icon_velocity.png|15x15px|middle|max. velocity]]{{{maxvelocity|0 m/s}}}</span>
</span>
+
<span class='tt-att'>[[Image:Icon_capacity.png|15x15px|middle|cargo capacity]]{{{cargohold|0 m&#179;}}}</span>
<span class='tt-att-item'>
 
<span class='tt-att-value'>{{#if:{{{turrets}}}|{{{turrets|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_turret_hp.png|15px|middle|turret slots]]</span><span class='att-label'>turrets</span>
 
</span>
 
<span class='tt-att-item'>
 
<span class='tt-att-value'>{{#if:{{{mediums}}}|{{{mediums|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_mid_slot.png|15px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span>
 
</span>
 
<span class='tt-att-item'>
 
<span class='tt-att-value'>{{#if:{{{lows}}}|{{{lows|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_low_slot.png|15px|middle|low slots]]</span><span class='att-label' style='color: #9A7535;'>low</span>
 
</span>
 
</span>
 
<span class='tt-att-line'>
 
<span class='tt-att-item'>
 
<span class='tt-att-value' style='width:40px'>{{#if:{{{dronebay}}}|{{{dronebay|0 m3}}}|0 m3}}</span><span class='att-img' style='margin:0;'>[[Image:icon_drone_capacity.png|15px|middle|drone capacity]]</span><span class='att-label'>drones</span>
 
</span>
 
<span class='tt-att-item'>
 
<span class='tt-att-value' style='width:70px'>{{#if:{{{bandwidth}}}|{{{bandwidth|0 Mbit/sec}}}|0 Mbit/sec}}</span><span class='att-img' style='margin:0;'>[[Image:icon_drone_bandwith.png|15px|middle|drone bandwith]]</span><span class='att-label'>b/w</span>
 
</span>
 
<span class='tt-att-item' style='border-right:medium none;'>
 
<span class='tt-att-value' style='width:40px'>{{#if:{{{cargohold}}}|{{{cargohold|0 m3}}}|0 m3}}</span><span class='att-img' style='margin:0;'>[[Image:Icon_capacity.png|15px|middle|cargo capacity]]</span><span class='att-label'>cargo</span>
 
</span>
 
</span>
 
 
</span>
 
</span>
 
</span>
 
</span>
 
</span>
 
</span>
 
</span>
 
</span>
</span>
+
|3=auto
<noinclude>[[Category:Template]]</noinclude>
+
|4=auto
 +
}}

Revision as of 11:05, 15 October 2011

Drake {{{shipname}}} Unknown Ship

Unknown

Unique Ships Unknown Class high slots0(0/0) middle slots0 low slots0 powergrid0 MW cpu output0 tf max. velocity0 m/s cargo capacity0 m³