Difference between revisions of "Template:ShipBoxTooltip"
From EVE University Wiki
| Line 1: | Line 1: | ||
| − | {{#css: | + | {{#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 .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; } }} | |
| − | + | <span class='test-snippet'>{{{shipname}}}<span style='margin-left: 3px; font-size: 60%; color: yellow;'>↓</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 ›]]</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> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | }}<span class='test-snippet'>{{{shipname}}}<span style='margin-left: 3px; font-size: 60%; color: yellow;'>↓</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 ›]]</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:45, 4 September 2011
{{{shipname}}}↓[[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]]{{{shipname}}}{{{roles}}}{{{highs}}}
high{{{launchers}}}
launchers{{{turrets}}}
turrets{{{mediums}}}
mid{{{lows}}}
low{{{dronebay}}}
drones{{{bandwidth}}}
b/w{{{cargohold}}}
cargo{{{bonuses}}}
