Difference between revisions of "Template:StatBox"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
 
(16 intermediate revisions by the same user not shown)
Line 97: Line 97:
 
| N/A
 
| N/A
 
| Sets the specialty for an ability. X can be from 1-9.
 
| Sets the specialty for an ability. X can be from 1-9.
 +
|-
 +
| background-X-name
 +
| The name of a background, such as Allies
 +
| N/A
 +
| Sets the background's name. X can be from 1-9.
 +
|-
 +
| background-X-dots
 +
| A number of dots, such as 2
 +
| N/A
 +
| Sets the background's dots.  X can be from 1-9.
 +
|-
 +
| background-X-count
 +
| 5, 10, or 0
 +
| dot-count or 5
 +
| Sets the default number of dots to show for background-X-name as # out of background-X-count. Not required but available. X can be from 1-9.
 +
|-
 +
| background-X-info
 +
| Information, such as: The Mayor's my bestie.
 +
| N/A
 +
| Sets the tooltip info for background-X-name. Also not required but available. X can be from 1-9.
 
|-
 
|-
 
| other-X-name
 
| other-X-name
Line 213: Line 233:
 
| abil-2-dots=5
 
| abil-2-dots=5
 
| abil-2-spec=Lifting Things
 
| abil-2-spec=Lifting Things
 +
| background-1-name=Allies
 +
| background-1-dots=2
 +
| background-1-count=0
 +
| background-1-info=Dude 1 and Dude 2 are my bros, dude.  We've been buds since kindergarten and they'll always help with... stuff.
 
| other-1-name=Rage
 
| other-1-name=Rage
 
| other-1-dots=4
 
| other-1-dots=4
 +
| other-1-count=0
 +
| 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.
 +
}}</pre>{{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
 +
| background-1-name=Allies
 +
| background-1-dots=2
 +
| background-1-count=0
 +
| background-1-info=Dude 1 and Dude 2 are my bros, dude.  We've been buds since kindergarten and they'll always help with... stuff.
 +
| other-1-name=Rage
 +
| other-1-dots=4
 +
| other-1-count=0
 
| merit-1-name=Cakemaster
 
| 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-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!
Line 223: Line 286:
 
| also-name=Tall
 
| 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.
 
| also-info=Bob is really damn tall.  Like, 7'6", no shit. Please don't ask how the weather is up there.
}}</pre>
 
 
&#32;{{#css:
 
.firstrow td, .firstrow th {
 
border-top: 1px dotted #009900;
 
}
 
.stathead {
 
        padding-top: 5px;
 
}
 
.dot5 {
 
margin-left: 1em;
 
}
 
.dot5 img {
 
vertical-align: unset;
 
}
 
.wrapper {
 
position: relative;
 
cursor: help;
 
}
 
.wrapper .tooltip {
 
visibility: hidden;
 
white-space: nowrap;
 
background-color: rgb(240,255,240);
 
color: darkgreen;
 
border:2px darkgreen solid;
 
text-align: center;
 
border-radius: 6px;
 
padding: 5px 1em;
 
position: absolute;
 
z-index: 1;
 
top: -7px;
 
left: 105%;
 
}
 
.wrapper .tooltip.wrap {
 
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:
 +
#statbox td {
 +
        position: relative;
 +
}
 
.firstrow td, .firstrow th {
 
.firstrow td, .firstrow th {
 
border-top: 1px dotted {{{colour-divider|black}}};
 
border-top: 1px dotted {{{colour-divider|black}}};
Line 347: Line 319:
 
position: absolute;
 
position: absolute;
 
z-index: 1;
 
z-index: 1;
top: -.5em;
+
top: -.25em;
left: 105%;
+
left: calc(100% + 7.5px);
 
}
 
}
 
.wrapper .tooltip.wrap {
 
.wrapper .tooltip.wrap {
Line 371: Line 343:
 
visibility: visible;
 
visibility: visible;
 
}
 
}
}}
+
}}<table id="statbox"
<table id="statbox" align="center" cellspacing=0>
 
{{#if: {{{header-attr|}}}|<tr><
 
 
</table></includeonly>
 
</table></includeonly>

Latest revision as of 19:40, 1 March 2017

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.
background-X-name The name of a background, such as Allies N/A Sets the background's name. X can be from 1-9.
background-X-dots A number of dots, such as 2 N/A Sets the background's dots. X can be from 1-9.
background-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for background-X-name as # out of background-X-count. Not required but available. X can be from 1-9.
background-X-info Information, such as: The Mayor's my bestie. N/A Sets the tooltip info for background-X-name. Also not required but available. 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
| background-1-name=Allies
| background-1-dots=2
| background-1-count=0
| background-1-info=Dude 1 and Dude 2 are my bros, dude.  We've been buds since kindergarten and they'll always help with... stuff.
| other-1-name=Rage
| other-1-dots=4
| other-1-count=0
| 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
AlliesFdgrndot.pngFdgrndot.png
Dude 1 and Dude 2 are my bros, dude. We've been buds since kindergarten and they'll always help with... stuff.
Rage: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.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.