Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipsMatrix: Difference between revisions

Template page
mNo edit summary
mNo edit summary
Line 1: Line 1:
<noinclude>{{Color box|color=#144f1d|border=#2f8f2f|Under construction - Do not use!.}}</noinclude>
{{#css:
{{#css:
.tooltip-frame{
.ships-matrix
    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; }
.ships-matrix table { width:100%; }
.ships-matrix table, .ships-matrix tr, .ships-matrix th, .ships-matrix td { margin:0;padding:0;text-align: left;font-weight: normal; }
.tooltip-frame .inner-snippet span
.ships-matrix tr
{
{
display: block;
}
}
.ships-matrix tr.firstprimary
.tooltip-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right
{
{
float:left;
background-color: black;
}
}
.tooltip-frame .inner-snippet .l1
.ships-matrix .firstprimary th
{
{
float: left;
border-bottom: 1px solid #2D2413;
border-top: 1px solid #2D2413;
color: #B89964;
font-family: trebuchet MS;
font-family: trebuchet MS;
line-height: 22px;
font-size: 14px;
margin-bottom: 3px;
font-variant: small-caps;
width: 325px;
height: 20px;
line-height: 20px;
text-align: center;
}
}
.tooltip-frame .inner-snippet .l2
.ships-matrix tr.primary
{
{
border: 1px solid #525751;
background-color: #564830;
color: #CCCCCC;
float: left;
font-family: trebuchet MS;
font-size: 11px;
line-height: 20px;
padding: 2px;
width: 321px;
}
}
.tooltip-frame .inner-snippet .l2 span
.ships-matrix .primary .collapseButton
{
{
float: left;
color: transparent;
font-weight: normal;
display: block;
float: none;
padding: 0;
position: absolute;
width: 100%;
}
}
.tooltip-frame .inner-snippet .l2 .att-line
.ships-matrix .primary .collapseButton a
{
{
background-color: #1D1C23;
background-color: transparent;
color: transparent;
left: 0;
position: absolute;
width: 100%;
width: 100%;
z-index: 20;
}
.ships-matrix .primary .collapseButton a:hover,
.ships-matrix .primary .collapseButton a.hover
{
background-color:#614F31;
}
.ships-matrix tr.highlight
{
}
.ships-matrix tr.even
{
}
.ships-matrix tr.odd
{
}
}
.tooltip-frame .inner-snippet .l2 .att-line .att-item
.ships-matrix th
{
{
border-right: 2px solid black;
margin-right: 2px;
padding: 0 3px 0 2px;
}
}
.tooltip-frame .inner-snippet .att-value
.ships-matrix .firstcol{ width:16%; }
{  
.ships-matrix .racialcol{ width:21%; }
color: white;
padding: 0 2px 0 4px;
text-align: right;
}  
.tooltip-frame .inner-snippet .att-label { color: darkgrey; }
.tooltip-frame .suppresslink
.ships-matrix .groupheader
{
}
.ships-matrix .groupheader .textlabel
{
{
height: 73px;
display: inline-block;
left: 4px;
position: relative;
position: absolute;
z-index: 25;
top: 4px;
}
width: 73px;
.ships-matrix .primary .firstcol, .ships-matrix .primary .racialcol
z-index: 100;
{
border-bottom: 1px solid black;
}
.ships-matrix .firstindent
{
}
.ships-matrix .secondindent
{
}
}
}}<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: 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'>&nbsp;</span></span>
}}
<span class='right' style='margin-right: 4px; width: 327px;'>
<div class='ships-matrix'>
<span style='background-color: black; float: left; padding: 4px; width: 100%;'>
<table cellspacing='0' cellpadding='0'>
<span class='l1'>
<tr class='firstprimary'>
<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>
<th class='firstcol'><div style='width:100px;'>&nbsp;</div></th>
<span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles|}}}</span>
<th class='racialcol'>Amarr</th>
</span>
<th class='racialcol'>Caldari</th>
<span class='l2'>
<th class='racialcol'>Gallente</th>
<span class='att-line' style='margin-bottom:2px;'>
<th class='racialcol'>Minmatar</th>
<span class='att-item' style='border-right:medium none;'>
</tr>
<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>
<tr>
</span>
<td colspan='5'>
<span class='att-item' style='border-right:medium none;'>
<table class='collapsible collapsed' cellspacing='0' cellpadding='0'>
<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>
<tr class='primary'>
</span>
<th class='firstcol groupheader'><span class='textlabel'>Frigates</span></th>
<span class='att-item'>
<th class='racialcol'>{{Ship|Drake|tooltip}}{{Ship|Drake|tooltip}}</th>
<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>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
</span>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
<span class='att-item'>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
<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>
</tr>
</span>
<tr class='highlight'>
<span class='att-item'>
<td class='groupheader firstindent'>Faction Frigates</td>
<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>
<td>{{Ship|Drake|tooltip}}{{Ship|Drake|tooltip}}{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
<span class='att-line'>
<td>{{Ship|Drake|tooltip}}</td>
<span class='att-item'>
</tr>
<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>
<tr class='odd'>
</span>
<td class='groupheader secondindent'>Assault Ships</td>
<span class='att-item'>
<td>{{Ship|Drake|tooltip}}</td>
<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>
<td>{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
<span class='att-item' style='border-right:medium none;'>
<td>{{Ship|Drake|tooltip}}</td>
<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>
</tr>
</span>
<tr class='even'>
</span>
<td class='groupheader secondindent'>Covert Ops</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
</span>
<td>{{Ship|Drake|tooltip}}</td>
</span>
</tr>
<noinclude>[[Category:Template]]</noinclude>
</table>
<table class='collapsible collapsed' cellspacing='0' cellpadding='0'>
<tr class='primary'>
<th class='firstcol groupheader'><span class='textlabel'>Destroyers</span></th>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
<th class='racialcol'>{{Ship|Drake|tooltip}}</th>
</tr>
<tr class='odd'>
<td class='groupheader secondindent'>Interdictors</td>
<td>{{Ship|Drake|tooltip}}</td>
<td>{{Ship|Drake|tooltip}}</td>
<td>{{Ship|Drake|tooltip}}</td>
<td>{{Ship|Drake|tooltip}}</td>
</tr>
</table>
</td>
</tr>
</table>
</div>