Difference between revisions of "Template:ShipBoxLarge"
From EVE University Wiki
Line 1: | Line 1: | ||
− | {{# | + | {{#css: |
− | + | .ship-info | |
− | + | { | |
− | + | float:left; | |
− | + | background-color: #1D1C23; | |
− | + | border-bottom: 1px solid #525751; | |
− | + | border-left: 1px solid black; | |
− | + | border-right: 1px solid black; | |
− | + | border-top: 1px solid #525751; | |
− | + | float: left; | |
− | + | margin-bottom: 10px; | |
− | + | width: 800px; | |
− | + | } | |
− | + | ||
− | + | .ship-info table { background-color: transparent; } | |
− | + | .ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; } | |
− | + | ||
− | + | .ship-info .title | |
− | + | { | |
− | + | border-bottom: 1px solid #525751; | |
− | + | color: #CCCCCC; | |
− | + | font-family: trebuchet MS; | |
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | height: 22px; | ||
+ | line-height: 20px; | ||
+ | padding: 0 10px; | ||
+ | text-align: left; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .ship-info .ship-border-box | ||
+ | { | ||
+ | background-color: #110809; | ||
+ | border: 1px solid #878984; | ||
+ | } | ||
+ | |||
+ | .ship-info .ship-border-box p | ||
+ | { | ||
+ | color: #FFFFFF; | ||
+ | font-size: 90%; | ||
+ | margin: 0; | ||
+ | padding: 5px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .ship-info .label | ||
+ | { | ||
+ | border-bottom: 1px solid #4C4646; | ||
+ | border-top: 1px solid #4C4646; | ||
+ | font-family: Trebuchet MS; | ||
+ | height: 14px; | ||
+ | line-height: 14px; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | .ship-info .label .inner | ||
+ | { | ||
+ | background-color:#0e1618; | ||
+ | font-size: 10px; | ||
+ | padding: 0 3px; | ||
+ | } | ||
+ | |||
+ | .box-resist { | ||
+ | height: 15px; | ||
+ | line-height: 15px; | ||
+ | width: 50px; | ||
+ | } | ||
+ | .bgr-em { background-color:#121923; } | ||
+ | .bgr-thr { background-color:#290b0b; } | ||
+ | .bgr-kin { background-color:#292021; } | ||
+ | .bgr-exp { background-color:#2b190b; } | ||
+ | .val-em { background-color:#1c5d85; } | ||
+ | .val-thr { background-color:#8d1717; } | ||
+ | .val-kin { background-color:#757575; } | ||
+ | .val-exp { background-color:#875f1a; } | ||
+ | .box-resist .resist-value .value-text | ||
+ | { | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | width: 50px; | ||
+ | } | ||
+ | |||
+ | .ship-info .attributes | ||
+ | { | ||
+ | border: medium none; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | .attributes .att-line | ||
+ | { | ||
+ | background-color: #110809; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 11px; | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | |||
+ | .attributes .att-line .att-item | ||
+ | { | ||
+ | border-right: 2px solid #191E18; | ||
+ | display: inline-block; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | |||
+ | .attributes .att-line .att-item .att-img | ||
+ | { | ||
+ | display: inline-block; | ||
+ | margin-right: 2px; | ||
+ | } | ||
+ | .attributes .res-boxes .att-item .att-img | ||
+ | { | ||
+ | margin-right:0; | ||
+ | } | ||
+ | .attributes .att-line .att-item .att-label | ||
+ | { | ||
+ | color: #9E9E9E; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .attributes .att-line .att-item .att-value | ||
+ | { | ||
+ | color: #FFFFFF; | ||
+ | display: inline-block; | ||
+ | margin-right: 2px; | ||
+ | text-align: right; | ||
+ | width: 10px; | ||
+ | } | ||
+ | .attributes th | ||
+ | { | ||
+ | float: right; | ||
+ | font-size: 10px; | ||
+ | height: 15px; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | .attributes .collapseButton | ||
+ | { | ||
+ | color: transparent; | ||
+ | float: left; | ||
+ | margin-left: -6px; | ||
+ | } | ||
+ | .attributes .collapseButton a | ||
+ | { | ||
+ | border-color: #444A42 #000000; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | color: transparent; | ||
+ | margin-top: -1px; | ||
+ | position: absolute; | ||
+ | width: 100px; | ||
+ | } | ||
+ | .attributes .collapseButton a:hover, .attributes .collapseButton a.hover | ||
+ | { | ||
+ | border-top: 1px solid #FFFFFF; | ||
+ | border-bottom: 1px solid #FFFFFF; | ||
+ | border-right: 1px solid #444A42; | ||
+ | border-left: 1px solid #444A42; | ||
+ | } | ||
+ | .ship-info p.ship-desc | ||
+ | { | ||
+ | font-family: arial; | ||
+ | font-size: 11px; | ||
+ | line-height: 120%; | ||
+ | padding: 5px 5px 0; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | .ship-info .ship-variants | ||
+ | { | ||
+ | border-top: 1px solid #323931; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 11px; | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | margin: 0 5px 5px; | ||
+ | } | ||
+ | .ship-info .forum-link | ||
+ | { | ||
+ | background-color: #110809; | ||
+ | border: 1px solid #323931; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-top: 5px; | ||
+ | padding: 5px; | ||
+ | width: 248px; | ||
+ | } | ||
+ | .ship-info .forum-link .linkentry | ||
+ | { | ||
+ | display: inline-block; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | .ship-info .forum-link .linkentry .linkimg | ||
+ | { | ||
+ | display: inline-block; | ||
+ | height: 15px; | ||
+ | width: 20px; | ||
+ | } | ||
+ | .ship-info .forum-link .linkentry .linkname | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | .ship-info .forum-link .linkentry a | ||
+ | { | ||
+ | display: inline; | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | |||
+ | #content .ship-info .forum-link .linkentry a.external | ||
+ | { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | color: #9E9E9E; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover | ||
+ | { | ||
+ | background-color:#393939; | ||
+ | text-decoration: none; | ||
+ | color:orange; | ||
+ | } | ||
}} | }} | ||
+ | <div style='float:left;clear:both;width:100%'> | ||
+ | <div class='ship-info'> | ||
+ | <div class='title'><span style='font-size:16px'>≡</span> {{#if:{{{class}}}|{{{class|SHIP}}}|SHIP}}: INFORMATION<div style='display:{{#if:{{{roles}}}|block|none}};float: right; font-weight: bold; font-family: trebuchet MS; text-transform: uppercase; font-size: 80%; line-height: 20px; color: #F1EFCA;'>{{{roles|}}}</div></div> | ||
+ | <table style='width:100%;'> | ||
+ | <tr> | ||
+ | <td style='padding: 5px; width: 256px;' valign='top'> | ||
+ | <div style='border:1px solid #323931;' class='ship-img'>{{#ifexist: File:{{{shipimg}}}|[[Image:{{{shipimg|no-image.png}}}|center|256x256px|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]|[[Image:no-image.png|center|256x256px|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]}}</div> | ||
+ | <div style='display:{{#ifexist:File:{{{shipimg}}}|none|block}};text-align:center;' class='forum-link'> | ||
+ | <div class='linkentry'> | ||
+ | <div class='linkname' style='font-weight:bold;'>{{#if:{{{shipimg}}}|[[File:{{{shipimg}}}|Upload {{{shipimg}}} for this ship image.]]|<span style='font-weight: normal; font-size: 11px; line-height: 120%;'>Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" [[Template:Ship|here]].</span>}}</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='forum-link'> | ||
+ | <div class='linkentry'> | ||
+ | <div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div> | ||
+ | <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</div> | ||
+ | <div class='linkname'>{{#if:{{{forumlinks}}}|{{{forumlinks|[http://forum.eveuniversity.org/viewforum.php?f=128 <i>none</i>, start one now!]}}}|[http://forum.eveuniversity.org/viewforum.php?f=128 <i>none</i>, start one now!]}}</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td style='padding: 5px 5px 5px 0pt; border-left: 1px solid #333333' valign='top'> | ||
+ | <div style='position: absolute;'><div style='color: #F1EFCA; float: left; font-size: 180%; height: 30px; line-height: 30px; padding-left: 5px;'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}</div></div> | ||
+ | <table class='collapsible collapsed attributes' style='width: 100%; margin-bottom: 5px;'> | ||
+ | <tr> | ||
+ | <th><div style='float: left; width: 100px; font-family: trebuchet MS;margin-left: -3px;'>SHOW ATTRIBUTES</div></th> | ||
+ | </tr> | ||
+ | <tr><td style='padding:0;margin:0;'><div style='height:15px;line-height:15px;'> </div></td></tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <div style='background-color:#191E18;border: 1px solid #323931;'> | ||
+ | <div class='att-line'> | ||
+ | <div class='att-item' style='width: 80px; text-align: right;'> | ||
+ | <div class='att-label'>fittings</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right:medium none;'> | ||
+ | <div class='att-value'>{{{highs|0}}}</div><div class='att-img'>[[Image:icon_hi_slot.png|20px|middle|high slots]]</div><div class='att-label' style='color: #9A7535;'>highs</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right:medium none;'> | ||
+ | <div class='att-value'>{{{launchers|0}}}</div><div class='att-img'>[[Image:icon_launcher_hp.png|20px|middle|launcher slots]]</div><div class='att-label'>launchers</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value'>{{{turrets|0}}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</div><div class='att-label'>turrets</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value'>{{{mediums|0}}}</div><div class='att-img'>[[Image:icon_mid_slot.png|20px|middle|middle slots]]</div><div class='att-label' style='color: #9A7535;'>mediums</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value'>{{{lows|0}}}</div><div class='att-img'>[[Image:icon_low_slot.png|20px|middle|low slots]]</div><div class='att-label' style='color: #9A7535;'>lows</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='att-line'> | ||
+ | <div class='att-item' style='width: 80px; text-align: right;'> | ||
+ | <div class='att-label'>drones & cargo</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value' style='width:40px'>{{{dronebay|0 m3}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</div><div class='att-label'>drones</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value' style='width:60px'>{{{bandwidth|0 Mbit/sec}}}</div><div class='att-img'>[[Image:icon_drone_bandwith.png|20px|middle|drone bandwith]]</div><div class='att-label'>b/w</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right:medium none;'> | ||
+ | <div class='att-value' style='width:70px'>{{{cargohold}}}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|middle|cargo capacity]]</div><div class='att-label'>cargo</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='att-line res-boxes'> | ||
+ | <div class='att-item' style='width: 80px; height: 40px; position: absolute; background-color: #110809;text-align: right;'> | ||
+ | <div class='att-label' style='line-height: 40px;'>defense</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='width: 87px; margin-left: 95px;'> | ||
+ | <div class='att-value' style='width:30px'>{{#if:{{{shieldhp}}}|{{{shieldhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div><div class='att-label'>shields</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right: medium none;'> | ||
+ | <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width:{{#expr:{{#expr:{{#if:{{{shieldem}}}|{{{shieldem|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldem}}}|{{{shieldem|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{#if:{{{shieldtherm}}}|{{{shieldtherm|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldtherm}}}|{{{shieldtherm|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{#if:{{{shieldexp}}}|{{{shieldexp|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldexp}}}|{{{shieldexp|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='att-line res-boxes'> | ||
+ | <div class='att-item' style='width: 80px;'> | ||
+ | <div class='att-label'> </div> | ||
+ | </div> | ||
+ | <div class='att-item' style='width:87px;'> | ||
+ | <div class='att-value' style='width:30px'>{{#if:{{{armorhp}}}|{{{armorhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div><div class='att-label'>armor</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right: medium none;'> | ||
+ | <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width:{{#expr:{{#expr:{{#if:{{{armorem}}}|{{{armorem|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorem}}}|{{{armorem|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{#if:{{{armorkin}}}|{{{armorkin|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorkin}}}|{{{armorkin|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div> | ||
+ | <div style='display: inline-block;'> | ||
+ | <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{#if:{{{armorexp}}}|{{{armorexp|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorexp}}}|{{{armorexp|0}}}|0}}</div></div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='att-line'> | ||
+ | <div class='att-item' style='width: 80px;text-align: right;'> | ||
+ | <div class='att-label'>target & nav</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value' style='width:50px'>{{#if:{{{targetrange}}}|{{{targetrange|0 km}}}|0 km}}</div><div class='att-img'>[[Image:icon_target_range.png|20px|middle|max. targeting range]]</div><div class='att-label'>tgt. range</div> | ||
+ | </div> | ||
+ | <div class='att-item'> | ||
+ | <div class='att-value' style='width:30px'>{{#if:{{{sigradius}}}|{{{sigradius|0 m}}}|0 m}}</div><div class='att-img'>[[Image:icon_ship_sig.png|20px|middle|ship signature radius]]</div><div class='att-label'>sig. radius</div> | ||
+ | </div> | ||
+ | <div class='att-item' style='border-right:medium none;'> | ||
+ | <div class='att-value' style='width:55px'>{{#if:{{{maxvelocity}}}|{{{maxvelocity|0 m/s}}}|0 m/s}}</div><div class='att-img'>[[Image:Icon_velocity.png|20px|middle|max. velocity]]</div><div class='att-label'>max. velocity</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <div class='ship-border-box' style='display:{{#if:{{{bonuses}}}|block|none}};margin:5px'> | ||
+ | <div class='label'><div class='inner'>S H I P B O N U S E S</div></div> | ||
+ | <p>{{#if:{{{bonuses}}}|{{{bonuses|<i>no bonuses available for this ship</i>}}}|<i>no bonuses available for this ship</i>}}</p> | ||
+ | </div> | ||
+ | <p class='ship-desc'>{{#if:{{{info}}}|{{{info| }}}| }}</p> | ||
+ | <div class='ship-variants'>Variations : {{#if:{{{variations}}}|{{{variations|<i>none</i>}}}|<i>none</i>}}</div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> |
Revision as of 16:26, 7 September 2011
≡ SHIP: INFORMATION
[[File:{{{shipimg}}}|Upload {{{shipimg}}} for this ship image.]]
|
Unknown Ship
S H I P B O N U S E S no bonuses available for this ship
Variations : none
|