Difference between revisions of "User:Felix/Test"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
Line 2: Line 2:
 
.firstrow td, .firstrow th {
 
.firstrow td, .firstrow th {
 
border-top: 1px dotted #102f45;
 
border-top: 1px dotted #102f45;
 +
}
 +
.stathead {
 +
        padding-top: 5px;
 
}
 
}
 
.dot5 {
 
.dot5 {
Line 25: Line 28:
 
z-index: 1;
 
z-index: 1;
 
top: -7px;
 
top: -7px;
left: 115%;
+
left: 105%;
 
}
 
}
 
.wrapper .tooltip.wrap {
 
.wrapper .tooltip.wrap {
Line 49: Line 52:
 
}}
 
}}
 
<table id="statbox" align="center" cellspacing=0>
 
<table id="statbox" align="center" cellspacing=0>
 +
{{#if: {{{header-attr|}}}|<tr><th colspan=2>{{{header-attr}}}</th></tr>|}}
 
{{#if: {{{attr-str|}}}|{{#if: {{{spec-str|}}}|<tr class="wrapper">|<tr>}}<td>'''Strength:'''</td>
 
{{#if: {{{attr-str|}}}|{{#if: {{{spec-str|}}}|<tr class="wrapper">|<tr>}}<td>'''Strength:'''</td>
 
<td>{{Flexidot|{{{attr-str}}}|{{{attr-str-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{spec-str|}}}|<div class="tooltip">Specialty: {{{spec-str}}}</div>|}}</td></tr>|}}{{#if: {{{attr-dex|}}}|{{#if: {{{spec-dex|}}}|<tr class="wrapper">|<tr>}}<td>'''Dexterity:'''</td>
 
<td>{{Flexidot|{{{attr-str}}}|{{{attr-str-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{spec-str|}}}|<div class="tooltip">Specialty: {{{spec-str}}}</div>|}}</td></tr>|}}{{#if: {{{attr-dex|}}}|{{#if: {{{spec-dex|}}}|<tr class="wrapper">|<tr>}}<td>'''Dexterity:'''</td>
Line 60: Line 64:
 
<td>{{Flexidot|{{{attr-wit}}}|{{{attr-wit-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{spec-wit|}}}|<div class="tooltip">Specialty: {{{spec-wit}}}</div>|}}</td></tr>|}}
 
<td>{{Flexidot|{{{attr-wit}}}|{{{attr-wit-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{spec-wit|}}}|<div class="tooltip">Specialty: {{{spec-wit}}}</div>|}}</td></tr>|}}
 
---
 
---
{{#if: {{{header-abil|}}}|<tr class="firstrow"><th colspan=2>{{{header-abil}}}</th></tr>}}
+
{{#if: {{{header-abil|}}}|<tr class="stathead firstrow"><th colspan=2>{{{header-abil}}}</th></tr>}}
 
{{#if: {{{abil-1-name|}}}|{{#if: {{{header-abil|}}}|<tr>|<tr class="firstrow">}}<td>'''{{{abil-1-name}}}:'''</td>
 
{{#if: {{{abil-1-name|}}}|{{#if: {{{header-abil|}}}|<tr>|<tr class="firstrow">}}<td>'''{{{abil-1-name}}}:'''</td>
{{#if: {{{abil-1-spec|}}}|<td  class="wrapper">|<td>}}{{Flexidot|{{{abil-1-dots}}}|{{{abil-1-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-1-spec|}}}|<div class="tooltip">Specialty: {{{abil-1-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-2-name|}}}|<tr><td>'''{{{abil-2-name}}}:'''</td>
+
{{#if: {{{abil-1-spec|}}}|<td  class="wrapper">|<td>}}{{Flexidot|{{{abil-1-dots}}}|{{{abil-1-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-1-spec|}}}|<div class="tooltip">Specialty: {{{abil-1-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-2-name|}}}|{{#if: {{{abil-2-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-2-name}}}:'''</td>
{{#if: {{{abil-2-spec|}}}|<td class="wrapper">|<td>}}{{Flexidot|{{{abil-2-dots}}}|{{{abil-2-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|20px}}} }}{{#if: {{{abil-2-spec|}}}|<div class="tooltip">Specialty: {{{abil-2-spec}}}</div>|}}</td></tr>|}}
+
<td>{{Flexidot|{{{abil-2-dots}}}|{{{abil-2-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-2-spec|}}}|<div class="tooltip">Specialty: {{{abil-2-spec}}}</div>|}}</td></tr>|}}
{{#if: {{{abil-3-name|}}}|<tr><td>'''{{{abil-3-name}}}:'''</td>
+
{{#if: {{{abil-3-name|}}}|{{#if: {{{abil-3-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-3-name}}}:'''</td>
{{#if: {{{abil-3-spec|}}}|<td  class="wrapper">|<td>}}{{Flexidot|{{{abil-3-dots}}}|{{{abil-3-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|30px}}} }}{{#if: {{{abil-3-spec|}}}|<div class="tooltip">Specialty: {{{abil-3-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-4-name|}}}|<tr><td>'''{{{abil-4-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-3-dots}}}|{{{abil-3-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-3-spec|}}}|<div class="tooltip">Specialty: {{{abil-3-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-4-name|}}}|{{#if: {{{abil-4-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-4-name}}}:'''</td>
{{#if: {{{abil-4-spec|}}}|<td class="wrapper">|<td>}}{{Flexidot|{{{abil-4-dots}}}|{{{abil-4-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|40px}}} }}{{#if: {{{abil-4-spec|}}}|<div class="tooltip">Specialty: {{{abil-4-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-5-name|}}}|<tr><td>'''{{{abil-5-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-4-dots}}}|{{{abil-4-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-4-spec|}}}|<div class="tooltip">Specialty: {{{abil-4-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-5-name|}}}|{{#if: {{{abil-5-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-5-name}}}:'''</td>
{{#if: {{{abil-5-spec|}}}|<td  class="wrapper">|<td>}}{{Flexidot|{{{abil-5-dots}}}|{{{abil-5-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|50px}}} }}{{#if: {{{abil-5-spec|}}}|<div class="tooltip">Specialty: {{{abil-5-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-6-name|}}}|<tr><td>'''{{{abil-6-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-5-dots}}}|{{{abil-5-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-5-spec|}}}|<div class="tooltip">Specialty: {{{abil-5-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-6-name|}}}|{{#if: {{{abil-6-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-6-name}}}:'''</td>
{{#if: {{{abil-6-spec|}}}|<td class="wrapper">|<td>}}{{Flexidot|{{{abil-6-dots}}}|{{{abil-6-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|60px}}} }}{{#if: {{{abil-6-spec|}}}|<div class="tooltip">Specialty: {{{abil-6-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-7-name|}}}|<tr><td>'''{{{abil-7-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-6-dots}}}|{{{abil-6-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-6-spec|}}}|<div class="tooltip">Specialty: {{{abil-6-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-7-name|}}}|{{#if: {{{abil-7-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-7-name}}}:'''</td>
{{#if: {{{abil-7-spec|}}}|<td  class="wrapper">|<td>}}{{Flexidot|{{{abil-7-dots}}}|{{{abil-7-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|70px}}} }}{{#if: {{{abil-7-spec|}}}|<div class="tooltip">Specialty: {{{abil-7-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-8-name|}}}|<tr><td>'''{{{abil-8-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-7-dots}}}|{{{abil-7-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-7-spec|}}}|<div class="tooltip">Specialty: {{{abil-7-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-8-name|}}}|{{#if: {{{abil-8-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-8-name}}}:'''</td>
{{#if: {{{abil-8-spec|}}}|<td class="wrapper">|<td>}}{{Flexidot|{{{abil-8-dots}}}|{{{abil-8-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|80px}}} }}{{#if: {{{abil-8-spec|}}}|<div class="tooltip">Specialty: {{{abil-8-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-9-name|}}}|<tr><td>'''{{{abil-9-name}}}:'''</td>
+
<td>{{Flexidot|{{{abil-8-dots}}}|{{{abil-8-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-8-spec|}}}|<div class="tooltip">Specialty: {{{abil-8-spec}}}</div>|}}</td></tr>|}}{{#if: {{{abil-9-name|}}}|{{#if: {{{abil-9-spec|}}}|<tr class="wrapper">|<tr>}}<td>'''{{{abil-9-name}}}:'''</td>
{{#if: {{{abil-9-spec|}}}|<td class="wrapper">|<td>}}{{Flexidot|{{{abil-9-dots}}}|{{{abil-9-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|90px}}} }}{{#if: {{{abil-9-spec|}}}|<div class="tooltip">Specialty: {{{abil-9-spec}}}</div>|}}</td></tr>|}}
+
<td>{{Flexidot|{{{abil-9-dots}}}|{{{abil-9-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}{{#if: {{{abil-9-spec|}}}|<div class="tooltip">Specialty: {{{abil-9-spec}}}</div>|}}</td></tr>|}}
 
---
 
---
{{#if: {{{header-other|}}}|<tr class="firstrow"><th colspan=2>{{{header-other}}}</th></tr>}}
+
{{#if: {{{header-other|}}}|<tr class="stathead firstrow"><th colspan=2>{{{header-other}}}</th></tr>}}
 
{{#if: {{{other-1-name|}}}|{{#if: {{{header-other|}}}|<tr>|<tr class="firstrow">}}<td>'''{{{other-1-name}}}:'''</td>
 
{{#if: {{{other-1-name|}}}|{{#if: {{{header-other|}}}|<tr>|<tr class="firstrow">}}<td>'''{{{other-1-name}}}:'''</td>
 
<td>{{Flexidot|{{{other-1-dots}}}|{{{other-1-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-2-name|}}}|<tr><td>'''{{{other-2-name}}}:'''</td>
 
<td>{{Flexidot|{{{other-1-dots}}}|{{{other-1-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-2-name|}}}|<tr><td>'''{{{other-2-name}}}:'''</td>
<td>{{Flexidot|{{{other-2-dots}}}|{{{other-2-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|20px}}} }}</td></tr>|}}
+
<td>{{Flexidot|{{{other-2-dots}}}|{{{other-2-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}
 
{{#if: {{{other-3-name|}}}|<tr><td>'''{{{other-3-name}}}:'''</td>
 
{{#if: {{{other-3-name|}}}|<tr><td>'''{{{other-3-name}}}:'''</td>
<td>{{Flexidot|{{{other-3-dots}}}|{{{other-3-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|30px}}} }}</td></tr>|}}{{#if: {{{other-4-name|}}}|<tr><td>'''{{{other-4-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-3-dots}}}|{{{other-3-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-4-name|}}}|<tr><td>'''{{{other-4-name}}}:'''</td>
<td>{{Flexidot|{{{other-4-dots}}}|{{{other-4-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|40px}}} }}</td></tr>|}}{{#if: {{{other-5-name|}}}|<tr><td>'''{{{other-5-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-4-dots}}}|{{{other-4-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-5-name|}}}|<tr><td>'''{{{other-5-name}}}:'''</td>
<td>{{Flexidot|{{{other-5-dots}}}|{{{other-5-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|50px}}} }}</td></tr>|}}{{#if: {{{other-6-name|}}}|<tr><td>'''{{{other-6-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-5-dots}}}|{{{other-5-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-6-name|}}}|<tr><td>'''{{{other-6-name}}}:'''</td>
<td>{{Flexidot|{{{other-6-dots}}}|{{{other-6-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|60px}}} }}</td></tr>|}}{{#if: {{{other-7-name|}}}|<tr><td>'''{{{other-7-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-6-dots}}}|{{{other-6-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-7-name|}}}|<tr><td>'''{{{other-7-name}}}:'''</td>
<td>{{Flexidot|{{{other-7-dots}}}|{{{other-7-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|70px}}} }}</td></tr>|}}{{#if: {{{other-8-name|}}}|<tr><td>'''{{{other-8-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-7-dots}}}|{{{other-7-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-8-name|}}}|<tr><td>'''{{{other-8-name}}}:'''</td>
<td>{{Flexidot|{{{other-8-dots}}}|{{{other-8-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|80px}}} }}</td></tr>|}}{{#if: {{{other-9-name|}}}|<tr><td>'''{{{other-9-name}}}:'''</td>
+
<td>{{Flexidot|{{{other-8-dots}}}|{{{other-8-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}{{#if: {{{other-9-name|}}}|<tr><td>'''{{{other-9-name}}}:'''</td>
<td>{{Flexidot|{{{other-9-dots}}}|{{{other-9-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|90px}}} }}</td></tr>|}}
+
<td>{{Flexidot|{{{other-9-dots}}}|{{{other-9-count|{{{dot-count|5}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}
 
---
 
---
 
renown
 
renown
 
---
 
---
<th colspan=2 style="padding-top: 5px;">Noticeable Merits</th></tr>
+
<tr><th colspan=2 class="stathead firstrow">Noticeable Merits</th></tr>
 
<tr class="wrapper">
 
<tr class="wrapper">
 
<td colspan=2>{{{merit-1-name}}}<div class="tooltip wrap">{{{merit-1-info}}}</div></td></tr>
 
<td colspan=2>{{{merit-1-name}}}<div class="tooltip wrap">{{{merit-1-info}}}</div></td></tr>

Revision as of 16:44, 17 September 2016

This is my main test page for template development.

--- --- --- renown ---
Noticeable Merits
{{{merit-1-name}}}
{{{merit-1-info}}}
{{{merit-2-name}}}
{{{merit-2-info}}}