diff --git a/TheWitcher/witcherpreview.png b/TheWitcher/witcherpreview.png index 26f1335875..c137f582ba 100644 Binary files a/TheWitcher/witcherpreview.png and b/TheWitcher/witcherpreview.png differ diff --git a/TheWitcher/witchersheet.css b/TheWitcher/witchersheet.css index 7859a1c10d..d4d9fdf628 100644 --- a/TheWitcher/witchersheet.css +++ b/TheWitcher/witchersheet.css @@ -425,7 +425,7 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { /* SECTION TABS SETUP */ -.charsheet div[class^="sheet-section"] { +.charsheet div[class^="sheet-section"] { display: none; } @@ -437,14 +437,14 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { display: block; } -.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { +.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { display: block; } .charsheet input.sheet-tab { width: 185px; height: 40px; - cursor: pointer; + cursor: pointer; position: relative; opacity: 0; z-index: 9999; @@ -454,7 +454,7 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { width: 185px; height: 40px; margin-left: 10px; - cursor: pointer; + cursor: pointer; position: relative; opacity: 0; z-index: 9999; @@ -463,14 +463,14 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { .charsheet span.sheet-tab { text-align: center; display: inline-block; - font-size: 11px; + font-size: 11px; background: #c1c1c1; color: #000; font-weight: bold; - + width: 145px; height: 40px; - cursor: pointer; + cursor: pointer; vertical-align: middle; margin-left: -185px; border:1px solid #000; @@ -480,16 +480,16 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { .charsheet span.sheet-tab-right { text-align: center; display: inline-block; - font-size: 11px; + font-size: 11px; background: #c1c1c1; color: #000; font-weight: bold; border-top-right-radius: 50px; border-bottom-right-radius: 50px; - + width: 145px; height: 40px; - cursor: pointer; + cursor: pointer; vertical-align: middle; margin-left: -185px; border:1px solid #000; @@ -499,16 +499,16 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { .charsheet span.sheet-tab-left { text-align: center; display: inline-block; - font-size: 11px; + font-size: 11px; background: #c1c1c1; color: #000; font-weight: bold; border-top-left-radius: 50px; border-bottom-left-radius: 50px; - + width: 145px; height: 40px; - cursor: pointer; + cursor: pointer; position: relative; vertical-align: middle; margin-left: -200px; @@ -523,10 +523,10 @@ input[type="checkbox"].sheet-block-switch:checked + span::before { .charsheet input.sheet-tab4:checked + span.sheet-tab4, .charsheet input.sheet-tab5:checked + span.sheet-tab5, .charsheet input.sheet-tab99:checked + span.sheet-tab99 { - + background: #3d3d3d; color: #FFF; - + } /* SHEET IMG TITLES */ @@ -568,7 +568,7 @@ select option { } .sheet-full-page { - + } .sheet-top-grid { @@ -605,7 +605,7 @@ label.sheet-legend-top { width: 182px; text-align: right; font-size: 10px; - + } label.sheet-legend { @@ -685,6 +685,18 @@ label.sheet-toggle-whisper { z-index: 1; } +label.sheet-toggle-skills { + display: inline-block; + margin-top: 20px; + margin-left: -5px; + font-size: 11px; + text-align: right; + color: #939393; + font-weight: 1; + width: 100px; + z-index: 1; +} + /* MAJOR STAT & CHARACTER SECTION */ label.sheet-stattitle { @@ -692,7 +704,7 @@ label.sheet-stattitle { width: 90px; text-align: right; font-size: 14px; - + } label.sheet-stattotal { @@ -702,7 +714,7 @@ label.sheet-stattotal { width: 75px; text-align: right; font-size: 12px; - + } label.sheet-skilltotal { @@ -720,7 +732,7 @@ label.sheet-stattitle2 { margin-left: 25px; text-align: right; font-size: 14px; - + } label.sheet-woundtitle { @@ -1330,7 +1342,7 @@ label.sheet-helper-info { /* Mod Boxes & Skill Titles */ -.sheet-stat-mod-box label, +.sheet-stat-mod-box label, .sheet-combat-mod-box label, .sheet-button-box label { color: #FFFFFF; @@ -1524,10 +1536,10 @@ span.sheet-main-skill-span2 { span.sheet-red1-skill-span2, span.sheet-red2-skill-span2, -span.sheet-red3-skill-span2, +span.sheet-red3-skill-span2, span.sheet-green1-skill-span2, span.sheet-green2-skill-span2, -span.sheet-green3-skill-span2, +span.sheet-green3-skill-span2, span.sheet-blue1-skill-span2, span.sheet-blue2-skill-span2, span.sheet-blue3-skill-span2 { @@ -1962,7 +1974,7 @@ span.sheet-sixth-weapon-gradient { .sheet-primary-weapon-padding-container, .sheet-secondary-weapon-padding-container, -.sheet-third-weapon-padding-container, +.sheet-third-weapon-padding-container, .sheet-fourth-weapon-padding-container, .sheet-fifth-weapon-padding-container, .sheet-sixth-weapon-padding-container { @@ -2802,7 +2814,7 @@ label.sheet-vigor-title { font-weight: 1; font-size: 15px; color: #FFF; - + } label.sheet-cur-sta-title { @@ -2813,7 +2825,7 @@ label.sheet-cur-sta-title { font-weight: 1; font-size: 15px; color: #FFF; - + } .sheet-vigor-total-container { @@ -2926,7 +2938,8 @@ textarea.sheet-spellfocus-text { input[type="checkbox"].sheet-focus1-toggle, input[type="checkbox"].sheet-focus2-toggle, -input[type="checkbox"].sheet-focus3-toggle { +input[type="checkbox"].sheet-focus3-toggle, +input[type="checkbox"].sheet-focus4-toggle { opacity: 0; width: 30px; height: 25px; @@ -2941,7 +2954,8 @@ input[type="checkbox"].sheet-focus3-toggle { input[type="checkbox"].sheet-focus1-toggle + span::before, input[type="checkbox"].sheet-focus2-toggle + span::before, -input[type="checkbox"].sheet-focus3-toggle + span::before { +input[type="checkbox"].sheet-focus3-toggle + span::before, +input[type="checkbox"].sheet-focus4-toggle + span::before { margin-right: -20px; line-height: 14px; text-align: center; @@ -2956,14 +2970,16 @@ input[type="checkbox"].sheet-focus3-toggle + span::before { input[type="checkbox"].sheet-focus1-toggle:checked + span::before, input[type="checkbox"].sheet-focus2-toggle:checked + span::before, -input[type="checkbox"].sheet-focus3-toggle:checked + span::before { +input[type="checkbox"].sheet-focus3-toggle:checked + span::before, +input[type="checkbox"].sheet-focus4-toggle:checked + span::before { content: "►"; color: #FFF; } input.sheet-focus1-toggle:checked ~ div.sheet-focus1-container, input.sheet-focus2-toggle:checked ~ div.sheet-focus2-container, -input.sheet-focus3-toggle:checked ~ div.sheet-focus3-container { +input.sheet-focus3-toggle:checked ~ div.sheet-focus3-container, +input.sheet-focus4-toggle:checked ~ div.sheet-focus4-container { display: none; } @@ -4052,7 +4068,7 @@ textarea.sheet-campaign-text { font-size: 16px; } -button[type=roll].sheet-stat-roll { +button[type=roll].sheet-stat-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4065,20 +4081,20 @@ button[type=roll].sheet-stat-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-stat-roll:hover { +button[type=roll].sheet-stat-roll:hover { color: #5e0000; border-color: #5e0000; border: 1px solid; } -button[type=roll].sheet-stat-roll:active { +button[type=roll].sheet-stat-roll:active { color: #bc0000; border-color: #bc0000; border: 1px solid; box-shadow: inset 1px 1px 1px 1px #5e0000; } -/* save */ +/* death save */ .charsheet button[type=roll].sheet-save-roll::before { font-family: "pictos"; @@ -4086,7 +4102,7 @@ button[type=roll].sheet-stat-roll:active { font-size: 25px; } -button[type=roll].sheet-save-roll { +button[type=roll].sheet-save-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4101,13 +4117,49 @@ button[type=roll].sheet-save-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-save-roll:hover { +button[type=roll].sheet-save-roll:hover { color: #6d1a02; border-color: #6d1a02; border: 1px solid; } -button[type=roll].sheet-save-roll:active { +button[type=roll].sheet-save-roll:active { + color: #ff3700; + border-color: #ff3700; + border: 1px solid; + box-shadow: inset 2px 1px 1px 1px #6d1a02; +} + +/* stun save */ + +.charsheet button[type=roll].sheet-stun-roll::before { + font-family: "pictos"; + content: "S"; + font-size: 25px; +} + +button[type=roll].sheet-stun-roll { + color: #000; + background-color: #e8e8e8; + text-align: center; + font-weight: bold; + padding-top: 4px; + margin-top: 2px; + width:30px; + height:30px; + border-radius: 100px; + border-color: #000; + border: 1px solid; + box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); +} + +button[type=roll].sheet-stun-roll:hover { + color: #6d1a02; + border-color: #6d1a02; + border: 1px solid; +} + +button[type=roll].sheet-stun-roll:active { color: #ff3700; border-color: #ff3700; border: 1px solid; @@ -4122,7 +4174,7 @@ button[type=roll].sheet-save-roll:active { font-size: 25px; } -button[type=roll].sheet-initiative-roll { +button[type=roll].sheet-initiative-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4137,13 +4189,13 @@ button[type=roll].sheet-initiative-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-initiative-roll:hover { +button[type=roll].sheet-initiative-roll:hover { color: #026d52; border-color: #026d52; border: 1px solid; } -button[type=roll].sheet-initiative-roll:active { +button[type=roll].sheet-initiative-roll:active { color: #02ffbf; border-color: #02ffbf; border: 1px solid; @@ -4158,7 +4210,7 @@ button[type=roll].sheet-initiative-roll:active { font-size: 23px; } -button[type=roll].sheet-critical-roll { +button[type=roll].sheet-critical-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4173,13 +4225,13 @@ button[type=roll].sheet-critical-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-critical-roll:hover { +button[type=roll].sheet-critical-roll:hover { color: #968754; border-color: #968754; border: 1px solid; } -button[type=roll].sheet-critical-roll:active { +button[type=roll].sheet-critical-roll:active { color: #ffe387; border-color: #ffe387; border: 1px solid; @@ -4195,7 +4247,7 @@ button[type=roll].sheet-critical-roll:active { font-size: 24px; } -button[type=roll].sheet-target-roll { +button[type=roll].sheet-target-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4210,13 +4262,13 @@ button[type=roll].sheet-target-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-target-roll:hover { +button[type=roll].sheet-target-roll:hover { color: #546696; border-color: #546696; border: 1px solid; } -button[type=roll].sheet-target-roll:active { +button[type=roll].sheet-target-roll:active { color: #8eacff; border-color: #8eacff; border: 1px solid; @@ -4233,7 +4285,7 @@ button[type=roll].sheet-target-roll:active { display: block; } -button[type=roll].sheet-prof-skill-roll { +button[type=roll].sheet-prof-skill-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4247,13 +4299,13 @@ button[type=roll].sheet-prof-skill-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-prof-skill-roll:hover { +button[type=roll].sheet-prof-skill-roll:hover { color: #828282; border-color: #828282; border: 1px solid; } -button[type=roll].sheet-prof-skill-roll:active { +button[type=roll].sheet-prof-skill-roll:active { color: #afafaf; border-color: #afafaf; border: 1px solid; @@ -4268,7 +4320,7 @@ button[type=roll].sheet-prof-skill-roll:active { font-weight: bold; } -button[type=roll].sheet-weapon-damage-roll { +button[type=roll].sheet-weapon-damage-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4280,13 +4332,13 @@ button[type=roll].sheet-weapon-damage-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-weapon-damage-roll:hover { +button[type=roll].sheet-weapon-damage-roll:hover { color: #750000; border-color: #750000; border: 1px solid; } -button[type=roll].sheet-weapon-damage-roll:active { +button[type=roll].sheet-weapon-damage-roll:active { color: #cc0000; border-color: #cc0000; border: 1px solid; @@ -4301,7 +4353,7 @@ button[type=roll].sheet-weapon-damage-roll:active { font-size: 18px; } -button[type=roll].repeating_spell_damage_roll { +button[type=roll].repeating_spell_damage_roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4314,13 +4366,13 @@ button[type=roll].repeating_spell_damage_roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].repeating_spell_damage_roll:hover { +button[type=roll].repeating_spell_damage_roll:hover { color: #9a1e50; border-color: #9a1e50; border: 1px solid; } -button[type=roll].repeating_spell_damage_roll:active { +button[type=roll].repeating_spell_damage_roll:active { color: #ff0c6e; border-color: #ff0c6e; border: 1px solid; @@ -4335,7 +4387,7 @@ button[type=roll].repeating_spell_damage_roll:active { font-size: 18px; } -button[type=roll].repeating_ritual_damage_roll { +button[type=roll].repeating_ritual_damage_roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4348,13 +4400,13 @@ button[type=roll].repeating_ritual_damage_roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].repeating_ritual_damage_roll:hover { +button[type=roll].repeating_ritual_damage_roll:hover { color: #7f682b; border-color: #7f682b; border: 1px solid; } -button[type=roll].repeating_ritual_damage_roll:active { +button[type=roll].repeating_ritual_damage_roll:active { color: #ffce49; border-color: #ffce49; border: 1px solid; @@ -4369,7 +4421,7 @@ button[type=roll].repeating_ritual_damage_roll:active { font-size: 18px; } -button[type=roll].repeating_hex_damage_roll { +button[type=roll].repeating_hex_damage_roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4382,13 +4434,13 @@ button[type=roll].repeating_hex_damage_roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].repeating_hex_damage_roll:hover { +button[type=roll].repeating_hex_damage_roll:hover { color: #748718; border-color: #748718; border: 1px solid; } -button[type=roll].repeating_hex_damage_roll:active { +button[type=roll].repeating_hex_damage_roll:active { color: #dafc2f; border-color: #dafc2f; border: 1px solid; @@ -4403,7 +4455,7 @@ button[type=roll].repeating_hex_damage_roll:active { font-size: 18px; } -button[type=roll].sheet-rep-roll { +button[type=roll].sheet-rep-roll { color: #000; background-color: #e8e8e8; text-align: center; @@ -4416,13 +4468,13 @@ button[type=roll].sheet-rep-roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].sheet-rep-roll:hover { +button[type=roll].sheet-rep-roll:hover { color: #2a72a3; border-color: #2a72a3; border: 1px solid; } -button[type=roll].sheet-rep-roll:active { +button[type=roll].sheet-rep-roll:active { color: #42b2ff; border-color: #42b2ff; border: 1px solid; @@ -4437,7 +4489,7 @@ button[type=roll].sheet-rep-roll:active { font-size: 17px; } -button[type=roll].repeating_npc_skill_roll { +button[type=roll].repeating_npc_skill_roll { color: #000; display: inline-block; background-color: #e8e8e8; @@ -4452,13 +4504,13 @@ button[type=roll].repeating_npc_skill_roll { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30); } -button[type=roll].repeating_npc_skill_roll:hover { +button[type=roll].repeating_npc_skill_roll:hover { color: #878787; border-color: #878787; border: 1px solid; } -button[type=roll].repeating_npc_skill_roll:active { +button[type=roll].repeating_npc_skill_roll:active { color: #d6d6d6; border-color: #d6d6d6; border: 1px solid; diff --git a/TheWitcher/witchersheet.html b/TheWitcher/witchersheet.html index 8d04944e63..4e804d54ac 100644 --- a/TheWitcher/witchersheet.html +++ b/TheWitcher/witchersheet.html @@ -3,29 +3,30 @@


|
@@ -783,7 +783,7 @@
|
@@ -796,7 +796,7 @@
|
@@ -809,7 +809,7 @@
-
+
|
@@ -822,7 +822,7 @@
-
+
|
@@ -835,7 +835,7 @@
-
+
|
@@ -848,7 +848,7 @@
-
+
|
@@ -861,7 +861,7 @@
-
+
|
@@ -874,7 +874,7 @@
-
+
@@ -894,7 +894,7 @@
-
+
@@ -913,7 +913,7 @@
-
+
@@ -932,9 +932,9 @@
-
+
-
+