More actions
m →Template being worked on: Coding and testing |
m →Template being worked on: Coding and testing |
||
| Line 13: | Line 13: | ||
{{#css: | |||
. | .test { | ||
/* This is a container class | /* This is a container class | ||
to limit the accompanying classes | to limit the accompanying classes | ||
| Line 20: | Line 20: | ||
} | } | ||
div . | div .test { | ||
width: 270px; | width: 270px; | ||
background: black; | background: black; | ||
} | } | ||
. | .test table { | ||
/* width: 100%; */ | /* width: 100%; */ | ||
} | } | ||
/* Ship image style */ | /* Ship image style */ | ||
. | .test td.test-image { | ||
position: relative; | position: relative; | ||
padding-right: 5px; | padding-right: 5px; | ||
| Line 36: | Line 36: | ||
} | } | ||
. | .test div.test-image { | ||
position: relative; | position: relative; | ||
top: 2px; | top: 2px; | ||
} | } | ||
. | .test .test-techcornersmall { | ||
position: absolute; | position: absolute; | ||
top: | top: 0; | ||
left: 1px; | left: 1px; | ||
width: 16px; | width: 16px; | ||
| Line 50: | Line 50: | ||
/* Header */ | /* Header */ | ||
. | .test .test-header { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
| Line 57: | Line 57: | ||
} | } | ||
. | .test .test-header .test-ship-name { | ||
display: block; | display: block; | ||
height: 20px; | height: 20px; | ||
| Line 65: | Line 65: | ||
} | } | ||
. | .test .test-ship-category { | ||
font-size: 11px; | font-size: 11px; | ||
line-height: 10px; | line-height: 10px; | ||
} | } | ||
. | .test .test-ship-group { | ||
white-space: nowrap; | white-space: nowrap; | ||
color: orange; | color: orange; | ||
} | } | ||
. | .test .test-ship-hull { | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* Highlights */ | /* Highlights */ | ||
. | .test div.test-highlights { | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
. | .test .test-highlights div { | ||
display: block; | display: block; | ||
color: khaki; | color: khaki; | ||
| Line 93: | Line 93: | ||
/* Attributes */ | /* Attributes */ | ||
. | .test div.test-attributes { | ||
float: left; | float: left; | ||
width: 170px; | width: 170px; | ||
} | } | ||
. | .test .test-attributes div { | ||
display: inline-block; | display: inline-block; | ||
float:left; | float:left; | ||
| Line 110: | Line 110: | ||
} | } | ||
}} | }} | ||
<div class="test | <div class="test"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFs.png|link=]]</div></td> | ||
<td> | <td> | ||
<div class=" | <div class="test-header"> | ||
<div class="ship-name">Megathron Navy Issue</div> | <div class="test-ship-name">Megathron Navy Issue</div> | ||
<div class="ship-category"><span class="ship-group">Faction Battleships</span> <span class="ship-hull">Megathron Class</span></div> | <div class="test-ship-category"><span class="test-ship-group">Faction Battleships</span> <span class="test-ship-hull">Megathron Class</span></div> | ||
</div> | </div> | ||
<div class=" | <div class="test-highlights"> | ||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of High Slots</div> | <div>[[Image:Icon_highlights.png|10x10px]]High Amount of High Slots</div> | ||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of LowSlots</div> | <div>[[Image:Icon_highlights.png|10x10px]]High Amount of LowSlots</div> | ||
</div> | </div> | ||
<div class=" | <div class="test-attributes"> | ||
<div>[[Image:icon_hi_slot.png|15x15px]]8(1/7) [[Image:icon_mid_slot.png|15x15px]]4 [[Image:icon_low_slot.png|15x15px]]8</div> | <div>[[Image:icon_hi_slot.png|15x15px]]8(1/7) [[Image:icon_mid_slot.png|15x15px]]4 [[Image:icon_low_slot.png|15x15px]]8</div> | ||
<div>[[Image:icon_powergrid.png|15x15px]]16,275 MW< [[Image:icon_cpu.png|15x15px]]630 tf</div> | <div>[[Image:icon_powergrid.png|15x15px]]16,275 MW< [[Image:icon_cpu.png|15x15px]]630 tf</div> | ||
| Line 138: | Line 138: | ||
<div class=" | <div class="test"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFs.png]]</div></td> | ||
<td> Uses CornerTFs.png </td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFh.png|16x16px]]</div></td> | ||
<td> Uses CornerTFh.png </td> | |||
</tr> | </tr> | ||
</table> | </table> | ||