More actions
m →Template being worked on: Replace Vexor fo Megathron Navy Issue for techcorner and highlights. |
m →Template being worked on: Coding and testing |
||
| Line 9: | Line 9: | ||
<!-- {{User:Evon R'al/Sandbox template}} --> | <!-- {{User:Evon R'al/Sandbox template}} --> | ||
Line after | Line after | ||
{{#css: | |||
.test table { | |||
/* width: 100%; */ | |||
} | |||
/* Ship image style */ | |||
.test td.sbtt-image { | |||
position: relative; | |||
padding-right: 5px; | |||
vertical-align: top; | |||
} | |||
.test div.sbtt-image { | |||
position: relative; | |||
top: 2px; | |||
} | |||
.test .sbtt-techcornersmall { | |||
position: absolute; | |||
top: 0px; | |||
left: 1px; | |||
width: 16px; | |||
height: 16px; | |||
} | |||
/* Header */ | |||
.test .sbtt-header { | |||
margin-bottom: 5px; | |||
border-bottom: 1px solid #272727; | |||
padding-bottom: 5px; | |||
text-align: center; | |||
} | |||
.test .sbtt-header .shipname { | |||
color: white; | |||
font-family: trebuchet MS; | |||
font-size: 16px; | |||
font-variant: small-caps; | |||
height: 20px; | |||
line-height: 15px; | |||
} | |||
.test .sbtt-header .category { | |||
font-size: 11px; | |||
height: 10px; | |||
line-height: 10px; | |||
} | |||
/* Highlights */ | |||
.test div.sbtt-highlights { | |||
padding-bottom: 5px; | |||
} | |||
.test .sbtt-highlights div { | |||
display: block; | |||
color: khaki; | |||
font-size: 10px; | |||
height: 10px; | |||
line-height: 12px; | |||
} | |||
/* Attributes */ | |||
.test div.sbtt-attributes { | |||
float: left; | |||
width: 170px; | |||
} | |||
.test .sbtt-attributes div { | |||
display: inline-block; | |||
float:left; | |||
margin-right: 3px; | |||
padding-right: 3px; | |||
color: #9E8F75; | |||
font-size: 10px; | |||
height: 13px; | |||
line-height: 15px; | |||
} | |||
}} | |||
<div class="test"> | |||
<table> | |||
<tr> | |||
<td class="sbtt-image"><div class="sbtt-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="sbtt-techcornersmall">[[Image:CornerTFs.png]]</div></td> | |||
<td> | |||
<div class="sbtt-header"> | |||
<div class="shipname">Megathron Navy Issue</div> | |||
<div class="category"><span style="color: orange;">Faction Battleships</span> Megathron Class</div> | |||
</div> | |||
<div class="sbtt-highlights"> | |||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of High Slots</div> | |||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of LowSlots</div> | |||
</div> | |||
<div class="sbtt-attributes"> | |||
<div>[[Image:icon_hi_slot.png|15x15px]]8(1/7)</div> | |||
<div>[[Image:icon_mid_slot.png|15x15px]]4</div> | |||
<div>[[Image:icon_low_slot.png|15x15px]]8</div> | |||
<div>[[Image:icon_powergrid.png|15x15px]]16,275 MW</div> | |||
<div>[[Image:icon_cpu.png|15x15px]]630tf</div> | |||
<div>[[Image:Icon_velocity.png|15x15px]]130 m/s</div> | |||
<div>[[Image:Icon_capacity.png|15x15px]]840 m³</div> | |||
</div> | |||
</td> | |||
</tr> | |||
<table> | |||
</table> | |||
</div> | |||
<div class="test"> | |||
<table> | |||
<tr> | |||
<td class="sbtt-image"><div class="sbtt-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="sbtt-techcornersmall">[[Image:CornerTFs.png]]</div></td> | |||
</tr> | |||
<tr> | |||
<td class="sbtt-image"><div class="sbtt-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="sbtt-techcornersmall">[[Image:CornerTFh.png|16x16px]]</div></td> | |||
</tr> | |||
</table> | |||
</div> | |||
== Qvar dar'zanar == | == Qvar dar'zanar == | ||