Difference between revisions of "Template:ShipsMatrix"
From EVE University Wiki
m |
m |
||
Line 1: | Line 1: | ||
+ | <noinclude>{{Color box|color=#144f1d|border=#2f8f2f|Under construction - Do not use!.}}</noinclude> | ||
{{#css: | {{#css: | ||
− | . | + | .tooltip-frame{ |
+ | 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 | ||
{ | { | ||
− | + | display: none; | |
+ | background-color: transparent; | ||
+ | border: medium none; | ||
+ | position: absolute; | ||
} | } | ||
− | . | + | .tooltip-frame:hover .inner-snippet,.tooltip-frame.hover .inner-snippet { display: block; } |
− | + | ||
− | . | + | .tooltip-frame .inner-snippet span |
{ | { | ||
− | + | display: block; | |
} | } | ||
− | . | + | |
+ | .tooltip-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right | ||
{ | { | ||
− | + | float:left; | |
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l1 |
{ | { | ||
− | + | float: left; | |
− | |||
− | |||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
− | + | line-height: 22px; | |
− | + | margin-bottom: 3px; | |
− | + | width: 325px; | |
− | |||
− | |||
} | } | ||
− | . | + | .tooltip-frame .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; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 span |
{ | { | ||
− | + | float: left; | |
− | + | font-weight: normal; | |
− | float: | ||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 .att-line |
{ | { | ||
− | background-color: | + | background-color: #1D1C23; |
− | |||
− | |||
− | |||
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 .att-line .att-item |
{ | { | ||
− | + | border-right: 2px solid black; | |
+ | margin-right: 2px; | ||
+ | padding: 0 3px 0 2px; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .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; | |
− | + | left: 4px; | |
− | + | position: absolute; | |
− | + | top: 4px; | |
− | + | width: 73px; | |
− | position: | + | z-index: 100; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | }} | + | }}<span class='tooltip-frame'>[[{{{shipname}}}|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]<span style='color: #CCCCCC;font-size: 60%;height: 3px;line-height: 3px;'>▾</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|no-image.png}}}|73px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span><span class='suppresslink'> </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;'>{{#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 ▸]]</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'>{{#if:{{{highs}}}|{{{highs|0}}}|0}}</span><span class='att-img'>[[Image:icon_hi_slot.png|15px|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'>{{#if:{{{launchers}}}|{{{launchers|0}}}|0}}</span><span class='att-img'>[[Image:icon_launcher_hp.png|15px|middle|launcher slots]]</span><span class='att-label'>launchers</span> | |
− | + | </span> | |
− | < | + | <span class='att-item'> |
− | + | <span class='att-value'>{{#if:{{{turrets}}}|{{{turrets|0}}}|0}}</span><span class='att-img'>[[Image:icon_turret_hp.png|15px|middle|turret slots]]</span><span class='att-label'>turrets</span> | |
− | + | </span> | |
− | + | <span class='att-item'> | |
− | + | <span class='att-value'>{{#if:{{{mediums}}}|{{{mediums|0}}}|0}}</span><span class='att-img'>[[Image:icon_mid_slot.png|15px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span> | |
− | + | </span> | |
− | + | <span class='att-item'> | |
− | + | <span class='att-value'>{{#if:{{{lows}}}|{{{lows|0}}}|0}}</span><span class='att-img'>[[Image:icon_low_slot.png|15px|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'>{{#if:{{{dronebay}}}|{{{dronebay|0 m3}}}|0 m3}}</span><span class='att-img'>[[Image:icon_drone_capacity.png|15px|middle|drone capacity]]</span><span class='att-label'>drones</span> | |
− | + | </span> | |
− | + | <span class='att-item'> | |
− | + | <span class='att-value' style='width:70px'>{{#if:{{{bandwidth}}}|{{{bandwidth|0 Mbit/sec}}}|0 Mbit/sec}}</span><span class='att-img'>[[Image:icon_drone_bandwith.png|15px|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'>{{#if:{{{cargohold}}}|{{{cargohold|0 m3}}}|0 m3}}</span><span class='att-img'>[[Image:Icon_capacity.png|15px|middle|cargo capacity]]</span><span class='att-label'>cargo</span> | |
− | + | </span> | |
− | + | </span> | |
− | + | </span> | |
− | + | </span> | |
− | + | </span> | |
− | + | </span> | |
− | + | </span> | |
− | + | <noinclude>[[Category:Template]]</noinclude> | |
− | |||
− | |||
− | |||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | ||
− | </ | ||
− | </ | ||
− | </ | ||
− | </ | ||
− | </ |