More actions
m remove height: from .sbtt-ship-category, it caused to display the category over the border-bottom:. |
m CSS image: Move inline css to class. Refactor css. Rename class uniwiki-ship-tooltip-header to sbtt-header. |
||
| Line 8: | Line 8: | ||
padding: 0; | padding: 0; | ||
vertical-align: top; | vertical-align: top; | ||
} | |||
td.sbtt-img { | |||
position: relative; | |||
padding: 0 5px 0 0; | |||
width: 80px; | |||
} | } | ||
| Line 19: | Line 25: | ||
left: 0; | left: 0; | ||
margin-left: 2px; | margin-left: 2px; | ||
margin-top: | margin-top: 0; | ||
} | } | ||
/* header */ | /* header */ | ||
. | .sbtt-header { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
| Line 70: | Line 76: | ||
.sbtt-attributes div { | .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; | ||
| Line 90: | Line 96: | ||
<table cellspacing='0' cellpadding='0' style='width:100%;'> | <table cellspacing='0' cellpadding='0' style='width:100%;'> | ||
<tr> | <tr> | ||
<td class='left | <td class='left sbtt-image'>[[Image:{{#if:{{{shipimg|}}}|{{{shipimg}}}|No-image.png}}|80x80px|{{{shipname}}}]]{{#if:{{{tech|}}}|<div class='techcornersmall'>[[Image:CornerT{{{tech|2}}}s.png|link=]]</div>|}}</td> | ||
<td> | <td> | ||
<div class= | <div class="sbtt-header"> | ||
<div class="sbtt-ship-name">{{{shipname}}}</div> | <div class="sbtt-ship-name">{{{shipname}}}</div> | ||
<div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|Unique Ships}}}</span> <span class="sbtt-ship-hull">{{{hulltype|Unknown Class}}}</span></div> | <div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|Unique Ships}}}</span> <span class="sbtt-ship-hull">{{{hulltype|Unknown Class}}}</span></div> | ||