From 6df94acb2a67a424a51541f2c8da556af67cf35e Mon Sep 17 00:00:00 2001 From: Shane Filiatrault Date: Thu, 7 Apr 2016 20:20:10 -0500 Subject: [PATCH] Made several updates to Mutants & Masterminds 3E character sheet, using tabs pulled from D&D 3.5 character sheet. --- .../mutants-and-masterminds.css | 130 ++- .../mutants-and-masterminds.html | 1026 +++++++++-------- 2 files changed, 664 insertions(+), 492 deletions(-) diff --git a/Mutants and Masterminds 3E/mutants-and-masterminds.css b/Mutants and Masterminds 3E/mutants-and-masterminds.css index 66b62455e3..0b26441769 100644 --- a/Mutants and Masterminds 3E/mutants-and-masterminds.css +++ b/Mutants and Masterminds 3E/mutants-and-masterminds.css @@ -10,14 +10,14 @@ input[type="checkbox"] + span::before display: inline-block; vertical-align: middle; - content: "▼"; + content: "?"; width: 14px; height: 14px; font-size: 12px; } input[type="checkbox"]:checked + span::before { - content: "►"; + content: "?"; } hr { @@ -55,4 +55,128 @@ input[type="text"], select { textarea { width:95%; -} \ No newline at end of file +} + +/* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */ +div.sheet-tab-content { display: none; } + +input.sheet-tab1:checked ~ div.sheet-tab1, +input.sheet-tab2:checked ~ div.sheet-tab2, +input.sheet-tab11:checked ~ div.sheet-tab11, +input.sheet-tab12:checked ~ div.sheet-tab12, +input.sheet-tab13:checked ~ div.sheet-tab13, +input.sheet-tab99:checked ~ div.sheet-tab99 { + display: block; +} + +input.sheet-tab1:checked + label.sheet-tab1, +input.sheet-tab2:checked + label.sheet-tab2, +input.sheet-tab11:checked ~ label.sheet-tab11, +input.sheet-tab12:checked ~ label.sheet-tab12, +input.sheet-tab13:checked ~ label.sheet-tab13, +input.sheet-tab99:checked ~ label.sheet-tab99 { + background: rgba(200,200,200,100); + color: black; +} + +input.sheet-tab { + width: 70px; + height: 20px; + position: relative; + top: 5px; + left: 6px; + margin: 2.4px; + cursor: pointer; + opacity: 0; + z-index: 9999; +} +label.sheet-tab { + text-align: center; + display: inline-block; + font-size: 13px; + background: white; + color: black; + font-weight: bold; + width: 259px; + height: 20px; + cursor: pointer; + position: relative; + margin-left: -72.5px; +} + +label.sheet-tab11, label.sheet-tab12, label.sheet-tab13, label.sheet-tab99 { + width: 120px; +} + +input.sheet-tab::before { + content: attr(title); + + border: solid 1px #a8a8a8; + border-bottom-color: black; + text-align: center; + display: inline-block; + + background: #fff; + background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + + width: 240px; + height: 20px; + font-size: 18px; +} + +input.sheet-tab:checked::before { + background: #dcdcdc; + background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + border-bottom-color: #fff; +} + +input.sheet-tab:not(:first-child)::before { border-left: none; } + +div.sheet-tab-content { + border: 1px solid #a8a8a8; + border-top-color: #000; + margin: 2px 0 0 5px; + padding: 5px; +} + +/* tabs style2 (with label) works even in firefox */ +.sheet-character-sheet, +.sheet-expand { + display: none; + padding: 3px; +} + +.sheet-expand:checked ~ .sheet-show { + display: block; + background-color: white; + margin: 1px 0px 0px -2px; +} + +.sheet-tab { + display: inline-block; + text-align: center; + margin: -2px; + padding: 2px; + width: 124px; + height: 24px; + background-color: gray; + border-top-left-radius: 1em 3em; + border-top-right-radius: 1em 3em; + border: solid thin gray; + border-bottom: none; +} + +.sheet-expand:checked ~ .sheet-tab { background-color: white; } +label { display: inline; } +label, label div { font-size: 12px; font-weight: normal; } +textarea { height: auto; color: black; } +input { color: black; } +input, select { width:100%; } \ No newline at end of file diff --git a/Mutants and Masterminds 3E/mutants-and-masterminds.html b/Mutants and Masterminds 3E/mutants-and-masterminds.html index e178464095..5d3b3eb7a6 100644 --- a/Mutants and Masterminds 3E/mutants-and-masterminds.html +++ b/Mutants and Masterminds 3E/mutants-and-masterminds.html @@ -1,6 +1,6 @@
- -
+ +
@@ -18,13 +18,7 @@
Gender: - - - + Age:   @@ -73,491 +67,545 @@ = + / + *
+* Total Power Points Earned Equation = (Power Level * 15) + (Power Points Earned % 15)
-
-
-
-
-
-
-
-
- Name - Total - Base - Misc -   - Name - Total - Base - Misc -
-
- Strength - - - -   - Agility - - - -
-
- Fighting - - - -   - Awareness - - - -
-
- Stamina - - - -   - Dexterity - - - -
-
- Intellect - - - -   - Presence - - - -
- -
-
-
-
-
-
-
-
-
-
- Hero Points - Power Points Earned - Power Points Spent - Injuries -
-
- - - - -
-
-
-
-
-
-
-
-
- Defense -
-
- - Name -   - Ability Name -   - Total - = - Points - + - Ability -
-
- - Dodge -   - (AGL) -   - - = - - + - -
-
- - Parry -   - (FGT) -   - - = - - + - -
-
- - Fortitude -   - (STA) -   - - = - - + - -
-
- - Toughness -   - (STA) -   - - = - - + - -
-
- - Will -   - (AWE) -   - - = - - + - -
- -
-
+ + + + + + +
+
+
+
+
+
+
+
+
+ Name + Total + Base + Misc +   + Name + Total + Base + Misc +
+
+ Strength + + + +   + Agility + + + +
+
+ Fighting + + + +   + Awareness + + + +
+
+ Stamina + + + +   + Dexterity + + + +
+
+ Intellect + + + +   + Presence + + + +
+ +
+
+
+
+
+
+
+
+
+
+ Hero Points + Power Points Earned + Injuries +
+
+ + + +
+
+
+
+
+
+
+
+ Defense +
+
+ + Name +   + Ability Name +   + Total + = + Points + + + Ability + + + Misc +
+
+ + Dodge +   + AGL +   + + = + + + + + + + +
+
+ + Parry +   + FGT +   + + = + + + + + + + +
+
+ + Fortitude +   + STA +   + + = + + + + + + + +
+
+ + Toughness +   + STA +   + + = + + + + + + + +
+
+ + Will +   + AWE +   + + = + + + + + + + +
+ +
+
+
+
+ Offense +
+ + Initiative: + + = + + + + +
+
+ + + + + Show Macro Text? + + +
+
+
+
+ Notes & Conditions +
+ +
+
+
+
+
+
+ + Name + Ability + Total + Ability + Ranks + Other +
+
+ + Acrobatics + AGI + + + + +
+
+ + Athletics + STR + + + + +
+
+ + Close Combat + FGT + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + Deception + PRS + + + + +
+
+ + Expertise + INT + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + Insight + AWE + + + + +
+
+ + Intimidation + PRS + + + + +
+
+ + Investigation + INT + + + + +
+
+ + Perception + AWE + + + + +
+
+ + Persuasion + PRS + + + + +
+
+ + Ranged Combat + DEX + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + Sleight of Hand + DEX + + + + +
+
+ + Stealth + AGI + + + + +
+
+ + Technology + INT + + + + +
+
+ + Treatment + INT + + + + +
+
+ + Vehicles + DEX + + + + +
+
+ + Total Ranks + + + +
+
+
+
+
+
+ Motivations & Complications +
+
+ + +
-
-
-
-
- Notes & Conditions -
- -
-
-
- Offense -
- - Initiative: - - = - - + - -
-
- - - - - Show Macro Text? - - -
-
-
-
- Powers & Devices -
- - Ranks - Points per Rank - Misc Points - Total -
- - - - - - -
-
-
-
-
- Advantages -
-
- - - -
-
-
-
-
- Complications -
-
- - -
-
-
-
-
- Equipment, Vehicles, and Headquarters -
-
- - -
-
-
-
+ +
+ + + + + + + + + +
+
+ Powers & Devices + + Ranks + Points Per Rank + Misc + Total +
+ + + + + + +
+
+
+
+
+
+
+  Advantages +
+ + + +
+
+
+
+
+
+
+  Equipment, Vehicles, and Headquarters +
+ + +
+
+
-
-
-
-
- - Name - Total - Ability - Ranks - Other -
-
- - Acrobatics - - - - -
-
- - Athletics - - - - -
-
- - Close Combat - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - Deception - - - - -
-
- - Expertise - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - Insight - - - - -
-
- - Intimidation - - - - -
-
- - Investigation - - - - -
-
- - Perception - - - - -
-
- - Persuasion - - - - -
-
- - Ranged Combat - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - Sleight of hand - - - - -
-
- - Stealth - - - - -
-
- - Technology - - - - -
-
- - Treatment - - - - -
-
- - Vehicles - - - - -
-
- - Total Ranks - - - - -
-
-
-
+
\ No newline at end of file