diff --git a/NWOD-Werewolf/NWOD-Werewolf.css b/NWOD-Werewolf/NWOD-Werewolf.css new file mode 100644 index 0000000000..fb002b66b9 --- /dev/null +++ b/NWOD-Werewolf/NWOD-Werewolf.css @@ -0,0 +1,517 @@ +/*-----background-----*/ + +.charsheet { + background-image: url("http://mrgone.rocksolidshells.com/pdf/Borders/WtFBorder1_NoLogo.jpg"); +} + +/*-----text-----*/ + +h5 { + text-shadow: 0px 0px 10px black; + color:black; +} + +th { + text-shadow: 0px 0px 10px black; + color:black; +} + +h4 { + text-shadow: 0px 0px 10px black; + color:black; +} + +h2 { + text-shadow: 0px 0px 20px black; + color:#8F7872; +} + +{ + text-shadow: 0px 0px 10px black; + color:#8F7872; +} + +.sheet-center { + text-align: center +} + +.sheet-left { + text-align: left +} + +.sheet-right { + text-align: right +} +/*-----textarea-----*/ + +textarea { + height: 50px; +} +/*----- +input[type="text"] { + background:none; + border:none: + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +-----*/ +/*-----tabs-----*/ + +input.sheet-tab1:not(:checked) ~ .sheet-tab1, +input.sheet-tab2:not(:checked) ~ .sheet-tab2, +input.sheet-tab3:not(:checked) ~ .sheet-tab3, +input.sheet-tab4:not(:checked) ~ .sheet-tab4, +input.sheet-tab5:not(:checked) ~ .sheet-tab5 { + display: none; +} + +input.sheet-tab { + width: calc(20% - 4px); + max-width: 150px; + height: 20px; + + outline: none !important; + position: relative; + cursor: pointer; + z-index: 1; +} + +input.sheet-tab1 { + margin-left: 1px; +} + +input.sheet-tab::before { + content: attr(title); + display: inline-block; + + background: #fff; + border: solid 1px #a8a8a8; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + + font-size: 14px; + font-weight: bold; + text-align: center; + + width: 100%; + height: 20px; +} + +input.sheet-tab:checked::before { + border-bottom-color: white; +} + +.sheet-tab-br { + border-bottom: 1px solid #a8a8a8; + margin-bottom: 5px; + margin-top: 1px; +} + +input.sheet-arrow { + float: left; +} + +div.sheet-body { + display: none; +} + +input.sheet-arrow:checked ~ div.sheet-body { + display: block; +} + +/*-----radio boxes-----*/ + +/* -----Hide actual radio----- */ +input.sheet-normal[type="radio"] +{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* -----Fake radio----- */ +input.sheet-normal[type="radio"] + span::before +{ + margin-right: 2px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); + + color:black; + content: "•"; + width: 12px; + height: 12px; + font-size: 3em; + + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +/* -----Remove dot from all radios _after_ selected one----- */ +input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before +{ + content: ""; +} + +/*------------empty traits-----------*/ +input.sheet-zero[type="radio"]:checked + span::before +{ + opacity: 0; +} + +input.sheet-zero[type="radio"]:hover + span::before +{ + opacity: 1; +} + +input.sheet-zero[type="radio"] + span::before +{ + font-size: 12px; + content: "✖"; + opacity: 0.25; +} + +/* -----Health boxes----- */ +div.sheet-healthbox { + width: 20px; + height: 20px; + position: relative; +} + +input.sheet-healthbox { + margin: 0 0 0 0; + opacity: 0; + width: 20px; + height: 20px; + position: absolute; + z-index: 1; +} + +span.sheet-healthbox { + margin: 0 0 0 0; + display: none; +} + +input.sheet-blackdot { + z-index: 2; +} + +input.sheet-blackdot:checked + input.sheet-whitedot, +input.sheet-whitedot:checked + input.sheet-bashingdot, +input.sheet-bashingdot:checked + input.sheet-lethaldot, +input.sheet-lethaldot:checked + input.sheet-aggravateddot { + z-index: 3; +} + +input.sheet-blackdot:checked ~ span.sheet-blackdot, +input.sheet-whitedot:checked ~ span.sheet-whitedot, +input.sheet-bashingdot:checked ~ span.sheet-bashingdot, +input.sheet-lethaldot:checked ~ span.sheet-lethaldot, +input.sheet-aggravateddot:checked ~ span.sheet-aggravateddot { + display: inline-block; +} + +.sheet-blackdot { + width: 20px; + height: 20px; + background: url("https://cdn0.iconfinder.com/data/icons/entypo/90/black27-128.png") no-repeat 0 0; + background-size: 100%; +} + +.sheet-whitedot { + width: 20px; + height: 20px; + background: url("http://www.online-utility.org/image/ImageCache?file=1/1a/White_pog.svg/800px-White_pog.svg") no-repeat 0 0; + background-size: 100%; +} + +.sheet-bashingdot { + width: 20px; + height: 20px; + background: url ("http://freeiconbox.com/icon/256/39548.png") no-repeat 0 0; + background-size: 100%; +} + +.sheet-lethaldot { + width: 20px; + height: 20px; + background: url ("http://ww1.experiencela.com/uploads/20040309215203.jpg") no-repeat 0 0; + background-size: 100%; +} + +.sheet-aggravateddot { + width: 20px; + height: 20px; + background: url ("http://xochi.info/XOCHI.INFO/flowers/X/xochi_asterisk-1331px.png") no-repeat 0 0; + background-size: 100%; +} + +.sheet-grid { + margin-left:auto; + margin-right:auto; +} + +/*-----vitae -----*/ + +div.sheet-vitae { + width: 20px; + height: 20px; + position: relative; +} + +input.sheet-vitae { + margin: 00px 0 0 00px; + opacity: 00; + width: 20px; + height: 20px; + position: absolute; + z-index: 1; +} + +span.sheet-vitae { + margin: 00px 0 0 00px; + display: none; +} + +input.sheet-blankvitae { z-index: 2; } + +input.sheet-blankvitae:checked + input.sheet-redvitae, +input.sheet-redvitae:checked + input.sheet-emptyvitae { z-index: 3; } + +input.sheet-blankvitae:checked ~ span.sheet-blankvitae, +input.sheet-redvitae:checked ~ span.sheet-redvitae, +input.sheet-emptyvitae:checked ~ span.sheet-emptyvitae { display: inline-block; } + +.sheet-blankvitae { + width: 17px; + height: 17px; + background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/USICorpsSSI.svg/200px-USICorpsSSI.svg.png") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px red ); +} + +.sheet-redvitae { + width: 20px; + height: 20px; + background: url("http://i38.tinypic.com/dytxq9.png") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px red); +} + +.sheet-emptyvitae { + width: 20px; + height: 20px; + background: url("http://upload.wikimedia.org/wikipedia/commons/9/9f/Red-circle.svg") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px black); +} + + +/*--------------Big Checkbox--------------*/ + +/* ----Hide actual sheet-arrow checkbox---- */ +input.sheet-bigcheck[type="checkbox"] +{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* ----Fake sheet-arrow checkbox---- */ +input.sheet-bigcheck[type="checkbox"] + span::before +{ + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); +} + +input.sheet-bigcheck[type="checkbox"] + span::before +{ + content: ""; + width: 14px; + height: 14px; + font-size: 12px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +input.sheet-bigcheck[type="checkbox"]:checked + span::before +{ + color: red; + content: "✓"; +} + +/*--------------Round checkbox--------------*/ + +/* ----Hide actual roundcheck checkbox---- */ +input.sheet-roundcheck[type="checkbox"] +{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* ----Fake roundcheck checkbox---- */ +input.sheet-roundcheck[type="checkbox"] + span::before +{ + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + border-radius: 20px 20px 20px 20px; + + -moz-box-shadow: 0 0 20px #ccc; + -webkit-box-shadow: 0 0 20px #ccc; + box-shadow: 0 0 20px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); + + -moz-border-radius: 20px 20px 20px 20px; + -webkit-border-radius: 20px 20px 20px 20px; + border-radius: 20px 20px 20px 20px; +} + +input.sheet-roundcheck[type="checkbox"] + span::before +{ + content: ""; + width: 14px; + height: 14px; + font-size: 12px; + + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +input.sheet-roundcheck[type="checkbox"]:checked + span::before +{ + color: black; + font-size: 3em; + content: "•"; +} +/*-------Tables--------*/ +table.sheet-devotions { + border: 1px solid black; + background: #1C1C1C; +} + +table.sheet-weapon, th.sheet-weapon, td.sheet-weapon { + border: 1px solid black; + background:white; +} + +th.sheet-armor, td.sheet-armor { + border: 0px solid black; + background:none; +} + +/*-----sheet-arrow-----*/ +input.sheet-arrow { + float: left; +} + +div.sheet-body { + display: none; +} + +input.sheet-arrow:checked ~ div.sheet-body { + display: block; +} + +/* ----Hide actual sheet-arrow checkbox---- */ + +input.sheet-arrow[type="checkbox"] +{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* -----Fake sheet-arrow checkbox----- */ + +input.sheet-arrow[type="checkbox"] + span::before +{ + color:white; + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + float: left; + content: "►"; + width: 14px; + height: 14px; + font-size: 12px; +} +input.sheet-arrow[type="checkbox"]:checked + span::before +{ + color:white; + content: "▼"; +} + + /*-------sheet select---------*/ + +.sheet-select { + margin-bottom: 0 +} + diff --git a/NWOD-Werewolf/NWOD-Werewolf.html b/NWOD-Werewolf/NWOD-Werewolf.html new file mode 100644 index 0000000000..1386dd2196 --- /dev/null +++ b/NWOD-Werewolf/NWOD-Werewolf.html @@ -0,0 +1,1572 @@ + + + + + +
+ +
+
+
+
+
+ + + + + + + + + + + + + +
Human Name
Garou Name
Player
+
+
+ + + + + + + + + + + + + +
Concept
Virtue
Vice
+
+
+ + + + + + + + + + + + + +
Breed
Auspice
Tribe (Camp)
+
+
+

Attributes

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
power

Intelligence

 + + + + + + +

Strength

 + + + + + + +

Presence

 + + + + + + +
finesse

Wits

 + + + + + + +

Dexterity

 + + + + + + +

Manipulation

 + + + + + + +
resistance

Resolve

 + + + + + + +

Stamina

 + + + + + + +

Composure

 + + + + + + +
+
+
+

Skills

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Mental
(-3 unskilled)
Academics  + + + + + + +
Computer  + + + + + + +
Crafts  + + + + + + +
Investigation  + + + + + + +
Medicine  + + + + + + +
Occult  + + + + + + +
Politics  + + + + + + +
Science  + + + + + + +
Physical
(-1 unskilled)
Athletics  + + + + + + +
Brawl  + + + + + + +
Drive  + + + + + + +
Firearms  + + + + + + +
Larceny  + + + + + + +
Stealth  + + + + + + +
Survival  + + + + + + +
Weaponry  + + + + + + +
Social
(-1 unskilled)
Animal Ken  + + + + + + +
Empathy  + + + + + + +
Expression  + + + + + + +
Intimidation  + + + + + + +
Persuasion  + + + + + + +
Socialize  + + + + + + +
Streetwise  + + + + + + +
Subterfuge  + + + + + + +
+
+
+

Other

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Merits
  + + + + + + +
  + + + + + + +
  + + + + + + +
  + + + + + + +
  + + + + + + +
+
+ + + + + + +
  + + + + + + +
+
+
Flaws
+ +
Rage
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
Gnosis
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
Willpower
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
Common Dice Pools
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Roll
Name of Pool
Number of dice
+
+
+

Traits

+
Gifts
+ +
Health
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
-1
-2
-3
+
+
Morality
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
10   
9   
8   
7   
6   
5   
4   
3   
2   
1   
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Size
Speed
Defense
Armor
Initiative Mods
Beats
  + + + + + +
Experience
+
+
+
+
+
+ +
+
+
+

Forms

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HumanoidHalf-ManBeast-ManHalf-BeastBeast
Strength
Strength
Strength
Strength
Stamina
Dexterity
Dexterity
Dexterity
No Change
Size
Stamina
Stamina
Stamina
Manipulation
Size
Size
Size
Manipulation
Manipulation
Manipulation
+

Other Traits

+
+
+
Merits
+ + + + + + + + + + + + + + + + +
  + + + + + + +
  + + + + + + +
  + + + + + + +
+
+
+
Skills
+ + + + + + + + + + + + + + + + +
  + + + + + + +
  + + + + + + +
  + + + + + + +
+
+
+
Gifts
+ +
+
+
+
+
+
Experience
+ + + + + + + + + + + + + + + + + +
Total
Gained From
Spent
Spent On
+
+
+
Specialties
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Skill Name
Specialties

Skill Name
Specialties

Skill Name
Specialties
+
+
+

Combat

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Weapon/AttackDamageRangeClipInitiativeStrengthSizeArmor
Rating
Strength
Defense
Speed
+
+
+
+ +
+
+
+ +

Expanded Merits

+
+
+
+

Allies

+ +
+ +
+

Contacts

+ +
+ +
+

Fame

+ +
+ +
+
+ +
+ +
+
+
+

Mentor

+ +
+ +
+

Resources

+ +
+ +
+

Retainer

+ +
+ +
+
+ +
+ +
+
+
+
+

Possessions

+
+
+

Gear (carried)

+ +

Vehicles

+ +
+
+

Equipment (owned)

+ +

Misc

+ +
+
+

Residence

+ + + + + + + + + + + + + + + + + + + + + + + + + +
LocationDescription
+
+
+
+ +
+
+
+

History

+ +
+

Description

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Age
Apparent Age
Date of Birth
Hair
Eyes
Race
Nationality
Height
Weight
Sex
+
+
+
+ diff --git a/NWOD-Werewolf/NWOD-Werewolf.png b/NWOD-Werewolf/NWOD-Werewolf.png new file mode 100644 index 0000000000..bfb0aff1a3 Binary files /dev/null and b/NWOD-Werewolf/NWOD-Werewolf.png differ diff --git a/NWOD-Werewolf/sheet.json b/NWOD-Werewolf/sheet.json new file mode 100644 index 0000000000..a0662964d5 --- /dev/null +++ b/NWOD-Werewolf/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "NWOD-Werewolf.html", + "css": "NWOD-Werewolf.css", + "authors": "John W.", + "roll20userid": "492849", + "preview": "NWOD-Werewolf.png", + "instructions": "#Character Sheet\rWhole Sheet: Inlcudes several repeating sections spread throughout the sheet. Any an all input will be appreciated, especially in regards to improvements.\r*First Tab: The busiest tab. The radio buttons, checkboxes, tabs, arrow buttons...basically everything awesome on the sheet, was originally designed by Brian, and displayed here: https://app.roll20.net/forum/post/882997/css-wizardry#post-1460538. Check it, there is much awesome. The radio buttons fill from the left with extra box on hover to delete contents of circles, the health boxes rotate from non-existent boxes, to undamaged, to bashing, to lethal, to aggravated, back to non-existent. Common Dice pools are now availible. Simply plug in the number of dice to be rolled, give is a name- such as shooting-a-gun or combing-fur and hit the button. It will autocalc the number of dice that roll higher than 7. Please note, 8-, 9-, and 10-again rule is not part of this, so mouse over the result in the chatbox to see it you need a re-roll. \r*Second Tab: Mostly expanded sections for more elaborate details. \r*Third Tab: Special note to the tiny triangle off to the side of the expanded merits section: clicking it will reveal the a lot of text areas. \r*Fourth Tab: History, description, and general character information." +} \ No newline at end of file