More actions
m →Template being worked on: Coding and testing |
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: | {{#css: | ||
. | .sbtt { | ||
/* This is a container class | |||
to limit the accompanying classes | |||
to only work within an element with this class */ | |||
} | |||
div .sbtt { | |||
width: 270px; | |||
background: black; | |||
} | |||
.sbtt table { | |||
/* width: 100%; */ | /* width: 100%; */ | ||
} | } | ||
/* Ship image style */ | /* Ship image style */ | ||
. | .sbtt td.sbtt-image { | ||
position: relative; | position: relative; | ||
padding-right: 5px; | padding-right: 5px; | ||
| Line 22: | Line 36: | ||
} | } | ||
. | .sbtt div.sbtt-image { | ||
position: relative; | position: relative; | ||
top: 2px; | top: 2px; | ||
} | } | ||
. | .sbtt .sbtt-techcornersmall { | ||
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
| Line 36: | Line 50: | ||
/* Header */ | /* Header */ | ||
. | .sbtt .sbtt-header { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
| Line 43: | Line 57: | ||
} | } | ||
. | .sbtt .sbtt-header .ship-name { | ||
display: block; | |||
height: 20px; | |||
white-space: nowrap; | |||
color: white; | color: white; | ||
font | font: small-caps 16px trebuchet MS; | ||
} | } | ||
. | .sbtt .sbtt-header .ship-category { | ||
font-size: 11px; | font-size: 11px; | ||
line-height: 10px; | line-height: 10px; | ||
} | |||
.sbtt .sbtt-header .ship-group { | |||
white-space: nowrap; | |||
color: orange; | |||
} | |||
.sbtt .sbtt-header .ship-hull { | |||
white-space: nowrap; | |||
} | } | ||
/* Highlights */ | /* Highlights */ | ||
. | .sbtt div.sbtt-highlights { | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
. | .sbtt .sbtt-highlights div { | ||
display: block; | display: block; | ||
color: khaki; | color: khaki; | ||
| Line 72: | Line 93: | ||
/* Attributes */ | /* Attributes */ | ||
. | .sbtt div.sbtt-attributes { | ||
float: left; | float: left; | ||
width: 170px; | width: 170px; | ||
} | } | ||
. | .sbtt .sbtt-attributes div { | ||
display: inline-block; | display: inline-block; | ||
float:left; | float:left; | ||
margin-right: 3px; | margin-right: 3px; | ||
padding-right: 3px; | padding-right: 3px; | ||
height: 13px; | |||
white-space: nowrap; | |||
color: #9E8F75; | color: #9E8F75; | ||
font-size: 10px; | font-size: 10px; | ||
line-height: 15px; | line-height: 15px; | ||
} | } | ||
| Line 90: | Line 112: | ||
}} | }} | ||
<div class="test"> | <div class="test sbtt"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
| Line 96: | Line 118: | ||
<td> | <td> | ||
<div class="sbtt-header"> | <div class="sbtt-header"> | ||
<div class=" | <div class="ship-name">Megathron Navy Issue</div> | ||
<div class="category"><span | <div class="ship-category"><span class="ship-group">Faction Battleships</span> <span class="ship-hull">Megathron Class</span></div> | ||
</div> | </div> | ||
<div class="sbtt-highlights"> | <div class="sbtt-highlights"> | ||
| Line 104: | Line 126: | ||
</div> | </div> | ||
<div class="sbtt-attributes"> | <div class="sbtt-attributes"> | ||
<div>[[Image:icon_hi_slot.png|15x15px]]8(1/7) | <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< | |||
<div>[[Image:Icon_velocity.png|15x15px]]130 m/s</div> | <div>[[Image:Icon_velocity.png|15x15px]]130 m/s</div> | ||
<div>[[Image:Icon_capacity.png|15x15px]]840 m³</div> | <div>[[Image:Icon_capacity.png|15x15px]]840 m³</div> | ||
| Line 119: | Line 138: | ||
<div class=" | <div class="sbtt"> | ||
<table> | <table> | ||
<tr> | <tr> | ||