Difference between revisions of "Template:ShipBoxTooltip"

From EVE University Wiki
Jump to: navigation, search
Line 1: Line 1:
−
{{#css: .test-snippet{ position:relative; /*this is the key*/ z-index:24; background-color:transparent; color:orange; text-decoration:none}  
+
{{#css:
 +
.test-snippet{
 +
    position:relative; /*this is the key*/
 +
    z-index:24; background-color:transparent;
 +
    color:orange;
 +
    text-decoration:none}
  
−
.test-snippet:hover{z-index:25; background-color:#ff0}  
+
.test-snippet:hover{z-index:25; background-color:#ff0}
  
−
.test-snippet .inner-snippet{display: none} .test-snippet:hover .inner-snippet,.test-snippet.hover .inner-snippet { background-color: transparent; border: medium none; display: block; left: 1em; position: absolute; top: 1.2em; } .test-snippet .inner-snippet span { display: block; } .test-snippet .inner-snippet .left, .test-snippet .inner-snippet .right { float:left; } .test-snippet .inner-snippet .l1 { float: left; font-family: trebuchet MS; line-height: 20px; margin-bottom: 3px; width: 325px; } .test-snippet .inner-snippet .l2 { border: 1px solid #525751; color: #CCCCCC; float: left; font-family: trebuchet MS; font-size: 11px; line-height: 20px; padding: 2px; width: 321px; } .test-snippet .inner-snippet .l2 span { float:left; } .test-snippet .inner-snippet .l2 .att-line { background-color: #1D1C23; width: 100%; } .test-snippet .inner-snippet .l2 .att-line .att-item { border-right: 2px solid black; margin-right: 2px; padding: 0 3px 0 2px; } .test-snippet .inner-snippet .l3 { background-color: #1D1C23; border-color: black; border-right: 1px solid black; border-style: none solid solid; border-width: medium 1px 1px; color: white; float: left; font-size: 10px; line-height: 110%; margin-left: -50px; padding: 5px; width: 350px; } }}
+
.test-snippet .inner-snippet{display: none}
−
<span class='test-snippet'>{{{shipname}}}<span style='margin-left: 3px; font-size: 60%; color: yellow;'>&#8595;</span><span class='inner-snippet ship-info' style='width: 410px;'><span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img'>[[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]]</span></span><span class='right' style='margin-right: 4px; width: 327px;'><span style='background-color: black; float: left; padding: 4px; width: 100%;'><span class='l1'><span style='color: #F1EFCA;float: left;font-size: 18px;font-weight: bold;'>{{{shipname}}}<span style='display: {{#ifexist: Template:Ship.{{{shipname}}} | inline | none }}; font-size: 10px; line-height: 10px; padding-left: 3px;'>[[Template:Ship.{{{shipname}}}|goto article &#8250;]]</span></span><span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles}}}</span></span><span class='l2'><span class='att-line' style='margin-bottom:2px;'><span class='att-item' style='border-right:medium none;'><span class='att-value'>{{{highs}}}</span><span class='att-img'>[[Image:icon_hi_slot.png|20px|middle|high slots]]</span><span class='att-label' style='color: #9A7535;'>high</span></span><span class='att-item' style='border-right:medium none;'><span class='att-value'>{{{launchers}}}</span><span class='att-img'>[[Image:icon_launcher_hp.png|20px|middle|launcher slots]]</span><span class='att-label'>launchers</span></span><span class='att-item'><span class='att-value'>{{{turrets}}}</span><span class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</span><span class='att-label'>turrets</span></span><span class='att-item'><span class='att-value'>{{{mediums}}}</span><span class='att-img'>[[Image:icon_mid_slot.png|20px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span></span><span class='att-item'><span class='att-value'>{{{lows}}}</span><span class='att-img'>[[Image:icon_low_slot.png|20px|middle|low slots]]</span><span class='att-label' style='color: #9A7535;'>low</span></span></span><span class='att-line'><span class='att-item'><span class='att-value' style='width:40px'>{{{dronebay}}}</span><span class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</span><span class='att-label'>drones</span></span><span class='att-item'><span class='att-value' style='width:70px'>{{{bandwidth}}}</span><span class='att-img'>[[Image:icon_drone_bandwith.png|20px|middle|drone bandwith]]</span><span class='att-label'>b/w</span></span><span class='att-item' style='border-right:medium none;'><span class='att-value' style='width:40px'>{{{cargohold}}}</span><span class='att-img'>[[Image:Icon_capacity.png|20px|middle|cargo capacity]]</span><span class='att-label'>cargo</span></span></span></span></span><span class='l3'><span style='text-align:left;'>{{{bonuses}}}</span></span></span></span></span>
+
 +
.test-snippet:hover .inner-snippet,.test-snippet.hover .inner-snippet
 +
{
 +
background-color: transparent;
 +
border: medium none;
 +
display: block;
 +
left: 1em;
 +
position: absolute;
 +
top: 1.2em;
 +
}
 +
 +
.test-snippet .inner-snippet span
 +
{
 +
display: block;
 +
}
 +
 +
.test-snippet .inner-snippet .left, .test-snippet .inner-snippet .right
 +
{
 +
float:left;
 +
}
 +
.test-snippet .inner-snippet .l1
 +
{
 +
float: left;
 +
font-family: trebuchet MS;
 +
line-height: 20px;
 +
margin-bottom: 3px;
 +
width: 325px;
 +
}
 +
.test-snippet .inner-snippet .l2
 +
{
 +
border: 1px solid #525751;
 +
color: #CCCCCC;
 +
float: left;
 +
font-family: trebuchet MS;
 +
font-size: 11px;
 +
line-height: 20px;
 +
padding: 2px;
 +
width: 321px;
 +
}
 +
.test-snippet .inner-snippet .l2 span
 +
{
 +
float:left;
 +
}
 +
.test-snippet .inner-snippet .l2 .att-line
 +
{
 +
background-color: #1D1C23;
 +
width: 100%;
 +
}
 +
.test-snippet .inner-snippet .l2 .att-line .att-item
 +
{
 +
border-right: 2px solid black;
 +
margin-right: 2px;
 +
padding: 0 3px 0 2px;
 +
}
 +
.test-snippet .inner-snippet .l3
 +
{
 +
background-color: #1D1C23;
 +
border-color: black;
 +
border-right: 1px solid black;
 +
border-style: none solid solid;
 +
border-width: medium 1px 1px;
 +
color: white;
 +
float: left;
 +
font-size: 10px;
 +
line-height: 110%;
 +
margin-left: -50px;
 +
padding: 5px;
 +
width: 350px;
 +
}
 +
}}<span class='test-snippet'>{{{shipname}}}<span style='margin-left: 3px; font-size: 60%; color: yellow;'>&#8595;</span>
 +
<span class='inner-snippet ship-info' style='width: 410px;'>
 +
<span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img'>[[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]]</span></span>
 +
<span class='right' style='margin-right: 4px; width: 327px;'>
 +
<span style='background-color: black; float: left; padding: 4px; width: 100%;'>
 +
<span class='l1'>
 +
<span style='color: #F1EFCA;float: left;font-size: 18px;font-weight: bold;'>{{{shipname}}}<span style='display: {{#ifexist: Template:Ship.{{{shipname}}} | inline | none }}; font-size: 10px; line-height: 10px; padding-left: 3px;'>[[Template:Ship.{{{shipname}}}|goto article &#8250;]]</span></span>
 +
<span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles}}}</span>
 +
</span>
 +
<span class='l2'>
 +
<span class='att-line' style='margin-bottom:2px;'>
 +
<span class='att-item' style='border-right:medium none;'>
 +
<span class='att-value'>{{{highs}}}</span><span class='att-img'>[[Image:icon_hi_slot.png|20px|middle|high slots]]</span><span class='att-label' style='color: #9A7535;'>high</span>
 +
</span>
 +
<span class='att-item' style='border-right:medium none;'>
 +
<span class='att-value'>{{{launchers}}}</span><span class='att-img'>[[Image:icon_launcher_hp.png|20px|middle|launcher slots]]</span><span class='att-label'>launchers</span>
 +
</span>
 +
<span class='att-item'>
 +
<span class='att-value'>{{{turrets}}}</span><span class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</span><span class='att-label'>turrets</span>
 +
</span>
 +
<span class='att-item'>
 +
<span class='att-value'>{{{mediums}}}</span><span class='att-img'>[[Image:icon_mid_slot.png|20px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span>
 +
</span>
 +
<span class='att-item'>
 +
<span class='att-value'>{{{lows}}}</span><span class='att-img'>[[Image:icon_low_slot.png|20px|middle|low slots]]</span><span class='att-label' style='color: #9A7535;'>low</span>
 +
</span>
 +
</span>
 +
<span class='att-line'>
 +
<span class='att-item'>
 +
<span class='att-value' style='width:40px'>{{{dronebay}}}</span><span class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</span><span class='att-label'>drones</span>
 +
</span>
 +
<span class='att-item'>
 +
<span class='att-value' style='width:70px'>{{{bandwidth}}}</span><span class='att-img'>[[Image:icon_drone_bandwith.png|20px|middle|drone bandwith]]</span><span class='att-label'>b/w</span>
 +
</span>
 +
<span class='att-item' style='border-right:medium none;'>
 +
<span class='att-value' style='width:40px'>{{{cargohold}}}</span><span class='att-img'>[[Image:Icon_capacity.png|20px|middle|cargo capacity]]</span><span class='att-label'>cargo</span>
 +
</span>
 +
</span>
 +
</span>
 +
</span>
 +
<span class='l3'>
 +
<span style='text-align:left;'>{{{bonuses}}}</span>
 +
</span>
 +
</span>
 +
</span>
 +
</span>

Revision as of 19:47, 4 September 2011

{{{shipname}}}↓ [[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]] {{{shipname}}}[[Template:Ship.{{{shipname}}}|goto article ›]] {{{roles}}} {{{highs}}}high slotshigh {{{launchers}}}launcher slotslaunchers {{{turrets}}}turret slotsturrets {{{mediums}}}middle slotsmid {{{lows}}}low slotslow {{{dronebay}}}drone capacitydrones {{{bandwidth}}}drone bandwithb/w {{{cargohold}}}cargo capacitycargo {{{bonuses}}}

Retrieved from "https://wiki.eveuniversity.org/index.php?title=Template:ShipBoxTooltip&oldid=27181"