diff --git a/CWOD-Mage/sheet.json b/CWOD-Mage/sheet.json
index 557ab41e2c..362acb3eaf 100644
--- a/CWOD-Mage/sheet.json
+++ b/CWOD-Mage/sheet.json
@@ -3,5 +3,5 @@
"css": "Mage.css",
"authors": "Matt Zaldivar, Thanks to Brian Shields and Benjamin Bandelow, I used their Exalted sheet as a starting point, Also Thanks to Lithl for help with the quintessence wheel",
"preview": "Mage.png",
- "instructions": "# Mage: The Ascention Character Sheet\r For use in the classic World of Darkness. Designed to function much like an actual paper sheet would. With the most notable exception being that you can roll Arete and Willpower directy from the sheet. Also, The Dice Pool section in the center at the bottom allow one to select an Attribute and/or Ability to roll. The check to the left of each die pool selection indicates that the roll has a specialty (i.e. dice will explode) All rolls from the sheet are of the from {Xd10}>Df1 or {Xd10!}>Df1 if special, where X is the number of dice and D is the difficulty. NOTE: These roll do not recognize botches. Further, the rolls will prompt the user to modify the number of dice rolled and set the difficulty. The defaults for these are 0 and 6 respectively."
+ "instructions": "# Mage: The Ascension Character Sheet\r For use in the classic World of Darkness. Designed to function much like an actual paper sheet would. With the most notable exception being that you can roll Arete and Willpower directy from the sheet. Also, The Dice Pool section in the center at the bottom allow one to select an Attribute and/or Ability to roll. The check to the left of each die pool selection indicates that the roll has a specialty (i.e. dice will explode) All rolls from the sheet are of the from {Xd10}>Df1 or {Xd10!}>Df1 if special, where X is the number of dice and D is the difficulty. NOTE: These roll do not recognize botches. Further, the rolls will prompt the user to modify the number of dice rolled and set the difficulty. The defaults for these are 0 and 6 respectively."
}
diff --git a/CWOD-Vampire/Vampire.css b/CWOD-Vampire/Vampire.css
index ff80694199..d8d42bd667 100644
--- a/CWOD-Vampire/Vampire.css
+++ b/CWOD-Vampire/Vampire.css
@@ -1,7 +1,8 @@
.charsheet label {
display: inline-block;
- width: 85px;
+ width: 75px;
text-align: right;
+ padding-bottom: 0px;
}
.charsheet input {
@@ -9,40 +10,24 @@
width: 155px;
}
-.sheet-col strong.sheet-dee {
- font-size: 1.4em;
- font-weight: bold;
- padding-right: 4px;
-}
-
-.charsheet input.sheet-short {
- width: 3.5em;
-}
-
.charsheet {
background-color: white;
}
-.charsheet table td, .charsheet table th {
- font-size: 1.2em;
- font-weight: bold;
- text-align: center;
-}
-
-select.sheet-dtype {
- width: 60px;
- vertical-align: top;
+.charsheet select {
+ width: 42px;
}
/* Hide actual dot/checkbox */
input[type="radio"],
input[type="checkbox"]
{
- opacity: 0;
position: absolute;
+ opacity: 0;
+ width:15px;
cursor: pointer;
z-index: 1;
- vertical-align: middle;
+ margin-top: 6px;
}
/* Styles common to fake dot and checkbox */
@@ -54,12 +39,11 @@ input[type="checkbox"] + span::before
text-align: middle;
display: inline-block;
vertical-align: middle;
- margin: 0 0 0 -3px;
-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);
@@ -84,8 +68,9 @@ input[type="radio"] + span::before
/* Styles unique to fake checkbox (unchecked) */
input[type="checkbox"] + span::before
{
+ position:relative;
content: "";
- opacity: .5;
+ opacity: .25;
width: 14px;
height: 14px;
font-size: 12px;
@@ -98,8 +83,6 @@ input[type="checkbox"] + span::before
/* Styles unique to fake checkbox (checked) */
input[type="checkbox"]:checked + span::before
{
- border: solid 1px transparent;
- background: transparent;
content: "✖";
color: #a00;
@@ -108,36 +91,116 @@ input[type="checkbox"]:checked + span::before
box-shadow: 0 0 2px transparent;
}
-input[type="checkbox"]:hover:checked + span::before
-{
- -moz-box-shadow: 0 0 2px #ccc;
- -webkit-box-shadow: 0 0 2px #ccc;
- box-shadow: 0 0 2px #ccc;
-
- border: solid 1px #a8a8a8;
- margin-right: 0px;
-}
-
/* Remove dot from all radios _after_ selected one */
input[type="radio"]:checked ~ input[type="radio"] + span::before
{
content: "";
}
-/* Show checkbox when hovering or when it's checked */
-input[type="checkbox"]:hover + span::before
+input.used+span::before
+{
+ content: "✖";
+ width: 12px;
+ height: 12px;
+ font-size: 12px;
+
+ -moz-border-radius: 0%;
+ -webkit-border-radius: 0%;
+ border-radius: 0%;
+}
+
+input.zero:checked + span::before
+{
+ opacity: 0;
+}
+
+input.zero:hover + span::before
{
opacity: 1;
}
-/* Fade out dots when checkbox is checked */
-input[type="checkbox"]:checked ~ input[type="radio"] + span
+input.zero+ span::before
{
- opacity: 0.5;
+ font-size: 12px;
+ content: "✖";
+ opacity: 0.25;
}
-/* Hide checked dots when checkbox is checked */
-input[type="checkbox"]:checked ~ input[type="radio"] + span::before
+input.DP1Spec + span::before,
+input.DP2Spec + span::before,
+input.DP2Spec + span::before,
+input.DP3Spec + span::before,
+input.DP4Spec + span::before,
+input.DP5Spec + span::before
{
- content: "";
+ opacity: 1;
+ margin-bottom: 10px;
}
+
+div.DP1,
+div.DP2,
+div.DP2,
+div.DP3,
+div.DP4,
+div.DP5
+{
+ display: inline;
+}
+div.DP1wSpec,
+div.DP2wSpec,
+div.DP2wSpec,
+div.DP3wSpec,
+div.DP4wSpec,
+div.DP5wSpec
+{
+ display: none;
+}
+
+input.DP1Spec:checked ~ div.DP1,
+input.DP2Spec:checked ~ div.DP2,
+input.DP2Spec:checked ~ div.DP2,
+input.DP3Spec:checked ~ div.DP3,
+input.DP4Spec:checked ~ div.DP4,
+input.DP5Spec:checked ~ div.DP5
+{
+ display: none;
+}
+
+input.DP1Spec:checked ~ div.DP1wSpec,
+input.DP2Spec:checked ~ div.DP2wSpec,
+input.DP2Spec:checked ~ div.DP2wSpec,
+input.DP3Spec:checked ~ div.DP3wSpec,
+input.DP4Spec:checked ~ div.DP4wSpec,
+input.DP5Spec:checked ~ div.DP5wSpec
+{
+ display: inline;
+}
+
+h4.SCorI1,
+h4.SCorI2,
+h4.CorC1,
+h4.CorC2
+{
+ display: block;
+}
+
+input.SCorI1,
+input.SCorI2,
+input.CorC1,
+input.CorC2
+{
+ width: 120px;
+}
+
+input.SCorI1:checked ~ h4.SCorI1,
+input.SCorI2:checked ~ h4.SCorI2
+{
+ display: none;
+}
+
+input.CorC1:checked ~ h4.CorC1,
+input.CorC2:checked ~ h4.CorC2
+{
+ display: none;
+}
+
diff --git a/CWOD-Vampire/Vampire.html b/CWOD-Vampire/Vampire.html
index 22617f3609..6a61ccb9ea 100644
--- a/CWOD-Vampire/Vampire.html
+++ b/CWOD-Vampire/Vampire.html
@@ -36,12 +36,12 @@
-
+
Strength
Dexterity
Stamina
-
+
@@ -50,30 +50,28 @@
-
-
-
+
Charisma
Manipulation
Appearance
-
+
-
+
-
+
Intelligence
Wits
Perception
-
+
@@ -100,132 +98,132 @@
-
-
Alterness
-
Athletics
-
Brawl
-
Dodge
-
Empathy
-
Expression
-
Intimidation
-
Leadership
-
Streetwise
-
Subterfuge
+
+
Alterness
+
Athletics
+
Brawl
+
Dodge
+
Empathy
+
Expression
+
Intimidation
+
Leadership
+
Streetwise
+
Subterfuge
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
-
Animal Ken
-
Craft
-
Drive
-
Etiquette
-
Firearms
-
Melee
-
Performance
-
Security
-
Stealth
-
Survival
+
+
Animal Ken
+
Craft
+
Drive
+
Etiquette
+
Firearms
+
Melee
+
Performance
+
Security
+
Stealth
+
Survival
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
-
Academics
-
Computer
-
Finance
-
Investigation
-
Law
-
Linguistics
-
Medicine
-
Occult
-
Politics
-
Science
+
+
Academics
+
Computer
+
Finance
+
Investigation
+
Law
+
Linguistics
+
Medicine
+
Occult
+
Politics
+
Science
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -234,227 +232,307 @@
Advantages
-
-
Diciplines
-
-
-
-
-
-
-
+
+
+
Diciplines
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
Backgrounds
-
-
Other Traits
-
-
-
-
-
-
-
-
-
+
+
Vitues
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Paths
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Backgrounds
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
+
-
+
-
+
-
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Conscience
+
Conviction
+
Self-Control
+
Instinct
+
Courage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
Path of Enlightenment
-
-
+
+
Other Traits
+
+
+
+
+
+
+
+
+
-
-
-
Willpower
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
Blood Pool
-
-
+
+
Paths
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
Notes
-
-
+
Merits
-
-
-
Vitues
-
-
Conscience/Conviction
-
Self-Control/Instint
-
Courage
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Health
-
-
Bruised
-
Hurt
-
Injured
-
Wounded
-
Mauled
-
Crippled
-
Incapacitated
-
-
-
-
-
-1
-
-
-
-1
-
-
-
-2
-
-
-
-2
-
-
-
-5
-
-
-
-
-
+
+
+
Path of Enlightenment
-
Weakness
+
+
+
+
+
+
+
Willpower
+
+
+
+
+
+
+
+
Blood Pool
+
+
+
+
+
+
+
Points Per Turn
+
+
+
Weakness
+
+
Dice Pools
+
Attribute Ability
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Health
+
+
Bruised
+
Hurt
+
Injured
+
Wounded
+
Mauled
+
Crippled
+
Incapacitated
+
+
+
+
+
+
+
-1
+
+
+
-1
+
+
+
-2
+
+
+
-2
+
+
+
-5
+
+
+
+
+
+
-
Experience
+
Experience
-
+
+
Notes
+
+
Flaws
diff --git a/CWOD-Vampire/Vampire.png b/CWOD-Vampire/Vampire.png
new file mode 100644
index 0000000000..55ddda13bd
Binary files /dev/null and b/CWOD-Vampire/Vampire.png differ
diff --git a/CWOD-Vampire/sheet.json b/CWOD-Vampire/sheet.json
new file mode 100644
index 0000000000..ea17282697
--- /dev/null
+++ b/CWOD-Vampire/sheet.json
@@ -0,0 +1,7 @@
+{
+ "html": "Mage.html",
+ "css": "Mage.css",
+ "authors": "Matt Zaldivar, Thanks to Brian Shields and Benjamin Bandelow, I used their Exalted sheet as a starting point.",
+ "preview": "Mage.png",
+ "instructions": "# Vampire: The Masquerade Character Sheet\r For use in the classic World of Darkness. Designed to function much like an actual paper sheet would. With the most notable exception being that you can roll Willpower directy from the sheet. Also, The Dice Pool section in the center at the bottom allow one to select an Attribute and/or Ability to roll. The check to the left of each die pool selection indicates that the roll has a specialty (i.e. dice will explode) All rolls from the sheet are of the from {Xd10}>Df1 or {Xd10!}>Df1 if special, where X is the number of dice and D is the difficulty. NOTE: These roll do not recognize botches. Further, the rolls will prompt the user to modify the number of dice rolled and set the difficulty. The defaults for these are 0 and 6 respectively. Also, click on the Virtues Conscience or Self-Control to change to Conviction and Instinct, repectively, click again to change back."
+}
diff --git a/CWOD-Werewolf/Werewolf.css b/CWOD-Werewolf/Werewolf.css
index 6715f71504..9be4595ea6 100644
--- a/CWOD-Werewolf/Werewolf.css
+++ b/CWOD-Werewolf/Werewolf.css
@@ -1,7 +1,8 @@
-.charsheet label {
+.charsheet label {
display: inline-block;
width: 75px;
text-align: right;
+ padding-bottom: 0px;
}
.charsheet input {
@@ -14,7 +15,7 @@
}
.charsheet select {
- width: 40px;
+ width: 42px;
}
/* Hide actual dot/checkbox */
@@ -26,7 +27,7 @@ input[type="checkbox"]
width:15px;
cursor: pointer;
z-index: 1;
- margin-top: 5px;
+ margin-top: 6px;
}
/* Styles common to fake dot and checkbox */
@@ -42,7 +43,7 @@ input[type="checkbox"] + span::before
-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);
@@ -82,8 +83,6 @@ input[type="checkbox"] + span::before
/* Styles unique to fake checkbox (checked) */
input[type="checkbox"]:checked + span::before
{
- border: solid 1px transparent;
- background: transparent;
content: "✖";
color: #a00;
@@ -92,40 +91,12 @@ input[type="checkbox"]:checked + span::before
box-shadow: 0 0 2px transparent;
}
-input[type="checkbox"]:hover:checked + span::before
-{
- -moz-box-shadow: 0 0 2px #ccc;
- -webkit-box-shadow: 0 0 2px #ccc;
- box-shadow: 0 0 2px #ccc;
-
- border: solid 1px #a8a8a8;
- margin-right: 0px;
-}
-
/* Remove dot from all radios _after_ selected one */
input[type="radio"]:checked ~ input[type="radio"]+ span::before
{
content: "";
}
-/* Show checkbox when hovering or when it's checked */
-input[type="checkbox"]:hover + span::before
-{
- opacity: 1;
-}
-
-/* Fade out dots when checkbox is checked */
-input[type="checkbox"]:checked ~ input[type="radio"] + span
-{
- opacity: 0.5;
-}
-
-/* Hide checked dots when checkbox is checked */
-input[type="checkbox"]:checked ~ input[type="radio"] + span::before
-{
- content: "";
-}
-
input.used+ span::before
{
content: "✖";
@@ -138,6 +109,73 @@ input.used+ span::before
border-radius: 0%;
}
+input.zero:checked + span::before
+{
+ opacity: 0;
+}
+
+input.zero:hover + span::before
+{
+ opacity: 1;
+}
+
+input.zero+ span::before
+{
+ font-size: 12px;
+ content: "✖";
+ opacity: 0.25;
+}
+
+input.DP1Spec + span::before,
+input.DP2Spec + span::before,
+input.DP2Spec + span::before,
+input.DP3Spec + span::before,
+input.DP4Spec + span::before,
+input.DP5Spec + span::before
+{
+ opacity: 1;
+ margin-bottom: 10px;
+}
+
+div.DP1,
+div.DP2,
+div.DP2,
+div.DP3,
+div.DP4,
+div.DP5
+{
+ display: inline;
+}
+div.DP1wSpec,
+div.DP2wSpec,
+div.DP2wSpec,
+div.DP3wSpec,
+div.DP4wSpec,
+div.DP5wSpec
+{
+ display: none;
+}
+
+input.DP1Spec:checked ~ div.DP1,
+input.DP2Spec:checked ~ div.DP2,
+input.DP2Spec:checked ~ div.DP2,
+input.DP3Spec:checked ~ div.DP3,
+input.DP4Spec:checked ~ div.DP4,
+input.DP5Spec:checked ~ div.DP5
+{
+ display: none;
+}
+
+input.DP1Spec:checked ~ div.DP1wSpec,
+input.DP2Spec:checked ~ div.DP2wSpec,
+input.DP2Spec:checked ~ div.DP2wSpec,
+input.DP3Spec:checked ~ div.DP3wSpec,
+input.DP4Spec:checked ~ div.DP4wSpec,
+input.DP5Spec:checked ~ div.DP5wSpec
+{
+ display: inline;
+}
+
input.forms
{
width: 118px;
diff --git a/CWOD-Werewolf/Werewolf.html b/CWOD-Werewolf/Werewolf.html
index 1d7c31e909..a47e436211 100644
--- a/CWOD-Werewolf/Werewolf.html
+++ b/CWOD-Werewolf/Werewolf.html
@@ -115,45 +115,45 @@
diff --git a/CWOD-Werewolf/Werewolf.png b/CWOD-Werewolf/Werewolf.png
new file mode 100644
index 0000000000..b1992e6148
Binary files /dev/null and b/CWOD-Werewolf/Werewolf.png differ
diff --git a/CWOD-Werewolf/sheet.json b/CWOD-Werewolf/sheet.json
new file mode 100644
index 0000000000..91c9b9ebbc
--- /dev/null
+++ b/CWOD-Werewolf/sheet.json
@@ -0,0 +1,7 @@
+{
+ "html": "Mage.html",
+ "css": "Mage.css",
+ "authors": "Matt Zaldivar, Thanks to Brian Shields and Benjamin Bandelow, I used their Exalted sheet as a starting point.",
+ "preview": "Mage.png",
+ "instructions": "# Werewolf: The Apocylaspe Character Sheet\r For use in the classic World of Darkness. Designed to function much like an actual paper sheet would. With the most notable exception being that you can roll Rage, Gnosis and Willpower directy from the sheet. Also, The Dice Pool section in the center at the bottom allow one to select an Attribute and/or Ability to roll. The check to the left of each die pool selection indicates that the roll has a specialty (i.e. dice will explode) All rolls from the sheet are of the from {Xd10}>Df1 or {Xd10!}>Df1 if special, where X is the number of dice and D is the difficulty. NOTE: These roll do not recognize botches. Further, the rolls will prompt the user to modify the number of dice rolled and set the difficulty. The defaults for these are 0 and 6 respectively. The Forms area at the bottom is intended to help keep track of your current form and remind you of the statistical changes, these buttons do not change any rolls."
+}
