Difference between revisions of "Template:StatBox"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>Stat box, for notable stats.  Documentation coming shortly.
+
<noinclude>Stat box, for notable stats. {{#css:
 +
td, th {
 +
    vertical-align: top;
 +
    padding: 5px;
 +
}
 +
.doc td:nth-of-type(2n-1) {
 +
    white-space: nowrap;
 +
}
 +
.doc tr:nth-of-type(2n) {
 +
    background-color:#eee;
 +
}
 +
}}
 +
{| style="text-align: left;border-collapse:collapse;" class="doc"
 +
|- style="background-color:#ccc;"
 +
! 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 dotsX 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:
 +
<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-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-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.
 +
}}
 
[[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-divder|black}}};
+
border-top: 1px dotted {{{colour-divider|black}}};
 
}
 
}
 
.stathead {
 
.stathead {
Line 21: Line 311:
 
visibility: hidden;
 
visibility: hidden;
 
white-space: nowrap;
 
white-space: nowrap;
background-color: {{{colour-background|white}}};
+
background-color: {{{colour-tooltip|white}}};
 
color: {{{colour-text|black}}};
 
color: {{{colour-text|black}}};
 
border:2px {{{colour-border|#666}}} solid;
 
border:2px {{{colour-border|#666}}} solid;
Line 29: Line 319:
 
position: absolute;
 
position: absolute;
 
z-index: 1;
 
z-index: 1;
top: -7px;
+
top: -.25em;
left: 105%;
+
left: calc(100% + 7.5px);
 
}
 
}
 
.wrapper .tooltip.wrap {
 
.wrapper .tooltip.wrap {
Line 53: 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 18: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.