Difference between revisions of "Template:StatBox"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
Line 225: Line 225:
 
}}</pre>
 
}}</pre>
  
{{StatBox
+
&#32;{{#css:
| colour-divider=#009900
+
.firstrow td, .firstrow th {
| colour-text=darkgreen
+
border-top: 1px dotted #009900;
| colour-tooltip=rgb(240,255,240)
+
}
| colour-border=darkgreen
+
.stathead {
| dot-empty=Edgrndot.png
+
        padding-top: 5px;
| dot-filled=Fdgrndot.png
+
}
| header-merits=Important Merits
+
.dot5 {
| header-flaws=Important Flaws
+
margin-left: 1em;
| header-also=And Another Thing...
+
}
| attr-dex=4
+
.dot5 img {
| attr-str=4
+
vertical-align: unset;
| attr-man=4
+
}
| attr-app=2
+
.wrapper {
| spec-dex=Flexible
+
position: relative;
| spec-str=Lifting, Bro
+
cursor: help;
| spec-man=Crafty
+
}
| abil-1-name=Brewing
+
.wrapper .tooltip {
| abil-1-dots=4
+
visibility: hidden;
| abil-1-spec=Beer
+
white-space: nowrap;
| abil-2-name=Athletics
+
background-color: rgb(240,255,240);
| abil-2-dots=5
+
color: darkgreen;
| abil-2-spec=Lifting Things
+
border:2px darkgreen solid;
| other-1-name=Rage
+
text-align: center;
| other-1-dots=4
+
border-radius: 6px;
| merit-1-name=Cakemaster
+
padding: 5px 1em;
| merit-1-info=Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression. Everyone likes cake!
+
position: absolute;
| merit-2-name=Life of the Party
+
z-index: 1;
| merit-2-dots=3
+
top: -7px;
| merit-2-info=Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
+
left: 105%;
| flaw-1-name=Nightmares
+
}
| also-name=Tall
+
.wrapper .tooltip.wrap {
| also-info=Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.
+
white-space: normal;
 +
width: 20em;
 +
        font-weight: normal;
 +
}
 +
.wrapper .tooltip::after {
 +
content: "";
 +
position: absolute;
 +
top: 50%;
 +
right: 100%;
 +
margin-top: -8px;
 +
border-width: 8px;
 +
border-style: solid;
 +
border-color: transparent darkgreen transparent transparent;
 +
}
 +
.wrapper .tooltip.wrap::after {
 +
top: 1.25em;
 +
}
 +
.wrapper:hover .tooltip {
 +
visibility: visible;
 +
}
 
}}
 
}}
 +
<table id="statbox" align="center" cellspacing=0>
 +
{{#if: |<tr><th colspan=2>{{{header-attr}}}</th></tr>|}}
 +
{{#if: 4|{{#if: Lifting, Bro|<tr class="wrapper">|<tr>}}<td>Strength:</td>
 +
<td>{{Flexidot|4|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: Lifting, Bro|<div class="tooltip">Specialty: Lifting, Bro</div>|}}</td></tr>|}}{{#if: 4|{{#if: Flexible|<tr class="wrapper">|<tr>}}<td>Dexterity:</td>
 +
<td>{{Flexidot|4|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: Flexible|<div class="tooltip">Specialty: Flexible</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr  class="wrapper">|<tr>}}<td>Stamina:</td>
 +
<td>{{Flexidot|{{{attr-sta}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-sta}}}</div>|}}</td></tr>|}}{{#if: 4|{{#if: Crafty|<tr  class="wrapper">|<tr>}}<td>Manipulation:</td>
 +
<td>{{Flexidot|4|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: Crafty|<div class="tooltip">Specialty: Crafty</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr  class="wrapper">|<tr>}}<td>Charisma:</td>
 +
<td>{{Flexidot|{{{attr-cha}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-cha}}}</div>|}}</td></tr>|}}{{#if: 2|{{#if: |<tr  class="wrapper">|<tr>}}<td>Appearance:</td>
 +
<td>{{Flexidot|2|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-app}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr  class="wrapper">|<tr>}}<td>Perception:</td>
 +
<td>{{Flexidot|{{{attr-per}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-per}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr  class="wrapper">|<tr>}}<td>Intelligence:</td>
 +
<td>{{Flexidot|{{{attr-int}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-int}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr  class="wrapper">|<tr>}}<td>Wits:</td>
 +
<td>{{Flexidot|{{{attr-wit}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{spec-wit}}}</div>|}}</td></tr>|}}<!--- abil --->{{#if: |<tr class="firstrow"><th class="stathead" colspan=2>{{{header-abil}}}</th></tr>}}
 +
{{#if: Brewing|{{#if: |{{#if: Beer|<tr class="wrapper">|<tr>}}|{{#if: Beer|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}<td>Brewing:</td>
 +
<td>{{Flexidot|4|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: Beer|<div class="tooltip">Specialty: Beer</div>|}}</td></tr>|}}{{#if: Athletics|{{#if: Lifting Things|<tr class="wrapper">|<tr>}}<td>Athletics:</td>
 +
<td>{{Flexidot|5|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: Lifting Things|<div class="tooltip">Specialty: Lifting Things</div>|}}</td></tr>|}}
 +
{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-3-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-3-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-3-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-4-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-4-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-4-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-5-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-5-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-5-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-6-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-6-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-6-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-7-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-7-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-7-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-8-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-8-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-8-spec}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}<td>{{{abil-9-name}}}:</td>
 +
<td>{{Flexidot|{{{abil-9-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}{{#if: |<div class="tooltip">Specialty: {{{abil-9-spec}}}</div>|}}</td></tr>|}}<!--- other --->{{#if: |<tr class="firstrow"><th class="stathead" colspan=2>{{{header-other}}}</th></tr>}}
 +
{{#if: Rage|{{#if: |<tr>|<tr class="firstrow">}}<td>Rage:</td>
 +
<td>{{Flexidot|4|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-2-name}}}:</td>
 +
<td>{{Flexidot|{{{other-2-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}
 +
{{#if: |<tr><td>{{{other-3-name}}}:</td>
 +
<td>{{Flexidot|{{{other-3-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-4-name}}}:</td>
 +
<td>{{Flexidot|{{{other-4-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-5-name}}}:</td>
 +
<td>{{Flexidot|{{{other-5-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-6-name}}}:</td>
 +
<td>{{Flexidot|{{{other-6-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-7-name}}}:</td>
 +
<td>{{Flexidot|{{{other-7-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-8-name}}}:</td>
 +
<td>{{Flexidot|{{{other-8-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{other-9-name}}}:</td>
 +
<td>{{Flexidot|{{{other-9-dots}}}|5|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}<!--- renown --->{{#if: |<tr class="firstrow"><th class="stathead" colspan=2>{{{header-renown}}}</th></tr>}}{{#if: |{{#if: |<tr>|<tr class="firstrow">}}<td>{{{renown-1-name}}}:</td>
 +
<td>{{Flexidot|{{{renown-1-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}{{#if: |<tr><td>{{{renown-2-name}}}:</td>
 +
<td>{{Flexidot|{{{renown-2-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}
 +
{{#if: |<tr><td>{{{renown-3-name}}}:</td>
 +
<td>{{Flexidot|{{{renown-3-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}</td></tr>|}}<!--- merits --->{{#if: Important Merits|<tr class="firstrow"><th class="stathead" colspan=2>Important Merits</th></tr>}}{{#if: Cakemaster|{{#if: Important Merits|{{#if: Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!|<tr class="wrapper">|<tr>}}|{{#if: Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: |<td>Cakemaster</td><td>{{Flexidot|{{{merit-1-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>Cakemaster }}{{#if: Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!|<div class="tooltip wrap">Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!</div>|}}</td></tr>|}}{{#if: Life of the Party|{{#if: Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.|<tr class="wrapper">|<tr>}}{{#if: 3|<td>Life of the Party</td><td>{{Flexidot|3|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>Life of the Party }}{{#if: Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.|<div class="tooltip wrap">Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-3-name}}}</td><td>{{Flexidot|{{{merit-3-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-3-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-3-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-4-name}}}</td><td>{{Flexidot|{{{merit-4-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-4-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-4-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-5-name}}}</td><td>{{Flexidot|{{{merit-5-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-5-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-5-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-6-name}}}</td><td>{{Flexidot|{{{merit-6-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-6-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-6-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-7-name}}}</td><td>{{Flexidot|{{{merit-7-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-7-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-7-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-8-name}}}</td><td>{{Flexidot|{{{merit-8-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-8-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-8-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{merit-9-name}}}</td><td>{{Flexidot|{{{merit-9-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{merit-9-name}}} }}{{#if: |<div class="tooltip wrap">{{{merit-9-info}}}</div>|}}</td></tr>|}}<!--- flaws --->{{#if: Important Flaws|<tr class="firstrow"><th class="stathead" colspan=2>Important Flaws</th></tr>}}{{#if: Nightmares|{{#if: Important Flaws|{{#if: |<tr class="wrapper">|<tr>}}|{{#if: |<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: |<td>Nightmares</td><td>{{Flexidot|{{{flaw-1-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>Nightmares }}{{#if: |<div class="tooltip wrap">{{{flaw-1-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-2-name}}}</td><td>{{Flexidot|{{{flaw-2-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-2-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-2-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-3-name}}}</td><td>{{Flexidot|{{{flaw-3-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-3-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-3-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-4-name}}}</td><td>{{Flexidot|{{{flaw-4-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-4-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-4-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-5-name}}}</td><td>{{Flexidot|{{{flaw-5-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-5-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-5-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-6-name}}}</td><td>{{Flexidot|{{{flaw-6-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-6-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-6-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-7-name}}}</td><td>{{Flexidot|{{{flaw-7-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-7-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-7-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-8-name}}}</td><td>{{Flexidot|{{{flaw-8-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-8-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-8-info}}}</div>|}}</td></tr>|}}{{#if: |{{#if: |<tr class="wrapper">|<tr>}}{{#if: |<td>{{{flaw-9-name}}}</td><td>{{Flexidot|{{{flaw-9-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>{{{flaw-9-name}}} }}{{#if: |<div class="tooltip wrap">{{{flaw-9-info}}}</div>|}}</td></tr>|}}<!--- also --->{{#if: And Another Thing...|<tr class="firstrow"><th class="stathead" colspan=2>And Another Thing...</th></tr>}}
 +
{{#if: Tall|{{#if: And Another Thing...|{{#if: Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.|<tr class="wrapper">|<tr>}}|{{#if: Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: |<td>Tall</td><td>{{Flexidot|{{{also-1-dots}}}|0|dot-filled=Fdgrndot.png|dot-empty=Edgrndot.png|dot-size=10px }}|<td colspan=2>Tall }}{{#if: Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.|<div class="tooltip wrap">Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.</div>|}}</td></tr>|}}
 +
</table>
 
[[Category: Template]]
 
[[Category: Template]]
 
</noinclude><includeonly>&#32;{{#css:
 
</noinclude><includeonly>&#32;{{#css:
Line 288: Line 347:
 
position: absolute;
 
position: absolute;
 
z-index: 1;
 
z-index: 1;
top: -7px;
+
top: -.5em;
 
left: 105%;
 
left: 105%;
 
}
 
}

Revision as of 01:42, 18 September 2016

Stat box, for notable stats.

variable options default what it does
colour-tooltip Any web colour name, hex colour, or rgb()/rgba() value. white Sets the background for tooltips.
colour-border Any web colour name, hex colour, or rgb()/rgba() value. #666666 Sets the colour for the tooltip borders. Use the same thing as colour-tooltip if you want it to blend in.
colour-divider Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for the section dividers.
colour-text Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for tooltip text.
dot-empty An image name, such as Dot.png Dot.png Sets the image for empty dots.
dot-filled An image name, such as Dot-filled.png Dot-filled.png Sets the image for filled dots.
dot-size A font size, such as 10px or .5em 10px Sets the size of the dot images.
dot-count 5, 10, or 0 auto Sets the default number of dots to show as # out of dot-count. Most items default to 5 unless you have more than 5 dots of the stat; renown, merits, and flaws by default show only as many dots as you have, no empties.
header-X A section name, such as Abilities. N/A Sets the name of a section. X can be any of: attr, abil, other, renown, merits, flaws, also.
attr-X A number of dots, such as 4 N/A Sets the attribute's dots. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
attr-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for attr-X as # out of attr-X-count. Not required for a given attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
attr-X-spec A specialty, such as Quick or Exotic. N/A Sets the specialty for an attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
abil-X-name The name of an ability, such as Empathy N/A Sets the ability's name. X can be from 1-9.
abil-X-dots A number of dots, such as 4 N/A Sets the ability's dots. X can be from 1-9.
abil-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for abil-X-name as # out of abil-X-count. Not required for a given ability. X can be from 1-9.
abil-X-spec A specialty, such as Detect Lies or Sympathetic. N/A Sets the specialty for an ability. X can be from 1-9.
other-X-name The name of some other stat, such as Rage N/A Sets the stat's name. X can be from 1-9.
other-X-dots A number of dots, such as 4 N/A Sets the stat's dots. X can be from 1-9.
other-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given other. X can be from 1-9.
renown-X-name The name of a kind of renown, such as Glory N/A Sets the stat's name. X can be from 1-3.
renown-X-dots A number of dots, such as 4 N/A Sets the stat's dots. X can be from 1-3.
renown-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given renown. X can be from 1-3.
merit-X-name The name of a merit, such as Daredevil N/A Sets the merit's name. X can be from 1-9.
merit-X-dots A number of dots, such as 2 N/A Sets the merit's dots. Merits don't require dots, but you can note them if you want. X can be from 1-9.
merit-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for merit-X-name as # out of merit-X-count. Also not required but available. X can be from 1-9.
merit-X-info Information, such as: -2 diff to all rolls involving cake N/A Sets the tooltip info for merit-X-name. Also not required but available. X can be from 1-9.
flaw-X-name The name of a flaw, such as Nightmares N/A Sets the flaw's name. X can be from 1-9.
flaw-X-dots A number of dots, such as 2 N/A Sets the flaw's dots. Flaws don't require dots, but you can note them if you want. X can be from 1-9.
flaw-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for flaw-X-name as # out of flaw-X-count. Also not required but available. X can be from 1-9.
flaw-X-info Information, such as: +2 diff to all rolls involving chainsaws N/A Sets the tooltip info for flaw-X-name. Also not required but available. X can be from 1-9.
also-name The name of something else you think is important to note. N/A Sets the name.
also-dots A number of dots, such as 2 N/A Sets the thing's dots. This entry doesn't require dots, but you can note them if you want.
also-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for the thing as # out of also-count. Also not required but available.
also-info Information about the thing. N/A Sets the tooltip info for also-name. Also not required but available.

An example, using only some options:

{{StatBox
| colour-divider=#009900
| colour-text=darkgreen
| colour-tooltip=rgb(240,255,240)
| colour-border=darkgreen
| dot-empty=Edgrndot.png
| dot-filled=Fdgrndot.png
| header-merits=Important Merits 
| header-flaws=Important Flaws
| header-also=And Another Thing...
| attr-dex=4
| attr-str=4
| attr-man=4
| attr-app=2
| spec-dex=Flexible
| spec-str=Lifting, Bro
| spec-man=Crafty
| abil-1-name=Brewing
| abil-1-dots=4
| abil-1-spec=Beer
| abil-2-name=Athletics
| abil-2-dots=5
| abil-2-spec=Lifting Things
| other-1-name=Rage
| other-1-dots=4
| merit-1-name=Cakemaster
| merit-1-info=Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!
| merit-2-name=Life of the Party
| merit-2-dots=3
| merit-2-info=Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
| flaw-1-name=Nightmares
| also-name=Tall
| also-info=Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.
}}

Strength: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Lifting, Bro
Dexterity: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Flexible
Manipulation: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Crafty
Appearance: Fdgrndot.pngFdgrndot.pngEdgrndot.pngEdgrndot.pngEdgrndot.png
Brewing: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Beer
Athletics: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.png
Specialty: Lifting Things
Rage: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Important Merits
Cakemaster
Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression. Everyone likes cake!
Life of the PartyFdgrndot.pngFdgrndot.pngFdgrndot.png
Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
Important Flaws
Nightmares
And Another Thing...
Tall
Bob is really damn tall. Like, 7'6", no shit. Please don't ask how the weather is up there.