Difference between revisions of "Template:StatBox"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
 
(24 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 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:
 +
<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-border|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-links|#666}}};
+
color: {{{colour-text|black}}};
−
border:2px {{{colour-links|#666}}} solid;
+
border:2px {{{colour-border|#666}}} solid;
 
text-align: center;
 
text-align: center;
 
border-radius: 6px;
 
border-radius: 6px;
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 45: Line 335:
 
border-width: 8px;
 
border-width: 8px;
 
border-style: solid;
 
border-style: solid;
−
border-color: transparent #461a00 transparent transparent;
+
border-color: transparent {{{colour-border|#666}}} transparent transparent;
 
}
 
}
 
.wrapper .tooltip.wrap::after {
 
.wrapper .tooltip.wrap::after {
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.
Retrieved from "https://cityofhopemush.net/index.php?title=Template:StatBox&oldid=166014"