diff --git a/Heroes and Hardships/hnh.css b/Heroes and Hardships/hnh.css index 642f18e6b2..9fd485b42d 100644 --- a/Heroes and Hardships/hnh.css +++ b/Heroes and Hardships/hnh.css @@ -1,6506 +1,1242 @@ -/* General */ +/* Web fonts */ +@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); -select { - border: 1px solid #000; - border-radius: 0; + +/* Theming */ + +/* Default */ +.charsheet { + --hnh-sheet-background-color: white; + --hnh-sheet-background-image: none; + --hnh-section-background: #dadada; + --hnh-text: black; + --hnh-input-text: var(--hnh-text); + --hnh-text-muted: gray; + --hnh-border: var(--hnh-text); + --hnh-control-background: var(--hnh-sheet-background-color); + --hnh-control-background-disabled: none; + --hnh-th-background: #333333; + --hnh-th-text: var(--hnh-control-background); + --hnh-button-background: none; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-border); + --hnh-selected-background: var(--hnh-section-background); } -.sheet-select-small { - margin: 2px; - width: 60px; +/* Dark mode */ +body.sheet-darkmode .charsheet { + --hnh-sheet-background-color: #111111; + --hnh-sheet-background-image: none; + --hnh-section-background: #222222; + --hnh-text: #b3b3b3; + --hnh-input-text: #d9d9d9; + --hnh-text-selected: #f2f2f2; + --hnh-text-muted: silver; + --hnh-th-background: #999999; + --hnh-border-selected: #f2f2f2; + --hnh-selected-background: #333333; + --hnh-control-background: var(--hnh-sheet-background-color); } -/* NPC SECTION */ - -/* Top Info */ - -input.checkbox { - margin-left: 1550px; - display: inline-block; +/* Parchment (light) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-parchment:checked) { + --hnh-sheet-background-color: #fcfbf4; + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029183500311613490/AdobeStock_535046699_small.jpg'); + --hnh-section-background: none; + --hnh-text: #2d1606; + --hnh-input-text: var(--hnh-text); + --hnh-text-muted: #2d160644; + --hnh-th-background: #432109; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-border); + --hnh-selected-background: #fcfbf4; + --hnh-control-background: var(--hnh-sheet-background-color); } -label.sheet-npctitle { - display: inline-block; - font-size: 12px; - text-align: right; - width: 40px; -} -padding-container -label.sheet-bountytitle { - display: inline-block; - font-size: 12px; - text-align: right; - width: 55px; +/* Stone (dark) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-stone:checked) { + --hnh-sheet-background-color: #111111; + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029181874100252742/AdobeStock_231453111_small.jpg'); + --hnh-section-background: none; + --hnh-text: #b3b3b3; + --hnh-input-text: #cccccc; + --hnh-text-selected: #f2f2f2; + --hnh-text-muted: silver; + --hnh-th-background: #333333; + --hnh-th-text: #b3b3b3; + --hnh-border-selected: #f2f2f2; + --hnh-selected-background: #333333; + --hnh-control-background: var(--hnh-sheet-background-color); } -label.sheet-sizetitle { - display: inline-block; - font-size: 13px; - margin-left: 13px; - text-align: right; - width: 50px; +/* Metal (light) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-metal:checked) { + --hnh-sheet-background-color: #e6e6e688; + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029167014893322340/AdobeStock_167357563_small.jpg'); + --hnh-section-background: none; + --hnh-text: black; + --hnh-input-text: var(--hnh-text); + --hnh-text-selected: var(--hnh-text); + --hnh-text-muted: dimgray; + --hnh-border: #595959; + --hnh-th-background: dimgray; + --hnh-th-text: #f2f2f2; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-border); + --hnh-selected-background: var(--hnh-section-background); + --hnh-control-background: var(--hnh-sheet-background-color); } -label.sheet-environmenttitle { - display: inline-block; - margin-bottom: 8px; - font-size: 11px; - margin-left: 9px; - text-align: right; - width: 80px; +/* Stars (dark) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-stars:checked) { + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029612700394864721/AdobeStock_30029138_small.jpg'); + --hnh-section-background: none; + --hnh-text: #3385ff; + --hnh-input-text: #66a3ff; + --hnh-text-muted: #0066ff; + --hnh-border: #003d99; + --hnh-control-background: #222222; + --hnh-control-background-disabled: #11111188; + --hnh-th-background: #111111; + --hnh-th-text: #3385ff; + --hnh-button-background: var(--hnh-th-background); + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-input-text); + --hnh-selected-background: var(--hnh-button-background); } -input.sheet-npc-box { - width: 150px; - border:1px solid #000; - border-radius: 0px; +/* Neon (dark) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-neon:checked) { + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029111669751824384/AdobeStock_421197783_small.jpg'); + --hnh-section-background: none; + --hnh-text: darkcyan; + --hnh-input-text: cyan; + --hnh-text-muted: #008080; + --hnh-control-background: #222222; + --hnh-control-background-disabled: #111111; + --hnh-th-background: #0e2d58; + --hnh-th-text: #00cccc; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-input-text); + --hnh-selected-background: var(--hnh-section-background); } -input.sheet-bounty-box { - width: 60px; - border:1px solid #000; - border-radius: 0px; +/* Gothic (dark) */ +.charsheet:has(.sheet-colour-scheme-picker .sheet-colour-scheme-gothic:checked) { + --hnh-sheet-background-color: black; + --hnh-sheet-background-image: url('https://cdn.discordapp.com/attachments/1027102428690124841/1029925092098048021/AdobeStock_325266280_dim_small.jpg'); + --hnh-section-background: none; + --hnh-text: #b30000; + --hnh-input-text: #cc0000; + --hnh-text-muted: #800000; + --hnh-border: #660000; + --hnh-th-background: #0c0c0c; + --hnh-th-text: var(--hnh-text); + --hnh-button-background: black; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-input-text); + --hnh-selected-background: #181818; } -input.sheet-size-box { - width: 150px; - border:1px solid #000; - border-radius: 0px; -} -input.sheet-size-box2 { - width: 120px; - border:1px solid #000; - border-radius: 0px; -} - -input.sheet-background-box { - width: 230px; - height: 25px; - border:1px solid #000; - border-radius: 0px; -} - -/* Right Side Repeating Sections */ - -span.sheet-npcskill-span, -span.sheet-ability-span { - display: inline-block; - width: 250px; - padding-right: 5px; - padding-top: 10px; - font-size: 1em; - color: #FFF; - border-radius: 20px; - background: #444444; -} - -span.sheet-vuln-span { - display: inline-block; - width: 250px; - padding-right: 5px; - padding-top: 10px; - font-size: 1em; - color: #FFF; - border-radius: 20px; - background: #444444; -} - -span.sheet-weapon-span { - display: inline-block; - width: 525px; - padding-right: 5px; - padding-top: 10px; - font-size: 1em; - color: #FFF; - border-radius: 20px; - background: #444444; -} - -span.repeating_npcskill_container { - display: inline-block; - width: 265px; - margin-left: -5px; - margin-bottom: 7px; - color: #FFF; - background-color: #c1c1c1; - border-radius: 15px; - border: 1px solid #000; -} - -span.repeating_npc_weapon_container { - display: inline-block; - width: 490px; - padding: 10px; - margin-left: 10px; - margin-bottom: 7px; - color: #FFF; - background-color: #c1c1c1; - border-radius: 15px; - border: 1px solid #000; -} - -label.sheet-weapontitle, -label.sheet-npcskilltitle, -label.sheet-abilitytitle { - display: inline-block; - text-align: center; - font-weight: 1; - width: 250px; - font-size: 16px; - color: #FFF; -} - -label.sheet-weapontitle { - display: inline-block; - text-align: center; - font-weight: 1; - width: 540px; - font-size: 16px; - color: #FFF; -} - -label.sheet-npcarmortitle { - display: inline-block; - width: 115px; - color: #FFF; - font-weight: 1; - margin-top: 10px; - text-align: right; - font-size: 22px; -} - -.sheet-npc-armor-box { - padding: 20px; - margin-top: 10px; - margin-bottom: 10px; - background: #5e0000; - width: 225px; - border-radius: 15px; -} - -input[type='number'].sheet-npc-armor { - border: 1px solid #000; - display: inline-block; - border-radius: 0px; - margin-top: -10px; - width: 55px; - height: 40px; - color: #FFF; - text-align: center; - font-size: 20px; - background-color: #444444; -} - -input.repeating_npc_weapon_name { - margin-left: 5px; - width: 180px; - font-size: 14px; - font-weight: bold; - background-color: transparent; - border-radius: 0px; - border-top: 0px solid; - border-right: 0px solid; - border-left: 0px solid; - border-bottom: 1px solid; - text-transform: uppercase; -} - -input.repeating_npc_weapon_damage { - margin-left: 5px; - width: 55px; - font-size: 12px; - background-color: transparent; - border-radius: 0px; - border-top: 0px solid; - border-right: 0px solid; - border-left: 0px solid; - border-bottom: 1px solid; -} - -input.repeating_npc_weapon_effect { - margin-left: 5px; - width: 135px; - font-size: 12px; - background-color: transparent; - border-radius: 0px; - border-top: 0px solid; - border-right: 0px solid; - border-left: 0px solid; - border-bottom: 1px solid; -} - -input.repeating_npc_weapon_rof { - margin-left: 5px; - margin-right: 2px; - width: 30px; - font-size: 14px; - background-color: transparent; - border-radius: 0px; - border-top: 0px solid; - border-right: 0px solid; - border-left: 0px solid; - border-bottom: 1px solid; - text-transform: uppercase; -} - -input.repeating_ability_name { - width: 235px; - color: #FFF; - margin-left: 10px; - font-size: 14px; - background-color: #636363; - text-transform: uppercase; - border:1px solid #000; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; -} - -input.repeating_vuln_name { - width: 230px; - color: #FFF; - margin-left: 10px; - font-size: 14px; - background-color: #636363; - text-transform: uppercase; - border:1px solid #000; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; -} - -input.repeating_npcskill_name { - margin-top: -2px; - margin-left: 2px; - margin-right: -10px; - width: 140px; - font-size: 14px; - font-weight: bold; - background-color: transparent; - border: 0px solid #000; - text-transform: uppercase; -} - -select.repeating_npcskill_stat { - margin-top: 4px; - margin-bottom: 4px; - width: 60px; - font-size: 11px; - background-color: transparent; - border:0px solid; -} - -textarea.repeating_ability_text { - margin-left: 10px; - font-size: 11px; - width: 213px; - height: 70px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 2px; - background-color: #c1c1c1; - resize: vertical; - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - border: 1px solid #000; -} - -textarea.repeating_vuln_text { - margin-left: 10px; - font-size: 11px; - width: 208px; - height: 40px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 2px; - background-color: #c1c1c1; - resize: vertical; - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - border: 1px solid #000; -} - -input.repeating_loot_text { - margin-left: 10px; - width: 235px; - height: 30px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 2px; - background-color: #c1c1c1; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - border: 1px solid #000; -} - -input.repeating_npcskill_score { - width: 27px; - height: 25px; - margin-top: -2px; - font-size: 14px; - background-color: #e8e8e8; - border: 1px solid #000; - border-radius: 5px; -} - -/* ----------- */ +/* Layout */ .charsheet { - margin-left: -20px; - margin-top: 0px; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/repeating_bg.jpg"); - background-repeat: repeat; + background-image: var(--hnh-sheet-background-image); + background-color: var(--hnh-sheet-background-color); + color: var(--hnh-text); + padding: 0; } -/* PC/NPC TABS SETUP */ - -.sheet-block-pc { - display: block; - margin-top: 50px; -} - -/* SECTION TABS SETUP */ - -.charsheet div[class^="sheet-section"] { - display: none; -} - -.charsheet input.sheet-tab1:checked ~ div.sheet-section-skills, -.charsheet input.sheet-tab2:checked ~ div.sheet-section-abilities, -.charsheet input.sheet-tab3:checked ~ div.sheet-section-gear, -.charsheet input.sheet-tab6:checked ~ div.sheet-section-wounds, -.charsheet input.sheet-tab5:checked ~ div.sheet-section-background { - display: block; -} - -.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { - display: block; -} - -.charsheet input.sheet-tab { - width: 185px; - height: 40px; - cursor: pointer; - position: relative; - opacity: 0; - z-index: 9999; -} - -.charsheet input.sheet-tab-1 { - width: 185px; - height: 40px; - margin-left: 10px; - cursor: pointer; - position: relative; - opacity: 0; - z-index: 9999; -} - -.charsheet span.sheet-tab { - text-align: center; - display: inline-block; - font-size: 11px; - background: #c1c1c1; - color: #000; - font-weight: bold; - - width: 145px; - height: 40px; - cursor: pointer; - vertical-align: middle; - margin-left: -185px; - border:1px solid #000; -} - -.charsheet span.sheet-tab-right { - text-align: center; - display: inline-block; - 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; - vertical-align: middle; - margin-left: -185px; - border:1px solid #000; -} - -.charsheet span.sheet-tab-left { - text-align: center; - display: inline-block; - 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; - position: relative; - vertical-align: middle; - margin-left: -200px; - border:1px solid #000; -} - - -.charsheet input.sheet-tab1:checked + span.sheet-tab1, -.charsheet input.sheet-tab2:checked + span.sheet-tab2, -.charsheet input.sheet-tab3:checked + span.sheet-tab3, -.charsheet input.sheet-tab4:checked + span.sheet-tab4, -.charsheet input.sheet-tab5:checked + span.sheet-tab5, -.charsheet input.sheet-tab6:checked + span.sheet-tab6, -.charsheet input.sheet-tab99:checked + span.sheet-tab99 { - background: #3d3d3d; - color: #FFF; -} - -/* SHEET IMG TITLES */ - -.sheet-top-title-image { - display:block; - margin-top: 15px; - margin-left: -5px; - width: 500px; -} - -.sheet-top-title-image2 { - display:block; - margin-top: 15px; - margin-left: 70px; - width: 300px; -} - -/* SHEET LAYOUT */ - -img.sheet-logo { - display:inline-block; - margin-left: 10px; - margin-top: -30px; +.sheet-section { + background-color: var(--hnh-section-background); + padding: 10px 20px; margin-bottom: 10px; - width: 100%; - z-index:-100; -} - -input { - text-align: center; -} - -input, select, textarea { - color: #333; - outline: none; -} - -textarea { - text-align: justify; -} - -select option { - color: #333; -} - -.sheet-full-page { - -} - -.sheet-top-grid { - display: grid; - grid-template-columns: 30% 40% 30%; - margin-top: -25px; - width: 850px; -} - -.sheet-middle-grid { - display: grid; - grid-template-columns: 70% 30%; - width: 800px; -} - -.sheet-middle2-grid { - display: grid; - grid-template-columns: 50% 50% -} - -.sheet-middle-alc-grid { - display: grid; - grid-template-columns: 65% 35%; -} - -.sheet-middle-skill-grid { - display: grid; - grid-template-columns: 33.33% 33.33% 33.33%; -} - -label.sheet-legend-top { - display: inline-block; - height:5px; - width: 182px; - text-align: right; - font-size: 10px; - -} - -label.sheet-legend { - display: inline-block; - height: 5px; - width: 215px; - text-align: right; - font-size: 10px; -} - -label.sheet-armor-sp { - display: inline-block; - height: 5px; - width: 57px; - font-weight: 1; - margin-left: 60px; - text-align: right; - color: #FFF; - font-size: 10px; -} - -label.sheet-armor-dmg { - display: inline-block; - margin-left: -8px; - font-weight: 1; - height: 5px; - width: 46px; - text-align: right; - color: #FFF; - font-size: 10px; -} - -label.sheet-armor-dmg2 { - display: inline-block; - margin-left: 0px; - font-weight: 1; - height: 5px; - width: 46px; - text-align: right; - color: #FFF; - font-size: 10px; -} - -label.sheet-armor-dmg3 { - display: inline-block; - margin-left: -12px; - font-weight: 1; - height: 5px; - width: 46px; - text-align: right; - color: #FFF; - font-size: 10px; } +/* Typography */ -label.sheet-armor-wt { - display: inline-block; - height: 5px; - width: 48px; - text-align: right; - color: #FFF; - font-size: 11px; +h1, h2 { + color: var(--hnh-th-text); } -button { - outline: none; +h1 { + font-size: 22px; } -/* Whisper Bar */ - -.sheet-settings { - background-color: #5e0000; - margin-bottom: 5px; +h2 { + font-size: 1.4em; } -label.sheet-toggle-whisper { - display: inline-block; - margin-top: 10px; - font-size: 11px; - text-align: right; - color: #939393; - font-weight: 1; - width: 100px; - z-index: 1; +.sheet-hnh .sheet-small-text { + font-size: 0.8em; } -tr.sheet-spacer-row { - height: 15px; +.sheet-hnh .sheet-smaller-text { + font-size: 0.7em; } -/* MAJOR STAT & CHARACTER SECTION */ -label.sheet-chartitle { - display: inline-block; - width: 90px; - text-align: right; - font-size: 8px; +td { + font-family: 'Roboto', sans-serif; } -label.sheet-stattitle { - display: inline-block; - width: 90px; - text-align: right; - font-size: 14px; +.symbol { + font-family: 'Webdings'; } -.sheet-statcategorytitle { - width: 100%; - text-align: center; - font-size: 14px; - padding-top: 10px; - font-weight: bold; +/* Columns */ + +.sheet-column-wrapper { + display: flex; + flex-wrap: wrap; + gap: 20px; } -label.sheet-stattotal { - display: inline-block; - margin-top: 15px; - margin-bottom: 4px; - width: 150px; - text-align: right; - font-size: 14px; - font-weight: bold; +.sheet-column-fixed { + flex-grow: 0; } -label.sheet-skilltotal { - display: inline-block; - margin-left: 46px; - margin-top: 10px; - width: 90px; - text-align: right; - font-size: 12px; +.sheet-column-grow { + flex-grow: 1; } -label.sheet-stattitle2 { - display: inline-block; - width: 90px; - margin-left: 25px; - text-align: right; - font-size: 14px; - +/* Empty column sized using a media query to force flexbox to wrap at the point we choose */ +.sheet-empty-wrapping-column { + display: none; } -label.sheet-woundtitle { - display: inline-block; - width: 140px; - text-align: right; - color: #5e0000; - font-size: 12px; +@media only screen and (min-width: 450x) { + .sheet-empty-wrapping-column { + display: block; + width: 25%; + } } -.sheet-character-box { - margin-left: 10px; - margin-right: 10px; +@media only screen and (min-width: 800px) { + .sheet-empty-wrapping-column { + display: block; + width: 50%; + } } -table.sheet-basic-info { +@media only screen and (min-width: 1000px) { + .sheet-empty-wrapping-column { + display: none; + } +} + + +/* Tables */ + +.sheet-hnh table, +.sheet-hnh th, +.sheet-hnh td, +.sheet-standalone-title { + border: 2px solid var(--hnh-border); + position: relative; +} + +.sheet-table-fit-page { width: 100%; } -.sheet-basic-info th { - font-size: 11px; - margin-right: 2px; +.sheet-hnh tr { + line-height: 18px; + height: 26px; } -.sheet-basic-info th.sheet-second-header-on-line { - padding-left: 10px; - padding-right: 2px; -} - -.sheet-basic-info td input { - width: 100%; - border:1px solid #000; - border-radius: 0px; - margin: 2px; -} - -.sheet-basic-info td input.sheet-narrow-input { - width: 60px; -} - -input.sheet-smallbox, -input.sheet-smallbox-dark { - border:1px solid #000; - margin:2px; - border-radius: 0px; - width:45px; -} - -input.sheet-smallbox-dark { - color: white; - background-color: #444444; -} - -input.sheet-smallbox-disabled, -input.sheet-smallbox-disabled-emphasised, -input.sheet-smallbox-disabled-physical, -input.sheet-smallbox-disabled-mental, -input.sheet-smallbox-disabled-dark { - border: 1px solid dimgray; - border-radius: 0px; - margin: 2px; - width: 45px; - cursor: not-allowed; -} - -input.sheet-smallbox-disabled, -input.sheet-smallbox-disabled-emphasised, -input.sheet-smallbox-disabled-dark { - background-color: #EEEEEE; -} - -input.sheet-smallbox-disabled-physical { - background-color: #ffe6e6; -} - -input.sheet-smallbox-disabled-mental { - background-color: #e9eafc; -} - -input.sheet-smallbox-disabled-emphasised { - font-weight: bold; -} - -input.sheet-stattotal-box, -.sheet-stattotal-label { - border: 0; - border-radius: 0; - vertical-align: baseline; - margin-bottom: 4px; - padding: 0; - font-size: 14px; - font-weight: bold; - background: transparent; - color: gray -} - -input.sheet-stattotal-box { - width: 28px; -} - -.sheet-stattotal-label { - padding-left: 10px; -} - -input.sheet-smallbox-wound { - border:1px solid #5e0000; - margin:2px; - color: #770000; - font-weight: bold; - border-radius: 0px; - width:45px; -} - -input[type='number'].sheet-smallbox2, -input.sheet-smallbox2 { - border:1px solid #000; - margin:2px; - border-radius: 0px; - width:45px; - color: #FFF; - background-color: #5e0000; -} - -input[type='number'].sheet-smallbox10, -input.sheet-smallbox10 { - border:1px solid #000; - margin:2px; - border-radius: 0px; - width:45px; - color: #FFF; - background-color: #595EE5; -} - -input[type='number'].sheet-smallbox3 { - border:1px solid #000; - margin:2px; - border-radius: 0px; - width:55px; -} - -input[type='number'].sheet-smallbox4 { - border:1px solid #000; - margin:2px; - border-radius: 0px; - width: 55px; - color: #FFF; - background-color: #5e0000; -} - - -/* SKLLS & MODIFIERS SECTION*/ - -/* Skill Drop Downs */ - -input[type="checkbox"].sheet-str-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - - -input[type="checkbox"].sheet-str-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-str-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-str-toggle:checked ~ div.sheet-str-container { - display: none; -} - -input[type="checkbox"].sheet-end-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - - -input[type="checkbox"].sheet-end-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-end-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-end-toggle:checked ~ div.sheet-end-container { - display: none; -} - - -input[type="checkbox"].sheet-int-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - - -input[type="checkbox"].sheet-int-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - - - -input[type="checkbox"].sheet-int-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-int-toggle:checked ~ div.sheet-int-container { - display: none; -} - -input[type="checkbox"].sheet-pre-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - - -input[type="checkbox"].sheet-pre-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - - - -input[type="checkbox"].sheet-pre-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-pre-toggle:checked ~ div.sheet-pre-container { - display: none; -} - - -input[type="checkbox"].sheet-ref-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-ref-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-ref-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-ref-toggle:checked ~ div.sheet-ref-container { - display: none; -} - - -input[type="checkbox"].sheet-sen-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-sen-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-sen-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-sen-toggle:checked ~ div.sheet-sen-container { - display: none; -} - - -input[type="checkbox"].sheet-inf-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-inf-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-inf-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-inf-toggle:checked ~ div.sheet-inf-container { - display: none; -} - -input[type="checkbox"].sheet-dex-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-dex-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-dex-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-dex-toggle:checked ~ div.sheet-dex-container { - display: none; -} - -input[type="checkbox"].sheet-agi-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-agi-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-agi-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-agi-toggle:checked ~ div.sheet-agi-container { - display: none; -} - -input[type="checkbox"].sheet-emp-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-emp-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-emp-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-emp-toggle:checked ~ div.sheet-emp-container { - display: none; -} - -input[type="checkbox"].sheet-kno-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-kno-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-kno-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-kno-toggle:checked ~ div.sheet-kno-container { - display: none; -} - -input[type="checkbox"].sheet-will-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-will-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-will-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-will-toggle:checked ~ div.sheet-will-container { - display: none; -} - -input[type="checkbox"].sheet-com-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-com-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-com-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-com-toggle:checked ~ div.sheet-com-container { - display: none; -} - -input[type="checkbox"].sheet-fate-toggle { - opacity: 0; - width: 16px; - height: 20px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-fate-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 20px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-fate-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-fate-toggle:checked ~ div.sheet-fate-container { - display: none; -} - -/* Skill box borders */ - -input[type="checkbox"].sheet-skill-error-toggle, -input[type="checkbox"].sheet-skill-max-toggle, -input[type="checkbox"].sheet-skill-untrained-toggle { - display: none; -} - -input[type="checkbox"].sheet-skill-untrained-toggle:checked ~ .sheet-smallbox { - border-color: #AAAAAA; -} - -input[type="checkbox"].sheet-skill-max-toggle:checked ~ .sheet-smallbox { - border-color: deepskyblue; -} - -input[type="checkbox"].sheet-skill-error-toggle:checked ~ .sheet-smallbox { - border-color: red; -} - -/* Fake Exta Attack Checkbox */ - -input[type="checkbox"].sheet-ea-mod-checkbox { - opacity: 0; - width: 35px; - height: 35px; - position: relative; - bottom: 5px; - top: 2px; - left: 20px; - margin: -10px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-ea-mod-checkbox + span::before { - margin-right: 4px; - border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - border:1px solid #000; - border-radius: 0px; - background: #f6f6f6; - background: radial-gradient(#f6f6f6, #dfdfdf); -} - -input[type="checkbox"].sheet-ea-mod-checkbox + span::before { - content: ""; - width: 30px; - height: 30px; - line-height: 1; - font-size: 30px; - border-radius: 3px; -} - -input[type="checkbox"].sheet-ea-mod-checkbox:checked + span::before { - content: "✓"; -} - -/* Fake Mod Checkbox */ - -input[type="checkbox"].sheet-mod-checkbox { - opacity: 0; - width: 20px; - height: 20px; - position: relative; - bottom: 5px; - top: 2px; - left: 10px; - margin: -10px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-mod-checkbox + span::before { - margin-right: 4px; - border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - border:1px solid #000; - border-radius: 0px; - background: #f6f6f6; - background: radial-gradient(#f6f6f6, #dfdfdf); -} - -input[type="checkbox"].sheet-mod-checkbox + span::before { - content: ""; - width: 20px; - height: 20px; - line-height: 1; - font-size: 20px; - border-radius: 3px; -} - -input[type="checkbox"].sheet-mod-checkbox:checked + span::before { - content: "✓"; -} - -/* Modifiers */ - -.sheet-stat-mod-box { - padding:15px; - padding-bottom: 20px; - background: #444444; - width: 235px; - border-radius: 15px; -} - -.sheet-button-box { - padding:20px; - margin-top: 10px; - background: #5e0000; - width: 225px; - border-radius: 15px; -} - -.sheet-ip-box { - padding:20px; - width: 225px; - margin-top: 10px; - background: #606060; - border-radius: 15px; - border:1px solid #000; -} - -label.sheet-modifiertitle-top { - display: inline-block; - text-align: center; - margin-left: 10px; - margin-top: 10px; - margin-bottom: 15px; - font-size: 20px; - width: 220px; -} - -label.sheet-stat-mod-title { - font-size: 11px; - display: inline-block; - text-align: right; - width: 25px; -} -label.sheet-quick-button-maintitle { - font-size: 20px; - text-align: center; - margin-bottom: -5px; - line-height: 1.3; - width: 230px; -} - -label.sheet-ip-maintitle { - font-size: 18px; - color: #FFF; - font-weight: 1; - text-align: center; - margin-bottom: -5px; - line-height: 1.3; - width: 230px; -} - -label.sheet-initiativetitle, -label.sheet-savetitle, -label.sheet-crittitle, -label.sheet-locationtitle { - display: inline-block; - margin-top: 10px; - width: 160px; - text-align: left; - font-size: 14px; - -} - -label.sheet-severityrolltitle { - display: inline-block; - margin-top: 10px; - width: 160px; - text-align: left; - font-size: 14px; - -} - -label.sheet-current-ip-title { - font-size: 11px; - color: #FFF; - font-weight: 1; - display: inline-block; - text-align: right; - margin-left: 10px; - width: 95px; -} - -label.sheet-training-ip-title { - font-size: 12px; - color: #FFF; - font-weight: 1; - display: inline-block; - text-align: center; - width: 220px; -} - -input.sheet-current-ip-element { - font-size: 12px; - display: inline-block; - width: 45px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-training-ip-element { - font-size: 12px; - margin-left: 5px; - display: inline-block; - width: 160px; - height: 25px; - margin-bottom: 4px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-training-ip2-element { - font-size: 12px; - margin-left: 5px; - display: inline-block; - width: 50px; - height: 25px; - margin-bottom: 4px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-stat-mod-element { - border:1px solid #000; - border-radius: 0px; - width: 40px; - color: #FFF; - background-color: #727272; -} - -/* ------------- */ - -/* Mod Boxes & Skill Titles */ - -.sheet-skill-category-title { - margin-top: 15px; - width: 100%; - text-align: center; - font-size: 24px; - font-weight: bold; - color: #444444; -} - -.sheet-skill-category-ranks { - margin-left: 30px; - font-size: 12px; - font-weight: bold; - color: #666666; -} - -.sheet-skill-category-ranks input[type=number] { - background: transparent; - border: none; - width: 2em; - padding: 0; - margin-bottom: 3px; - margin-left: 3px; - padding-top: 1 px; - text-align: left; -} - -.sheet-skill-category-ranks input[type=number]::-webkit-outer-spin-button, -.sheet-skill-category-ranks input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.sheet-skill-category-ranks input[type=number] { - -moz-appearance: textfield; -} - -.sheet-stat-mod-box label, -.sheet-combat-mod-box label, -.sheet-button-box label { - color: #FFFFFF; - font-weight: 1; -} - -label.sheet-skilltitle { - display: inline-block; - text-align: right; - font-size: 10px; - width: 145px; - padding-right: 5px; -} - -label.sheet-skilltitle-int, - .sheet-skilltitle-ref, - .sheet-skilltitle-dex, - .sheet-skilltitle-body, - .sheet-skilltitle-emp, - .sheet-skilltitle-cra, - .sheet-skilltitle-will, - .sheet-skilltitle-str, - .sheet-skilltitle-agi, - .sheet-skilltitle-end, - .sheet-skilltitle-pre, - .sheet-skilltitle-sen, - .sheet-skilltitle-com, - .sheet-skilltitle-inf, - .sheet-skilltitle-kno, - .sheet-skilltitle-fate - - { - display: inline-block; - text-align: left; - color: #FFF; - padding: 10px; - margin-left: 40px; - margin-top: 5px; - margin-bottom: 5px; - font-size: 18px; - font-weight: 1; - width: 200px; -} - -label.sheet-skilltitle-int { - background-image: linear-gradient(to right, #5e0000, transparent); -} - -label.sheet-skilltitle-pre { - background-image: linear-gradient(to right, #5e0000, transparent); -} - -label.sheet-skilltitle-str { - background-image: linear-gradient(to right, #5e0000, transparent); -} - -label.sheet-skilltitle-ref { - background-image: linear-gradient(to right, #444444, transparent); -} - -label.sheet-skilltitle-dex { - background-image: linear-gradient(to right, #5e0000, transparent); -} - -label.sheet-skilltitle-agi { - background-image: linear-gradient(to right, #444444, transparent); -} - -label.sheet-skilltitle-emp { - background-image: linear-gradient(to right, #5e0000, transparent); -} - -label.sheet-skilltitle-kno { - background-image: linear-gradient(to right, #444444, transparent); -} - -label.sheet-skilltitle-will { - background-image: linear-gradient(to right, #5e0000, transparent); -} -label.sheet-skilltitle-sen { - background-image: linear-gradient(to right, #444444, transparent); -} -label.sheet-skilltitle-inf { - background-image: linear-gradient(to right, #5e0000, transparent); -} -label.sheet-skilltitle-com { - background-image: linear-gradient(to right, #444444, transparent); -} - -/* PROFESSION ABILITIES SECTION */ - -label.sheet-skill-level { - display: inline-block; - width: 90px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-top: 3px; - margin-left: 3px; - border: 1px solid transparent; - text-align: right; -} - - -span.sheet-main-skill-span { - display: inline-block; - margin-left: 65px; - margin-top: 10px; - width: 650px; - height: 28px; - border-radius: 20px; -} - -span.sheet-red1-skill-span, -span.sheet-red2-skill-span, -span.sheet-red3-skill-span, -span.sheet-green1-skill-span, -span.sheet-green2-skill-span, -span.sheet-green3-skill-span, -span.sheet-blue1-skill-span, -span.sheet-blue2-skill-span, -span.sheet-blue3-skill-span { - display: inline-block; - margin-top: 20px; - width: 255px; - height: 28px; - color: #FFF; - border-radius: 20px; -} - -span.sheet-main-skill-span { - background: #282828; -} - -span.sheet-blue1-skill-span { - background: #07005e; -} - -span.sheet-blue2-skill-span { - background: #040038; -} - -span.sheet-blue3-skill-span { - background: #020028; -} - -span.sheet-green1-skill-span { - background: #1f5e00; -} - -span.sheet-green2-skill-span { - background: #123800; -} - -span.sheet-green3-skill-span { - background: #0d2800; -} - -span.sheet-red1-skill-span { - background: #5e0000; -} - -span.sheet-red2-skill-span { - background: #380000; -} - -span.sheet-red3-skill-span { - background: #280000; -} - -span.sheet-main-skill-span2 { - display: inline-block; - margin-left: 65px; - width: 650px; - height: 28px; - color: #FFF; - border-radius: 20px; -} - -span.sheet-red1-skill-span2, -span.sheet-red2-skill-span2, -span.sheet-red3-skill-span2, -span.sheet-green1-skill-span2, -span.sheet-green2-skill-span2, -span.sheet-green3-skill-span2, -span.sheet-blue1-skill-span2, -span.sheet-blue2-skill-span2, -span.sheet-blue3-skill-span2 { - display: inline-block; - width: 255px; - height: 28px; - color: #FFF; - border-radius: 20px; -} - -span.sheet-main-skill-span2 { - background: #282828; -} - -span.sheet-blue1-skill-span2 { - background: #07005e; -} - -span.sheet-blue2-skill-span2 { - background: #040038; -} - -span.sheet-blue3-skill-span2 { - background: #020028; -} - -span.sheet-green1-skill-span2 { - background: #1f5e00; -} - -span.sheet-green2-skill-span2 { - background: #123800; -} - -span.sheet-green3-skill-span2 { - background: #0d2800; -} - -span.sheet-red1-skill-span2 { - background: #5e0000; -} - -span.sheet-red2-skill-span2 { - background: #380000; -} - -span.sheet-red3-skill-span2 { - background: #280000; -} - -input.sheet-profession-title { - display: inline-block; - background: transparent; - font-size: 18px; - border: 0px solid; - margin-left: 12px; - margin-top: 5px; - color: #FFF; - height: 33px; - width: 210px; +.sheet-hnh th, +.sheet-standalone-title, +.sheet-button-box-title { + background-color: var(--hnh-th-background); + color: var(--hnh-th-text); text-transform: uppercase; + text-align: center; + padding: 0 8px; } -input.sheet-prof-main-name { - display: inline-block; - background: transparent; - border: 0px solid; - color: #FFF; - height: 28px; - width: 100%; - text-transform: uppercase; -} - -select.sheet-prof-skill-choice { - display: inline-block; - margin-left: -4px; - color: #FFF; - background: transparent; - border: 0px solid; - font-size: 13px; - width: 75px; - text-transform: uppercase; -} - -textarea.sheet-prof-main-text { - width: 604px; - height: 100px; - padding: 8px; +.sheet-hnh th { font-size: 11px; - resize: none; - margin-left: 15px; - margin-bottom: -5px; - border: 1px solid #000; - background-color: #c6c6c6; - border-radius: 0px; -} - -textarea.sheet-manifestation-main-text { - width: 450px; - height: 100px; - padding: 8px; - font-size: 11px; - resize: none; - margin-left: 15px; - margin-bottom: -5px; - border: 1px solid #000; - background-color: #c6c6c6; - border-radius: 0px; -} - -textarea.sheet-prof-red1-text, -textarea.sheet-prof-red2-text, -textarea.sheet-prof-red3-text, -textarea.sheet-prof-green1-text, -textarea.sheet-prof-green2-text, -textarea.sheet-prof-green3-text, -textarea.sheet-prof-blue1-text, -textarea.sheet-prof-blue2-text, -textarea.sheet-prof-blue3-text { - width: 212px; - height: 160px; - padding: 8px; - font-size: 11px; - resize: vertical; - margin-left: 13px; - margin-bottom: -5px; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.sheet-prof-red1-text { - background-color: #edd5d5; -} - -textarea.sheet-prof-red2-text { - background-color: #d8b6b6; -} - -textarea.sheet-prof-red3-text { - background-color: #b78787; -} - -textarea.sheet-prof-green1-text { - background-color: #deedd5; -} - -textarea.sheet-prof-green2-text { - background-color: #c4d8b6; -} - -textarea.sheet-prof-green3-text { - background-color: #9db787; -} - -textarea.sheet-prof-blue1-text { - background-color: #d5d7ed; -} - -textarea.sheet-prof-blue2-text { - background-color: #b6b6d8; -} - -textarea.sheet-prof-blue3-text { - background-color: #8887b7; -} - -input.sheet-prof-skill-stat { - display: inline-block; - border: 1px solid #000; - font-size: 15px; - font-weight: bold; - margin-left: 5px; - margin-right: 15px; - height: 25px; - width: 30px; -} - - -/* ARMS, GEAR & BAGS */ - -/* Weapon Toggle Button */ - - - -input[type="checkbox"].sheet-wound1-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound1-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-wound1-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-wound1-toggle:checked ~ div.sheet-wound1-padding-container { - display: none; -} - -input[type="checkbox"].sheet-wound2-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound2-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-wound2-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-wound2-toggle:checked ~ div.sheet-wound2-padding-container { - display: none; -} - -input[type="checkbox"].sheet-wound3-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound3-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-wound3-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-wound3-toggle:checked ~ div.sheet-wound3-padding-container { - display: none; -} - - -input[type="checkbox"].sheet-wound4-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound4-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-wound4-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-wound4-toggle:checked ~ div.sheet-wound4-padding-container { - display: none; -} - -input[type="checkbox"].sheet-wound5-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound5-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-wound5-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-wound5-toggle:checked ~ div.sheet-wound5-padding-container { - display: none; -} - -input[type="checkbox"].sheet-wound6-toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-wound6-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-wound6-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-wound6-toggle:checked ~ div.sheet-wound6-padding-container { - display: none; -} - -input[type="checkbox"].sheet-primary-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-primary-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-primary-weapon-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-primary-weapon-toggle:checked ~ div.sheet-primary-weapon-padding-container { - display: none; -} - -input[type="checkbox"].sheet-secondary-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-secondary-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-secondary-weapon-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-secondary-weapon-toggle:checked ~ div.sheet-secondary-weapon-padding-container { - display: none; -} - -input[type="checkbox"].sheet-third-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-third-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-third-weapon-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-third-weapon-toggle:checked ~ div.sheet-third-weapon-padding-container { - display: none; -} - -input[type="checkbox"].sheet-fourth-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-fourth-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-fourth-weapon-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-fourth-weapon-toggle:checked ~ div.sheet-fourth-weapon-padding-container { - display: none; -} - -input[type="checkbox"].sheet-fifth-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-fifth-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-fifth-weapon-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-fifth-weapon-toggle:checked ~ div.sheet-fifth-weapon-padding-container { - display: none; -} - -input[type="checkbox"].sheet-sixth-weapon-toggle { - opacity: 0; - width: 150px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-sixth-weapon-toggle + span::before { - margin-right: 10px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #5e0000; -} - -input[type="checkbox"].sheet-sixth-weapon-toggle:checked + span::before { - content: "►"; - color: #5e0000; -} - -input.sheet-sixth-weapon-toggle:checked ~ div.sheet-sixth-weapon-padding-container { - display: none; -} - -/* Weapon Boxes */ - -span.sheet-primary-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #444444, transparent); -} - -span.sheet-primary-wound-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #444444, transparent); -} - -span.sheet-secondary-wound-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #5e0000, transparent); -} - -span.sheet-secondary-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #5e0000, transparent); -} - -span.sheet-third-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #444444, transparent); -} - -span.sheet-fourth-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #5e0000, transparent); -} - -span.sheet-fifth-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #444444, transparent); -} - -span.sheet-sixth-weapon-gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #5e0000, transparent); -} - - -.sheet-primary-weapon-padding-container, -.sheet-secondary-weapon-padding-container, -.sheet-third-weapon-padding-container, -.sheet-fourth-weapon-padding-container, -.sheet-fifth-weapon-padding-container, -.sheet-sixth-weapon-padding-container, -.sheet-wound1-padding-container, -.sheet-wound2-padding-container, -.sheet-wound3-padding-container, -.sheet-wound4-padding-container, -.sheet-wound5-padding-container, -.sheet-wound6-padding-container { - padding-top: 10px; padding-left: 5px; padding-right: 5px; } -label.sheet-weapon-title { - display: inline-block; - width: 490px; - margin-top: 1px; - margin-bottom: 10px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; - border-radius: 15px; - background: #444444; +.sheet-hnh td input, +.sheet-hnh td select, +.sheet-hnh td textarea +{ + border: none; + line-height: 20px; } -label.sheet-weapon-title2 { - display: inline-block; - width: 490px; - margin-top: 10px; - margin-bottom: 10px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; - border-radius: 15px; - background: #444444; +.sheet-hnh th.sheet-narrow-column, +.sheet-hnh td.sheet-narrow-column { + width: 3.75em; } -label.sheet-weapon2-title { - display: inline-block; - width: 350px; - margin-top: 1px; - margin-bottom: 10px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; - border-radius: 15px; - background: #444444; +.sheet-hnh th.sheet-moderate-column { + width: 7em; } -label.sheet-weapon-accuracy { - display: inline-block; - font-size: 10px; - text-align: right; - width: 75px; -} - -label.sheet-head-label { - position: absolute; - top: 2%; - left: 62%; - transform: translate( -50%, -50% ); +.sheet-hnh td.sheet-centred-cell { text-align: center; - color: red; - font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - } -label.sheet-torso-label { +.sheet-hnh td.sheet-centred-cell .sheet-checkbox-container{ + margin: 0 40%; /* Approximately centred */ +} + +.sheet-hnh td textarea { + box-sizing: border-box; + resize: none; + width: 100%; + height: 100%; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; position: absolute; - top: 40%; - left: 62%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +th h1, +h1.sheet-standalone-title { + line-height: 35px; + padding: 0 20px; +} + +th h2 { + line-height: 28px; +} + +.sheet-hnh input.sheet-important { font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - + font-size: 1.2em; } -label.sheet-slash-head { - position: absolute; - top: 7%; - left: 40%; - transform: translate( -50%, -50% ); +tr.sheet-double-line-row { + height: 38px; +} + + +/* Forms */ + +.sheet-hnh input, +.sheet-hnh select, +.sheet-hnh select option, +.sheet-hnh textarea { + background-color: var(--hnh-control-background); + color: var(--hnh-input-text); +} + +.sheet-hnh input:disabled, +.sheet-hnh input:read-only { + background-color: var(--hnh-control-background-disabled); + color: var(--hnh-text); + cursor: not-allowed; +} + +.charsheet label, +body.sheet-darkmode .charsheet label { + font-size: 1em; + color: var(--hnh-text); +} + +.sheet-hnh input { + width: 100%; + border: none; + border-radius: 0px; +} + +.sheet-hnh input[type="number"] { text-align: center; - color: red; - font-weight: bold; - } -label.sheet-pierce-head { - position: absolute; - top: 7%; - left: 55%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-head { - position: absolute; - top: 7%; - left: 70%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-slash-torso { - position: absolute; - top: 45%; - left: 40%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - -} - -label.sheet-pierce-torso { - position: absolute; - top: 45%; - left: 55%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-torso { - position: absolute; - top: 45%; - left: 70%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-slash-larm { - position: absolute; - top: 25%; - left: 70%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - -} - -label.sheet-larm-label { - position: absolute; - top: 20%; - left: 92%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - -} - -label.sheet-pierce-larm { - position: absolute; - top: 25%; - left: 85%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-larm { - position: absolute; - top: 25%; - left: 100%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-rarm-label { - position: absolute; - top: 20%; - left: 22%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - -} - - - -label.sheet-slash-rarm { - position: absolute; - top: 25%; - left: 0%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - -} - -label.sheet-pierce-rarm { - position: absolute; - top: 25%; - left: 15%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-rarm { - position: absolute; - top: 25%; - left: 30%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-lleg-label { - position: absolute; - top: 54%; - left: 92%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - -} - -label.sheet-slash-lleg { - position: absolute; - top: 60%; - left: 70%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - -} - -label.sheet-pierce-lleg { - position: absolute; - top: 60%; - left: 85%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-lleg { - position: absolute; - top: 60%; - left: 100%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-rleg-label { - position: absolute; - top: 54%; - left: 22%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - font-family: cursive; - font-size: 22px; - font-weight: italic; - -} - -label.sheet-slash-rleg { - position: absolute; - top: 60%; - left: 0%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; - -} - -label.sheet-pierce-rleg { - position: absolute; - top: 60%; - left: 15%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-bludgeon-rleg { - position: absolute; - top: 60%; - left: 30%; - transform: translate( -50%, -50% ); - text-align: center; - color: red; - font-weight: bold; -} - -label.sheet-rolled-hardship { - display: inline-block; - font-size: 10px; - text-align: right; - width: 120px; -} - -label.sheet-wound-loc1 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-wound-loc2 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-wound-loc3 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-wound-loc4 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-wound-loc5 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-wound-loc6 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 60px; - -} - -label.sheet-severity1 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-severity2 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-severity3 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-severity4 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-severity5 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-severity6 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; - -} - -label.sheet-treated { - display: inline-block; - font-size: 10px; +.sheet-hnh input[type="text"] { text-align: left; - width: 40px; } -label.sheet-weapon-range { - display: inline-block; - font-size: 10px; - text-align: right; - width: 40px; +.sheet-hnh select { + margin: 0; + border-radius: 0; } -label.sheet-kept-hardship { - display: inline-block; - font-size: 10px; - text-align: right; - width: 100px; +.charsheet .sheet-hnh input.sheet-input-narrow, +.charsheet .sheet-hnh select.sheet-select-narrow { + width: 4em; +} + +.charsheet .sheet-hnh input.sheet-input-moderate, +.charsheet .sheet-hnh th.sheet-moderate-input-column { + width: 12em; +} + +.charsheet .sheet-hnh input.sheet-input-larger, +.charsheet .sheet-hnh th.sheet-larger-input-column { + width: 30em; } -label.sheet-weapon-bonus { - display: inline-block; - font-size: 10px; - text-align: right; - margin-left: 2px; - width: 70px; +.charsheet .sheet-hnh input.sheet-input-wide { + width: 100%; } -label.sheet-weapon-reliability { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; +.charsheet .sheet-hnh select.sheet-select-moderate { + width: 7em; } -label.sheet-wound1-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; +.charsheet .sheet-hnh select.sheet-select-larger, +.charsheet .sheet-hnh th.sheet-larger-select-column, +.charsheet .sheet-hnh td.sheet-larger-select-column { + width: 10em; } -label.sheet-wound2-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; +.charsheet .sheet-hnh .sheet-input-hidden { + display: none; } -label.sheet-wound3-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; -} - -label.sheet-wound4-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; -} - -label.sheet-wound5-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; -} - -label.sheet-wound6-los { - display: inline-block; - margin-left: -65px; - font-size: 10px; - text-align: right; - width: 72.5px; -} - - -label.sheet-weapon-damage { - display: inline-block; - font-size: 10px; - text-align: right; - width: 50px; -} - -label.sheet-weapon-type { - display: inline-block; - font-size: 10px; - text-align: right; - width: 28px; -} - -label.sheet-weapon-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound1-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound2-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound3-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound4-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound5-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-wound6-effect { - display: inline-block; - margin-top: -4px; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-weapon-enhancement { - display: inline-block; - font-size: 10px; - margin-top: -4px; - text-align: right; - width: 80px; -} - -label.sheet-weapon-conc { - display: inline-block; - font-size: 10px; - text-align: right; - width: 40px; -} - -label.sheet-weapon-weight { - display: inline-block; - font-size: 10px; - text-align: right; - width: 45px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w1 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w2 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w3 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w4 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w5 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -label.sheet-date-sufferred-w6 { - display: inline-block; - font-size: 10px; - text-align: right; - width: 90px; - margin-right: -2px; -} - -input.sheet-weapon-name { - width: 285px; - margin-right: 50px; +.sheet-hnh button[type=roll].sheet-skill-roll { + background-color: var(--hnh-control-background); + color: var(--hnh-input-text); + background-image: none; + box-shadow: none; + border-width: 1px; + border-color: var(--hnh-border); + border-radius: 20px; + text-shadow: none; font-weight: bold; - text-align: left; - font-size: 14px; - color: #FFF; - background-color: transparent; - border: 0px solid; + width: 16px; } -input.sheet-wound-location { - width: 285px; - margin-right: 50px; - font-weight: bold; - text-align: left; - font-size: 14px; - color: #FFF; - background-color: transparent; - border: 0px solid; +.sheet-hnh button[type=roll].sheet-skill-roll::before { + font-family: "dicefontd10"; + content: "0"; } -select.sheet-weapon-bonus-element { - font-size: 10px; - display: inline-block; - margin-bottom: -1px; - width: 55px; - border: 1px solid #000; - border-radius: 0px; +button[type=roll].sheet-skill-roll:hover, +button[type=roll].sheet-skill-roll:active { + color: var(--hnh-text-selected); + border-color: var(--hnh-text-selected); + background-color: var(--hnh-selected-background); } -input[type='number'].sheet-weapon-accuracy-element { - font-size: 12px; - margin-bottom: 2px; - width: 50px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-slash-head-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - top: 7%; - left: 47%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-head-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 7%; - left: 61%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-head-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 7%; - left: 76%; - transform: translate( -50%, -50% ); - text-align: center; -} - - -input[type='number'].sheet-slash-torso-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 45%; - left: 46%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-torso-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 45%; - left: 61%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-torso-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 45%; - left: 76%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-slash-larm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 76%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-larm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 91%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-larm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 106%; - transform: translate( -50%, -50% ); - text-align: center; -} - - -input[type='number'].sheet-slash-rarm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 6%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-rarm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 21%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-rarm-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 25%; - left: 36%; - transform: translate( -50%, -50% ); - text-align: center; -} - - - - -input[type='number'].sheet-slash-lleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 76%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-lleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 91%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-lleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 106%; - transform: translate( -50%, -50% ); - text-align: center; -} - - -input[type='number'].sheet-slash-rleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 6%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-pierce-rleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 21%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-bludgeon-rleg-element { - position: absolute; - font-size: 12px; - margin-bottom: 2px; - width: 40px; - border: 1px solid #000; - border-radius: 0px; - - top: 60%; - left: 36%; - transform: translate( -50%, -50% ); - text-align: center; -} - -input[type='number'].sheet-weapon-reliability-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound1-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound2-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound3-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound4-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound5-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-wound6-los-element { - font-size: 12px; - display: inline-block; - font-weight: bold; - background-color: #FFF; - width: 40px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-weapon-damage-element { - font-size: 12px; - display: inline-block; - width: 60px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-weapon-range-element { - font-size: 12px; - margin-bottom: 2px; - display: inline-block; - width: 55px; - border: 1px solid #000; - border-radius: 0px; -} - -select.sheet-weapon-hold-element { - font-size: 10px; - margin-bottom: -4px; - width: 100px; - margin-right: 5px; - text-align: center; - border: 1px solid #000; - border-radius: 0px; -} - -select.sheet-weapon-type-element { - font-size: 10px; - margin-bottom: -4px; - width: 136px; - text-align: center; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-weapon-effect-element { +.sheet-button-box { + border: 2px solid var(--hnh-border); font-size: 11px; - display: inline-block; - width: 458px; - border: 1px solid #000; - border-radius: 0px; } -input.sheet-weapon-enhancement-element { - font-size: 12px; - display: inline-block; - width: 418px; - border: 1px solid #000; - border-radius: 0px; +.sheet-button-box .sheet-button-box-title { + border-bottom: 2px solid var(--hnh-border); + line-height: 28px; } -select.sheet-weapon-conc-element { - font-size: 10px; - width: 70px; - margin-bottom: -4px; - text-align: center; - border: 1px solid #000; - border-radius: 0px; +.sheet-button-box .sheet-button-box-content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + gap: 10px; + padding: 10px; } -input.sheet-weapon-weight-element { - font-size: 12px; - display: inline-block; - width: 45px; - border: 1px solid #000; - border-radius: 0px; +.sheet-button-column { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: center; + gap: 10px; } -input.sheet-dayswounded1 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +.sheet-hnh button[type=roll].sheet-icon-button { + background-color: var(--hnh-control-background); + color: var(--hnh-text); + background-image: none; + box-shadow: none; + border-width: 2px; + border-color: var(--hnh-border); + font-size: 13px; + text-shadow: none; + padding: 2px 4px; } -input.sheet-dayswounded2 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +button[type=roll].sheet-icon-button:hover, +button[type=roll].sheet-icon-button:active { + color: var(--hnh-text-selected); + border-color: var(--hnh-text-selected); + background-color: var(--hnh-selected-background); } -input.sheet-dayswounded3 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +.sheet-hnh button[type=roll].sheet-icon-button::before { + font-size: 16px; + text-shadow: none; } -input.sheet-dayswounded4 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +.sheet-hnh button[type=roll].sheet-critical-roll::before { + font-family: "pictos custom"; + content: "t"; } -input.sheet-dayswounded5 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +.sheet-hnh button[type=roll].sheet-save-roll::before, +.sheet-hnh button[type=roll].sheet-magic-roll::before { + font-family: "pictos"; + content: "Y"; } -input.sheet-dayswounded6 { - font-size: 12px; - display: inline-block; - width: 40px; - border: 1px solid #000; - border-radius: 0px; +.sheet-hnh button[type=roll].sheet-target-roll::before { + font-family: "pictos custom"; + content: "["; +} + +.sheet-hnh button[type=roll].sheet-initiative-roll::before { + font-family: "pictos"; + content: "e"; +} + +.sheet-hnh .sheet-button-box button[type=roll].sheet-icon-button { + width: 90px; } -/* Total Weight Box */ +/*********** Checkbox styling (based on https://www.w3schools.com/howto/howto_css_custom_checkbox.asp) ***********/ -input[type="checkbox"].sheet-armor1-toggle, -input[type="checkbox"].sheet-armor2-toggle, -input[type="checkbox"].sheet-armor3-toggle, -input[type="checkbox"].sheet-armor4-toggle, -input[type="checkbox"].sheet-armor5-toggle, -input[type="checkbox"].sheet-armor6-toggle, -input[type="checkbox"].sheet-armor7-toggle { - opacity: 0; - width: 30px; - height: 25px; - margin-left: -10px; - margin-right: -10px; +/* Customize the label (the container) */ +.sheet-hnh .sheet-checkbox-container { + display: block; position: relative; - top: 2px; - left: 15px; + margin: 0 7px; + padding: 0; + width: 17px; + height: 17px; cursor: pointer; - z-index: 1; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -input[type="checkbox"].sheet-armor1-toggle + span::before, -input[type="checkbox"].sheet-armor2-toggle + span::before, -input[type="checkbox"].sheet-armor3-toggle + span::before, -input[type="checkbox"].sheet-armor4-toggle + span::before, -input[type="checkbox"].sheet-armor5-toggle + span::before, -input[type="checkbox"].sheet-armor6-toggle + span::before, -input[type="checkbox"].sheet-armor7-toggle + span::before { - margin-right: -20px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #FFF; +/* Hide the browser's default checkbox */ +.sheet-hnh .sheet-checkbox-container input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; } -input[type="checkbox"].sheet-armor1-toggle:checked + span::before, -input[type="checkbox"].sheet-armor2-toggle:checked + span::before, -input[type="checkbox"].sheet-armor3-toggle:checked + span::before, -input[type="checkbox"].sheet-armor4-toggle:checked + span::before, -input[type="checkbox"].sheet-armor5-toggle:checked + span::before, -input[type="checkbox"].sheet-armor6-toggle:checked + span::before, -input[type="checkbox"].sheet-armor7-toggle:checked + span::before { - content: "►"; - color: #FFF; +/* Create a custom checkbox */ +.sheet-hnh .sheet-checkmark { + position: absolute; + top: 0; + left: 0; + height: 15px; + width: 15px; + background-color: var(--hnh-control-background); + border: 1px solid var(--hnh-border); } -input.sheet-armor1-toggle:checked ~ div.sheet-armor-details1-container, -input.sheet-armor2-toggle:checked ~ div.sheet-armor-details2-container, -input.sheet-armor3-toggle:checked ~ div.sheet-armor-details3-container, -input.sheet-armor4-toggle:checked ~ div.sheet-armor-details4-container, -input.sheet-armor5-toggle:checked ~ div.sheet-armor-details5-container, -input.sheet-armor6-toggle:checked ~ div.sheet-armor-details6-container, -input.sheet-armor7-toggle:checked ~ div.sheet-armor-details7-container { +/* When the checkbox is checked, add a background color */ +.sheet-hnh .sheet-checkbox-container input:checked~.sheet-checkmark { + background-color: var(--hnh-control-background); +} + +/* Create the checkmark/indicator (hidden when not checked) */ +.sheet-hnh .sheet-checkmark:after { + content: ""; + position: absolute; display: none; } +/* Show the checkmark when checked */ +.sheet-hnh .sheet-checkbox-container input:checked~.sheet-checkmark:after { + display: block; +} + +/* Style the checkmark/indicator */ +.sheet-hnh .sheet-checkbox-container .sheet-checkmark:after { + left: 5px; + top: 1px; + width: 4px; + height: 8px; + border: solid var(--hnh-input-text); + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +/*********** End of checkbox styling ***********/ -/* ---- */ -.sheet-armor-image { - position: relative; - padding-top: 15px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 6px; +/* Colour scheme selection */ + +.sheet-colour-scheme-picker { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; + gap: 10px; +} + +.sheet-colour-scheme-picker input { + display: none; +} + +.sheet-colour-scheme-picker input+span { + font-weight: normal; +} + +.sheet-colour-scheme-picker label { + margin: 0; + line-height: normal; + text-align: center; + width: 80px; + border-radius: 2px; + padding: 2px 4px; + border: 1px solid var(--hnh-border); + background-color: var(--hnh-button-background); +} + +.sheet-colour-scheme-picker label:has(input:checked) { + border: 1px solid var(--hnh-border-selected); + background-color: var(--hnh-selected-background); +} + +.sheet-colour-scheme-picker input:checked+span { + font-weight: bold; + color: var(--hnh-text-selected); +} + + +/* Basic details section */ + +.sheet-basic-details-section { + justify-content: flex-start; + align-items: flex-start; +} + +table.sheet-basic-info { + max-width: 40em; +} + + +/* Attributes section */ +.sheet-attributes-section { + justify-content: flex-start; + align-items: flex-start; +} + +.sheet-size-speed-table { + margin-top: 26px; +} + + +/* Characteristics section */ +.sheet-characteristics-section { + justify-content: flex-start; + align-items: flex-start; +} + +.charsheet .sheet-hnh td input[type="number"] { + width: 4em; +} + +.charsheet .sheet-hnh td input[type="number"].sheet-important { + width: 3.3em; +} + +.charsheet .sheet-hnh td.sheet-wide-column input[type="number"] { + width: 5.5em; +} + +.charsheet .sheet-hnh td.sheet-wide-column input[type="number"].sheet-important { + width: 4.3em; +} + + +/* Tabs */ +.sheet-hnh .sheet-tabs-section { + margin-top: 30px; +} + +.sheet-hnh div[class^="sheet-tab"] { + display: none; +} + +.sheet-hnh .sheet-tabs-toggle[value="skills"] ~ div.sheet-tab-skills, +.sheet-hnh .sheet-tabs-toggle[value="abilities"] ~ div.sheet-tab-abilities, +.sheet-hnh .sheet-tabs-toggle[value="wounds"] ~ div.sheet-tab-wounds, +.sheet-hnh .sheet-tabs-toggle[value="gear"] ~ div.sheet-tab-gear, +.sheet-hnh .sheet-tabs-toggle[value="magic"] ~ div.sheet-tab-magic { + display: block; +} + +.sheet-hnh button.sheet-tab { + width: 80px; + border-radius: 2px; + margin-right: 10px; + margin-bottom: 20px; + padding: 6px 4px; + border: 1px solid var(--hnh-border); + background-color: var(--hnh-button-background); + font-weight: normal; + line-height: normal; + text-align: center; + text-transform: uppercase; +} + +.sheet-hnh .sheet-tabs-toggle[value="skills"] ~ button.sheet-tab-button-skills, +.sheet-hnh .sheet-tabs-toggle[value="abilities"] ~ button.sheet-tab-button-abilities, +.sheet-hnh .sheet-tabs-toggle[value="wounds"] ~ button.sheet-tab-button-wounds, +.sheet-hnh .sheet-tabs-toggle[value="gear"] ~ button.sheet-tab-button-gear, +.sheet-hnh .sheet-tabs-toggle[value="magic"] ~ button.sheet-tab-button-magic { + font-weight: bold; + color: var(--hnh-text-selected); + border: 1px solid var(--hnh-border-selected); + background-color: var(--hnh-selected-background); +} + + +/* Skills tab */ + +.sheet-skills-section { + justify-content: flex-start; + align-items: flex-start; +} + +.sheet-mental-skills-section, +.sheet-social-skills-section, +.sheet-fate-skills-section { + margin-top: 40px; +} + +.sheet-skills-section-title { + width: 110px; +} + +td.sheet-skill-name-column { + padding: 5px; + width: 10em; +} + +.sheet-skills-table thead tr { + height: 22px; +} + +.sheet-skills-table thead td input { + line-height: 14px; +} + +td.sheet-roll { + padding-left: 9px; + width: 40px; +} + +/* Skills tab - skill box borders */ + +.sheet-hnh input[type="checkbox"].sheet-skill-error-toggle, +.sheet-hnh input[type="checkbox"].sheet-skill-max-toggle, +.sheet-hnh input[type="checkbox"].sheet-skill-untrained-toggle, +.sheet-hnh .sheet-untrained-skill-icon, +.sheet-hnh .sheet-equal-skill-icon, +.sheet-hnh .sheet-skill-error-icon { + display: none; +} + +.sheet-hnh .sheet-untrained-skill-icon, +.sheet-hnh .sheet-equal-skill-icon, +.sheet-hnh .sheet-skill-error-icon { + position: absolute; + background: none; + top: 6px; + left: 115px; + width: 12px; + height: 12px; + line-height: 12px; + font-size: 9px; + font-weight: bold; + text-align: center; + color: var(--hnh-th-text); + background-color: var(--hnh-th-background); + border-color: var(--hnh-border); + border-radius: 20px; + border-style: solid; + border-width: 2px; + cursor: default; +} + +.sheet-hnh input[type="checkbox"].sheet-skill-untrained-toggle:checked ~ .sheet-untrained-skill-icon { + display: block; + opacity: 0.5; +} + +.sheet-hnh input[type="checkbox"].sheet-skill-max-toggle:checked ~ .sheet-equal-skill-icon { + display: block; + opacity: 0.7; +} + +.sheet-hnh input[type="checkbox"].sheet-skill-error-toggle:checked ~ .sheet-skill-error-icon { + display: block; + opacity: 0.9; +} + + +/* Abilities Tab */ + +.sheet-hnh .sheet-ability-name { + font-family: "Helvetica"; + font-size: larger; + font-weight: bold; + line-height: 24px; +} + +.sheet-hnh .sheet-ability-text { + height: 125px; width: 400px; +} + + +/* Wounds Tab */ + +.sheet-tab-wounds .sheet-column-wrapper { + justify-content: flex-start; + align-items: flex-start; +} + + +/* Gear tab */ + +.sheet-top-margin { margin-top: 20px; - border-radius: 15px; - } -.sheet-weight-container { - padding-top: 15px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 6px; - background: #444444; - width: 235px; - margin-top: 20px; - border-radius: 15px; +.sheet-gear-wrapper { + width: 610px; } -.sheet-armor-container { - padding-top: 25px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 25px; - background: #5e0000; - width: 325px; - margin-top: 10px; - border-radius: 15px; +.charsheet .sheet-hnh .sheet-spacer-row { + height: 20px; } - -label.sheet-weight-title { - display: inline-block; - font-weight: 1; - color: #FFF; - font-size: 14px; - text-align: center; - margin-top: 2px; - margin-bottom: 2px; - width: 60px; - height: 40px; +.charsheet .sheet-hnh .sheet-weapon-name input[type="text"] { + font-size: 18px; + height: 88px; + width: 100%; + padding: 8px; } -label.sheet-equipped-armor-maintitle { - font-size: 19px; - color: #FFF; - text-align: center; - font-weight: 1; - width: 230px; +.charsheet .sheet-hnh input.sheet-repeating-item-name, +.charsheet .sheet-hnh input[type="number"].sheet-repeating-item-quantity, +.charsheet .sheet-hnh input[type="number"].sheet-repeating-item-enc, +.charsheet .sheet-hnh input.sheet-repeating-item-notes { + border-left: 2px solid var(--hnh-border); + border-right: 2px solid var(--hnh-border); + border-bottom: 2px solid var(--hnh-border); + border-top: none; } -label.sheet-armor-title { - display: inline-block; - color: #FFF; - font-size: 12px; - text-align: right; - width: 50px; +.charsheet .sheet-hnh input.sheet-repeating-item-name { + width: 142px; } -label.sheet-armor-enhancement { - display: inline-block; - font-weight: 1; - color: #FFF; - font-size: 10px; - text-align: right; +.charsheet .sheet-hnh input[type="number"].sheet-repeating-item-quantity { width: 65px; } -label.sheet-armor-ev { - display: inline-block; - font-weight: 1; - color: #FFF; - font-size: 10px; - text-align: right; - width: 60px; +.charsheet .sheet-hnh input[type="number"].sheet-repeating-item-enc { + width: 51px; } -label.sheet-armor-wt { - display: inline-block; - font-weight: 1; - color: #FFF; - font-size: 10px; - text-align: right; - width: 45px; +.charsheet .sheet-hnh input.sheet-repeating-item-notes { + width: 340px; } -label.sheet-armor-divider { - display: inline-block; - font-weight: 1; - color: #FFF; - font-size: 14px; - text-align: right; - width: 5px; - margin-right: -5px; -} - -span.sheet-total-weight-divider { - display: inline-block; - color: #FFF; - font-weight: 1; - font-size: 20px; - text-align: center; - width: 15px; - height: 40px; -} - -input.sheet-display-enh { +.charsheet .sheet-hnh button.repcontrol_add, +.charsheet .sheet-hnh button.repcontrol_edit { + background-color: var(--hnh-control-background); + color: var(--hnh-text); + background-image: none; + box-shadow: none; + border-width: 2px; + border-color: var(--hnh-border); font-size: 13px; - height: 25px; - margin-top: 1px; - display: inline-block; - font-weight: bold; - width: 147px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-display-ev { - font-size: 13px; - height: 25px; - display: inline-block; - font-weight: bold; - width: 47px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-display-wt { - font-size: 13px; - height: 25px; - display: inline-block; - font-weight: bold; - width: 47px; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.sheet-armor-text { - width: 210px; - height: 70px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - resize: vertical; - font-size: 11px; - margin-bottom: 0px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-display-weight { - text-align: center; - margin-top: -20px; - width: 60px; - height: 30px; - font-size: 15px; - color: #FFF; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-bottom: 1px solid #FFF; - border-radius: 0px; - color: #FFF; - background-color: transparent; -} - -input[type='number'].sheet-armor1-element, -input[type='number'].sheet-armor2-element { - font-size: 13px; - margin-right: 2px; - margin-left: 2px; - margin-top: 1px; - margin-bottom: -2px; - display: inline-block; - font-weight: bold; - width: 48px; - border: 1px solid #000; - border-radius: 0px; -} - -input.sheet-armor3-element { - font-size: 12px; - margin-right: 2px; - margin-left: 2px; - margin-top: -2px; - margin-bottom: -2px; - display: inline-block; - font-weight: bold; - width: 48px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].sheet-armor1-element { - background-color: #424242; - color: #FFF; -} - -input[type='number'].sheet-armor2-element { - background-color: #666666; - color: #FFF; -} - -/* Gear/Equipment repeating field */ - -.sheet-unarmed-container { - padding-top: 20px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 15px; - background: #444444; - width: 475px; + text-shadow: none; + padding: 2px 4px; margin-top: 10px; - border-radius: 15px; } -label.sheet-unarmed-title { - display: inline-block; - text-align: center; - width: 50px; - margin-left: 20px; - font-weight: 1; - font-size: 14px; - color: #FFF; -} - -input.sheet-unarmed-dmg-element { - border:1px solid #000; - display: inline-block; - border-radius: 0px; - margin-right: 3px; - width: 70px; - color: #FFF; - text-align: center; - background-color: #727272; -} - -input.sheet-unarmed-element { - border:1px solid #000; - display: inline-block; - border-radius: 0px; - margin-right: 3px; - width: 35px; - color: #FFF; - text-align: center; - background-color: #727272; -} - -span.sheet-gear-item-span { - display: inline-block; - margin-left: -10px; - margin-right: 10px; - padding-left: 10px; - padding-top: 10px; - color: #FFF; - border-radius: 20px; - background: #444444; -} - -label.sheet-gear-item-name { - display: inline-block; - text-align: center; - width: 130px; - font-weight: 1; - font-size: 12px; - color: #FFF; -} - -label.sheet-gear-item-quantity { - display: inline-block; - text-align: center; - width: 50px; - font-weight: 1; - font-size: 12px; - color: #FFF; -} - -label.sheet-gear-item-notes { - display: inline-block; - text-align: center; - width: 215px; - font-weight: 1; - font-size: 12px; - color: #FFF; -} - -label.sheet-gear-item-weight { - display: inline-block; - text-align: center; - width: 50px; - font-weight: 1; - font-size: 12px; - color: #FFF; -} - -input.repeating_gear_name, -input.repeating_gear_quantity, -input.repeating_gear_notes, -input.repeating_gear_weight { - text-align: center; - background-color: transparent; - border-left: 0px solid; - border-right: 0px solid; - border-top: 0px solid; - border-bottom: 1px solid; - border-radius: 0px; -} - -input.repeating_gear_name { - width: 135px; -} - -input.repeating_gear_notes { - width: 220px; -} - -input.repeating_gear_quantity, -input.repeating_gear_weight { - width: 50px; - font-weight: bold; -} - -/* Alchemical Substance inventory */ - -span.sheet-component-span { - display: inline-block; - width: 265px; - margin-left: -10px; - margin-right: 10px; - padding-left: 15px; - padding-right: 15px; - padding-top: 10px; - font-size: 1em; - color: #FFF; - border-radius: 20px; - background: #444444; -} - -label.sheet-alchemical-substances { - display: inline-block; - text-align: center; - font-weight: 1; - margin-top: -5px; - margin-right: -5px; - margin-bottom: -5px; - width: 150px; - font-size: 11px; - color: #FFF; -} - -label.sheet-alchemical-substances2 { - display: inline-block; - text-align: center; - font-weight: 1; - margin-top: -5px; - margin-bottom: -5px; - width: 155px; - font-size: 12px; - color: #FFF; -} - -label.sheet-alchemical-quantity { - display: inline-block; - text-align: center; - font-weight: 1; - width: 35px; - font-size: 11px; - color: #FFF; -} - -label.sheet-alchemical-weight { - display: inline-block; - text-align: center; - font-weight: 1; - width: 30px; - font-size: 11px; - color: #FFF; -} - -label.sheet-alchemical-quantity2 { - display: inline-block; - text-align: center; - font-weight: 1; - width: 35px; - font-size: 12px; - color: #FFF; -} - -label.sheet-alchemical-weight2 { - display: inline-block; - text-align: center; - font-weight: 1; - width: 35px; - font-size: 12px; - color: #FFF; -} - -label.sheet-substance-type { - display: inline-block; - text-align: right; - margin-left: -20px; - line-height: 0.65; - padding: 5px; - width: 110px; - font-size: 14px; -} - -img.sheet-alchemical-image { - display:inline-block; - margin-top: -5px; - margin-left: 10px; - margin-right: 15px; - width: 8%; -} - -input.sheet-substance-quantity, -input.sheet-substance-weight { - text-align: center; - width: 45px; - font-weight: bold; - background-color: transparent; - border-left: 0px solid; - border-right: 0px solid; - border-top: 0px solid; - border-bottom: 1px solid; - border-radius: 0px; - outline: none; -} - -input[type="checkbox"].sheet-vitriol-toggle, -input[type="checkbox"].sheet-rebis-toggle, -input[type="checkbox"].sheet-aether-toggle, -input[type="checkbox"].sheet-quebrith-toggle, -input[type="checkbox"].sheet-hydragenum-toggle, -input[type="checkbox"].sheet-vermilion-toggle, -input[type="checkbox"].sheet-sol-toggle, -input[type="checkbox"].sheet-caelum-toggle, -input[type="checkbox"].sheet-fulgur-toggle { - opacity: 0; - width: 30px; - height: 25px; - margin-left: -20px; - margin-right: -10px; - position: relative; - top: 2px; - left: 15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-vitriol-toggle + span::before, -input[type="checkbox"].sheet-rebis-toggle + span::before, -input[type="checkbox"].sheet-aether-toggle + span::before, -input[type="checkbox"].sheet-quebrith-toggle + span::before, -input[type="checkbox"].sheet-hydragenum-toggle + span::before, -input[type="checkbox"].sheet-vermilion-toggle + span::before, -input[type="checkbox"].sheet-sol-toggle + span::before, -input[type="checkbox"].sheet-caelum-toggle + span::before, -input[type="checkbox"].sheet-fulgur-toggle + span::before { - margin-right: -20px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #444444; -} - -input[type="checkbox"].sheet-vitriol-toggle:checked + span::before, -input[type="checkbox"].sheet-rebis-toggle:checked + span::before, -input[type="checkbox"].sheet-aether-toggle:checked + span::before, -input[type="checkbox"].sheet-quebrith-toggle:checked + span::before, -input[type="checkbox"].sheet-hydragenum-toggle:checked + span::before, -input[type="checkbox"].sheet-vermilion-toggle:checked + span::before, -input[type="checkbox"].sheet-sol-toggle:checked + span::before, -input[type="checkbox"].sheet-caelum-toggle:checked + span::before, -input[type="checkbox"].sheet-fulgur-toggle:checked + span::before { - content: "►"; - color: #444444; -} - -input.sheet-vitriol-toggle:checked ~ div.sheet-vitriol-container, -input.sheet-rebis-toggle:checked ~ div.sheet-rebis-container, -input.sheet-aether-toggle:checked ~ div.sheet-aether-container, -input.sheet-quebrith-toggle:checked ~ div.sheet-quebrith-container, -input.sheet-hydragenum-toggle:checked ~ div.sheet-hydragenum-container, -input.sheet-vermilion-toggle:checked ~ div.sheet-vermilion-container, -input.sheet-sol-toggle:checked ~ div.sheet-sol-container, -input.sheet-caelum-toggle:checked ~ div.sheet-caelum-container, -input.sheet-fulgur-toggle:checked ~ div.sheet-fulgur-container { - display: none; -} - -/* Substance repeating field */ - -input.repeating_sub_name, -input.repeating_sub_quantity, -input.repeating_sub_weight { - text-align: center; - background-color: transparent; - border-left: 0px solid; - border-right: 0px solid; - border-top: 0px solid; - border-bottom: 1px solid; - border-radius: 0px; -} - -input.repeating_sub_name { - width: 140px; - margin-left: 2px; -} - -input.repeating_sub_quantity, -input.repeating_sub_weight { - width: 45px; -} - -/* Component repeating field */ - -input.repeating_comp_name, -input.repeating_comp_quantity, -input.repeating_comp_weight { - text-align: center; - background-color: transparent; - border-left: 0px solid; - border-right: 0px solid; - border-top: 0px solid; - border-bottom: 1px solid; - border-radius: 0px; -} - -input.repeating_comp_name { - width: 155px; -} - -input.repeating_comp_quantity, -input.repeating_comp_weight { - width: 45px; - font-weight: bold; -} - -/* SPELLS & ABILITIES SECTION */ -/* Spell Section Style */ - -label.sheet-vigor-title { - display: inline-block; - width: 50px; - margin-left: 10px; - margin-top: 10px; - text-align: right; - font-weight: 1; - font-size: 15px; - color: #FFF; - -} - -label.sheet-cur-sta-title { - display: inline-block; - width: 35px; - margin-top: 10px; - text-align: right; - font-weight: 1; - font-size: 15px; - color: #FFF; - -} - -.sheet-vigor-total-container { - padding-top: 17px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 19px; - background: #444444; - width: 235px; - margin-top: 20px; - border-radius: 15px; -} - -.sheet-vigor-focus-container { - padding: 15px; - background: #5e0000; - width: 235px; - margin-top: 10px; - border-radius: 15px; -} - -label.sheet-spellfocus-title { - font-size: 12px; - color: #FFF; - font-weight: 1; - display: inline-block; - text-align: center; - width: 70px; -} - -label.sheet-focus-title { - font-size: 10px; - color: #FFF; - margin-right: -5px; - margin-left: 5px; - font-weight: 1; - display: inline-block; - text-align: center; - width: 60px; -} - -label.sheet-greaterfocus-title { - font-size: 10px; - color: #FFF; - font-weight: 1; - margin-right: -10px; - display: inline-block; - text-align: center; - width: 100px; -} - -input[type='number'].sheet-vigor-total { - border: 1px solid #000; - display: inline-block; - border-radius: 0px; - width: 50px; - height: 35px; - color: #FFF; - text-align: center; - font-size: 18px; - background-color: #727272; -} - -input.sheet-spellfocus-element { - border:1px solid #000; - display: inline-block; - border-radius: 0px; - width: 130px; - color: #FFF; - text-align: center; - background-color: #444444; -} - -input.sheet-spellfocus-stat { - border:1px solid #000; - display: inline-block; - border-radius: 0px; - width: 30px; - height: 25px; - color: #FFF; - text-align: center; - background-color: #727272; -} - -textarea.sheet-spellfocus-text { - width: 205px; - height: 50px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 2px; - resize: vertical; - font-size: 11px; - margin-top: 0px; - margin-left: 4px; - margin-bottom: 0px; - text-align: left; - color: #FFF; - border: 1px solid #000; - border-radius: 0px; - background-color: #727272; -} - -input[type="checkbox"].sheet-focus1-toggle, -input[type="checkbox"].sheet-focus2-toggle, -input[type="checkbox"].sheet-focus3-toggle { - opacity: 0; - width: 30px; - height: 25px; - margin-left: -20px; - margin-right: -10px; - position: relative; - top: 2px; - left: 15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-focus1-toggle + span::before, -input[type="checkbox"].sheet-focus2-toggle + span::before, -input[type="checkbox"].sheet-focus3-toggle + span::before { - margin-right: -20px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 21px; - color: #FFF; -} - -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 { - 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 { - display: none; -} - -/* repcontrol boxes */ - -.charsheet .repcontrol_add { - display: inline-block; - font-size: 10px; - height: 20px; - margin-top: 8px; - margin-bottom: 8px; - color: #FFF; - background: #444444; - border-radius: 15px; -} - -.charsheet .repitem { - margin-right: 0px; -} - -.charsheet .repcontrol_edit { - display: inline-block; - font-size: 10px; - height: 20px; - margin-right: 10px; - margin-top: 8px; - margin-bottom: 8px; - color: #FFF; - background: #444444; - border-radius: 15px; -} - -/* Checkbox Spell Arrow */ - -input[type="checkbox"].repeating_spell_toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].repeating_spell_toggle + span::before { - margin-right: 0px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #9a1e50; -} - -input[type="checkbox"].repeating_spell_toggle:checked + span::before { - content: "►"; - color: #9a1e50; -} - -input.repeating_spell_toggle:checked ~ div.repeating_spell_padding_container { - display: none; -} - -/* Checkbox Ritual Arrow */ - -input[type="checkbox"].repeating_ritual_toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].repeating_ritual_toggle + span::before { - margin-right: 0px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #7f682b; -} - -input[type="checkbox"].repeating_ritual_toggle:checked + span::before { - content: "►"; - color: #7f682b; -} - -input.repeating_ritual_toggle:checked ~ div.repeating_ritual_padding_container { - display: none; -} - -/* Checkbox Hex Arrow */ - -input[type="checkbox"].repeating_hex_toggle { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -15px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].repeating_hex_toggle + span::before { - margin-right: 0px; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 25px; - color: #748718; -} - -input[type="checkbox"].repeating_hex_toggle:checked + span::before { - content: "►"; - color: #748718; -} - -input.repeating_hex_toggle:checked ~ div.repeating_hex_padding_container { - display: none; -} - -/* Spells & Signs*/ - -span.repeating_spell_gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #9a1e50, transparent); -} - -.repeating_spell_padding_container { - padding: 5px; - display: grid; - grid-template-columns: 50% 50%; -} - -label.sheet-spell-title { - display: inline-block; - width: 490px; - margin-top: 1px; - margin-bottom: 8px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; - border-radius: 15px; - background: #444444; -} - -label.repeating_spell_type_title { - font-size: 11px; - width: 20px; - text-align: center; - display: inline-block; -} - -label.repeating_spell_defense_title { - font-size: 11px; - width: 60px; - margin-left: 5px; - margin-right: -5px; - text-align: center; - display: inline-block; -} - -label.repeating_spell_range_title { - font-size: 11px; - width: 35px; - text-align: center; - display: inline-block; -} - -label.repeating_spell_sta_title { - font-size: 11px; - width: 55px; - margin-left: 3px; - text-align: center; - display: inline-block; -} - -label.repeating_spell_damage_title { - font-size: 11px; - margin-top: -5px; - margin-left: 5px; - width: 45px; - text-align: center; - display: inline-block; -} - -label.repeating_spell_duration_title { - font-size: 11px; - margin-left: 0px; - width: 55px; - text-align: center; - display: inline-block; -} - - -input.repeating_spell_name { - width: 280px; - margin-right: 140px; - font-weight: bold; - text-align: left; - font-size: 14px; - color: #FFF; - background-color: transparent; - border: 0px solid; -} - -select.repeating_spell_type { - width: 90px; - margin-bottom: -4px; - font-size: 11px; - text-align: center; - border: 1px solid #000; - border-radius: 0px; -} - - -textarea.repeating_spell_description { - width: 480px; - height: 70px; - resize: vertical; - font-size: 11px; - margin-top: -1px; - margin-left: -2px; - margin-bottom: 0px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_spell_defense { - width: 175px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_spell_sta { - width: 48px; - text-align: center; - font-size: 12px; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_spell_range { - width: 70px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -select.repeating_spell_damage { - width: 70px; - margin-bottom: -4px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -input[type='number'].repeating_spell_stat { - width: 50px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_spell_duration { - width: 180px; - text-align: center; - margin-top: -2px; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -/* Rituals */ - -span.repeating_ritual_gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #7f682b, transparent); -} - -.repeating_ritual_padding_container { - padding: 5px; -} - -label.sheet-ritual-title { - display: inline-block; - width: 260px; - margin-top: 10px; - margin-left: -10px; - margin-bottom: 2px; - padding-left: 12px; - padding-right: 1px; - padding-top: 1px; - padding-bottom: 1px; - font-weight: 1; - font-size: 11px; - color: #FFF; - border-radius: 10px; - background: #444444; -} - -label.repeating_ritual_prep_title { - font-size: 11px; - width: 30px; - text-align: left; - display: inline-block; -} - -label.repeating_ritual_defense_title { - font-size: 11px; - width: 45px; - text-align: left; - display: inline-block; -} - -label.repeating_ritual_dc_title { - font-size: 11px; - width: 15px; - text-align: left; - display: inline-block; -} - -label.repeating_ritual_sta_title { - font-size: 11px; - width: 55px; - margin-left: 3px; - text-align: center; - display: inline-block; -} - -label.repeating_ritual_duration_title { - font-size: 11px; - margin-left: 5px; - width: 55px; - text-align: center; - display: inline-block; -} - -input.repeating_ritual_name { - width: 180px; - margin-right: 10px; - font-weight: bold; - text-align: left; - font-size: 14px; - color: #FFF; - background-color: transparent; - border: 0px solid; -} - -input.repeating_ritual_prep { - width: 80px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.repeating_ritual_description { - width: 225px; - height: 70px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-bottom: 0px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_ritual_sta { - width: 38px; - text-align: center; - font-size: 12px; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_ritual_dc { - width: 35px; - text-align: center; - font-size: 12px; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_ritual_duration { - width: 97px; - text-align: center; - font-size: 11px; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.repeating_ritual_comp { - width: 225px; - height: 70px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-bottom: 0px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -/* Hexes */ - -span.repeating_hex_gradient { - display: inline-block; - padding: 5px; - margin-left: 5px; - margin-top: 5px; - background-image: linear-gradient(to right, #748718, transparent); -} - -.repeating_hex_padding_container { - padding: 5px; -} - -label.sheet-hex-title { - display: inline-block; - width: 260px; - margin-top: 10px; - margin-left: -10px; - margin-bottom: 2px; - padding-left: 12px; - padding-right: 1px; - padding-top: 1px; - padding-bottom: 1px; - font-weight: 1; - font-size: 11px; - color: #FFF; - margin-bottom: 2px; - border-radius: 10px; - background: #444444; -} - -label.repeating_hex_danger_title { - font-size: 11px; - width: 40px; - text-align: left; - display: inline-block; -} - -label.repeating_hex_sta_title { - font-size: 11px; - width: 55px; - margin-left: 3px; - text-align: center; - display: inline-block; -} - -input.repeating_hex_name { - width: 180px; - margin-right: 10px; - font-weight: bold; - text-align: left; - font-size: 14px; - color: #FFF; - background-color: transparent; - border: 0px solid; -} - -select.repeating_hex_danger { - width: 60px; - margin-bottom: 8px; - font-size: 9px; - text-align: center; - border: 1px solid #000; - border-radius: 0px; -} - -input.repeating_hex_sta { - width: 45px; - text-align: center; - font-size: 12px; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.repeating_hex_description { - width: 225px; - height: 90px; - resize: none; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-bottom: 0px; - margin-top: -3px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -textarea.repeating_hex_lift { - width: 225px; - height: 90px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-bottom: 0px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; -} - -/* BACKGROUND */ - -input[type="checkbox"].sheet-life-events-toggle, -input[type="checkbox"].sheet-friends-toggle { - opacity: 0; - width: 16px; - height: 16px; - left: 15px; - margin-left: -50px; - position: relative; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-life-events-toggle + span::before, -input[type="checkbox"].sheet-friends-toggle + span::before { - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - content: "▼"; - width: 14px; - height: 14px; - font-size: 20px; - color: #FFF; -} - -input[type="checkbox"].sheet-life-events-toggle:checked + span::before, -input[type="checkbox"].sheet-friends-toggle:checked + span::before { - content: "►"; - color: #FFF; -} - -input.sheet-life-events-toggle:checked ~ div.sheet-events-container, -input.sheet-friends-toggle:checked ~ div.sheet-friends-container { - display: none; -} - -/* ---- */ - -.sheet-witcher-standard, -.sheet-witcher-switch:checked ~ .sheet-witcher-witch { - display: block; -} - -.sheet-witcher-witch, -.sheet-witcher-switch:checked ~ .sheet-witcher-standard { - display: none; -} - -input[type="checkbox"].sheet-witcher-switch { - opacity: 0; - width: 20px; - height: 20px; - position: relative; - bottom: 5px; - top: 2px; - left: 10px; - margin: -10px; - cursor: pointer; - z-index: 1; -} - -input[type="checkbox"].sheet-witcher-switch + span::before { - margin-right: 4px; - border: solid 1px #383838; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - border:1px solid #000; - border-radius: 0px; - background: #f6f6f6; - background: radial-gradient(#f6f6f6, #dfdfdf); -} - -input[type="checkbox"].sheet-witcher-switch + span::before { - content: ""; - color: #262626; - width: 16px; - height: 16px; - line-height: 1; - font-size: 18px; - border-radius: 3px; -} - -input[type="checkbox"].sheet-witcher-switch:checked + span::before { - content: "✓"; -} - - -/* Background sections */ - -span.sheet-background-span { - display: inline-block; - width: 480px; - margin-bottom: 5px; - padding-right: 26px; - background: #444444; - height: 26px; - color: #FFF; - border-radius: 20px; -} - -span.sheet-background2-span { - display: inline-block; - width: 405px; - margin-bottom: 5px; - padding-right: 100px; - background: #444444; - height: 26px; - color: #FFF; - border-radius: 20px; -} - -label.sheet-style-title { - display: block; - width: 238px; - padding: 2px; - margin-top: 6px; - margin-left: 5px; - margin-bottom: -8px; - font-weight: 1; - font-size: 12px; - text-align: center; - color: #FFF; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; -} - -label.sheet-toggle-witcher { - display: inline-block; - margin-left: -165px; - font-size: 11px; - text-align: right; - color: #FFF; - font-weight: 1; - width: 120px; - z-index: 1; -} - -label.sheet-style2-title { - display: block; - width: 498px; - padding: 2px; - margin-top: 5px; - margin-left: 5px; - margin-bottom: -8px; - font-weight: 1; - font-size: 12px; - text-align: center; - color: #FFF; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; -} - -label.sheet-style-title, -label.sheet-style2-title { - background: #5e0000; -} - -textarea.sheet-style-text { - width: 220px; - height: 60px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-left: 5px; - margin-top: 8px; - margin-bottom: 0px; - text-align: left; - border: 1px solid #000; - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - background-color: #eaeaea; -} - -textarea.sheet-style2-text { - width: 480px; - height: 60px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-left: 5px; - margin-top: 8px; - margin-bottom: 5px; - text-align: left; - border: 1px solid #000; - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - background-color: #eaeaea; -} - -label.sheet-style-element { - display: inline-block; - width: 400px; - margin-bottom: 8px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; -} - -label.sheet-style2-element { - display: inline-block; - width: 300px; - margin-bottom: 8px; - padding-left: 12px; - padding-right: 4px; - padding-top: 4px; - padding-bottom: 4px; - font-weight: 1; - font-size: 12px; - color: #FFF; - margin-bottom: 2px; -} - -select.repeating_relationship_type { - display: inline-block; - -webkit-appearance: none; - -webkit-border-radius: 0px; - text-align: center; - width: 70px; - margin-left: 5px; - margin-top: 1px; - margin-bottom: 2px; - padding-left: 10px; - font-weight: 1; - font-size: 12px; - color: #FFF; - border-top: 1px solid transparent; - background-color: transparent; - border-radius: 0px; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; - background-color: #5e0000; -} - -input.repeating_decade { - display: inline-block; - text-align: center; - width: 70px; - height: 62px; - margin-top: -45px; - margin-left: 5px; - margin-right: -5px; - margin-bottom: 0px; - font-weight: 1; - font-size: 15px; - color: #FFF; - border: 1px solid #000; - background-color: transparent; - text-transform: uppercase; - border-radius: 0px; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; - background-color: #5e0000; -} - -input.repeating_relationship_desc { - text-align: center; - font-size: 11px; - width: 428px; - height: 27px; - margin-top: -2px; - margin-left: -5px; - margin-bottom: 0px; - background-color: transparent; - border: 1px solid #000; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - background-color: #eaeaea; -} - -textarea.repeating_event_desc { - width: 405px; - height: 50px; - resize: none; - font-size: 11px; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - margin-top: 10px; - margin-bottom: -5px; - background-color: transparent; - border: 1px solid #000; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - background-color: #eaeaea; -} - -.sheet-reputation-container { - padding-top: 20px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 20px; - background: #444444; - width: 235px; - margin-top: 10px; - border-radius: 15px; -} - -label.sheet-reputation-maintitle { - font-size: 20px; - font-weight: 1; - color: #FFF; - text-align: center; - line-height: 1.3; - width: 230px; -} - -label.sheet-reputation-label { - display: inline-block; - font-size: 13px; - font-weight: 1; - width: 130px; - color: #FFF; - text-align: right; -} - -input[type='number'].sheet-reputation-level { - font-size: 14px; - color: #FFF; - margin-right: 5px; - display: inline-block; - width: 45px; - border: 1px solid #000; - border-radius: 0px; - background-color: #727272; -} - -textarea.sheet-rep-text { - width: 215px; - height: 65px; - resize: vertical; - color: #FFF; - padding: 5px; - font-size: 11px; - margin-left: 5px; - margin-top: 8px; - margin-bottom: -5px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; - background-color: #727272; -} - -.sheet-wounds-container { - padding-top: 20px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 20px; - background: #5e0000; - width: 235px; - margin-top: 20px; - border-radius: 15px; -} - -label.sheet-wounds-maintitle { - font-size: 20px; - font-weight: 1; - color: #FFF; - text-align: center; - margin-bottom: -5px; - line-height: 1.3; - width: 230px; -} - -label.sheet-wounds-header { - display: inline-block; - height: 5px; - width: 105px; - margin-left: 4px; - text-align: right; - color: #FFF; - font-size: 11px; -} - -label.sheet-st-header { - display: inline-block; - height: 5px; - width: 47px; - text-align: right; - color: #FFF; - font-size: 11px; -} - -label.sheet-days-header { - display: inline-block; - height: 5px; - width: 45px; - text-align: right; - color: #FFF; - font-size: 11px; -} - -input.sheet-wounds-element { - font-size: 12px; - color: #FFF; - margin-left: 5px; - display: inline-block; - width: 125px; - margin-top: 4px; - border: 1px solid #000; - border-radius: 0px; - background-color: #727272; -} - -input.sheet-subtreat-element { - font-size: 12px; - font-weight: bold; - color: #FFF; - margin-left: 5px; - display: inline-block; - width: 40px; - margin-top: 4px; - border: 1px solid #000; - border-radius: 0px; - background-color: #727272; -} - -.sheet-campaign-container { - padding-top: 20px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 20px; - background: #606060; - width: 235px; - margin-top: 10px; - border-radius: 15px; -} - -label.sheet-campaign-maintitle { - font-size: 20px; - font-weight: 1; - color: #FFF; - text-align: center; - margin-bottom: -5px; - line-height: 1.3; - width: 230px; -} - -textarea.sheet-campaign-text { - width: 205px; - height: 250px; - resize: vertical; - padding-right: 10px; - padding-left: 10px; - padding-top: 5px; - padding-bottom: 5px; - font-size: 11px; - margin-left: 5px; - margin-bottom: -5px; - text-align: left; - border: 1px solid #000; - border-radius: 0px; - background-color: #afafaf; -} - -/* ROLL BUTTONS */ - -/* stats */ - -.charsheet button[type=roll].sheet-stat-roll::before { - font-family: "dicefontd10"; - content: "0"; - font-size: 16px; -} - -button[type=roll].sheet-stat-roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - width:18px; - height:18px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-stat-roll:hover { - color: #5e0000; - border-color: #5e0000; - border: 1px solid; -} - -button[type=roll].sheet-stat-roll:active { - color: #bc0000; - border-color: #bc0000; - border: 1px solid; -} - -.charsheet button[type=roll].sheet-stat-roll2::before { - font-family: "dicefontd10"; - content: "0"; - font-size: 16px; -} - -button[type=roll].sheet-stat-roll2 { - color: #000; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - width:18px; - height:18px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-stat-roll2:hover { - color: #5e0000; - border-color: #5e0000; - border: 1px solid; -} - -button[type=roll].sheet-stat-roll2:active { - color: #bc0000; - border-color: #bc0000; - border: 1px solid; -} - -/* save */ - -.charsheet button[type=roll].sheet-save-roll::before { - font-family: "pictos"; - content: "Y"; - font-size: 25px; -} - -button[type=roll].sheet-save-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; -} - -button[type=roll].sheet-save-roll:hover { - color: #6d1a02; - border-color: #6d1a02; - border: 1px solid; -} - -button[type=roll].sheet-save-roll:active { - color: #ff3700; - border-color: #ff3700; - border: 1px solid; -} - -/* Initiative */ - -.charsheet button[type=roll].sheet-initiative-roll::before { - font-family: "pictos"; - content: "e"; - font-size: 25px; -} - -button[type=roll].sheet-initiative-roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - padding-top: 4px; - margin-top: 0px; - width: 30px; - height: 30px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-initiative-roll:hover { - color: #026d52; - border-color: #026d52; - border: 1px solid; -} - -button[type=roll].sheet-initiative-roll:active { - color: #02ffbf; - border-color: #02ffbf; - border: 1px solid; -} - -/* Critical */ - -.charsheet button[type=roll].sheet-critical-roll::before { - font-family: "pictos custom"; - content: "t"; - font-size: 23px; -} - -button[type=roll].sheet-critical-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; -} - -button[type=roll].sheet-critical-roll:hover { - color: #968754; - border-color: #968754; - border: 1px solid; -} - -button[type=roll].sheet-critical-roll:active { - color: #ffe387; - border-color: #ffe387; - border: 1px solid; -} - -/* Target Location */ - -.charsheet button[type=roll].sheet-target-roll::before { - font-family: "pictos custom"; - content: "["; - font-size: 24px; -} - -button[type=roll].sheet-target-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; -} - -button[type=roll].sheet-target-roll:hover { - color: #546696; - border-color: #546696; - border: 1px solid; -} - -button[type=roll].sheet-target-roll:active { - color: #8eacff; - border-color: #8eacff; - border: 1px solid; -} - -.charsheet button[type=roll].sheet-severity-roll::before { - font-family: "pictos custom"; - content: "["; - font-size: 24px; -} - -button[type=roll].sheet-severity-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; -} - -button[type=roll].sheet-severity-roll:hover { - color: #546696; - border-color: #546696; - border: 1px solid; -} - -button[type=roll].sheet-severity-roll:active { - color: #8eacff; - border-color: #8eacff; - border: 1px solid; -} - - -/* Profession Skill Button */ - -.charsheet button[type=roll].sheet-prof-skill-roll::before { - font-family: "Helvetica"; - content: "ROLL SKILL"; - font-size: 9px; - display: block; -} - -button[type=roll].sheet-prof-skill-roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - padding-bottom: 5px; - width: 60px; - height: 14px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-prof-skill-roll:hover { - color: #828282; - border-color: #828282; - border: 1px solid; -} - -button[type=roll].sheet-prof-skill-roll:active { - color: #afafaf; - border-color: #afafaf; - border: 1px solid; -} - -/* Weapon Button */ - -.charsheet button[type=roll].sheet-weapon-damage-roll::before { - content: ""; - font-weight: bold; -} - -button[type=roll].sheet-weapon-damage-roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - width: 25px; - height: 25px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-weapon-damage-roll:hover { - color: #750000; - border-color: #750000; - border: 1px solid; -} - -button[type=roll].sheet-weapon-damage-roll:active { - color: #cc0000; - border-color: #cc0000; - border: 1px solid; -} - -/* Spell Roll */ - -.charsheet button[type=roll].repeating_spell_damage_roll::before { - font-family: "pictos custom"; - content: "r"; - font-size: 18px; -} - -button[type=roll].repeating_spell_damage_roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - width:20px; - height:20px; - padding-top: 4px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].repeating_spell_damage_roll:hover { - color: #9a1e50; - border-color: #9a1e50; - border: 1px solid; -} - -button[type=roll].repeating_spell_damage_roll:active { - color: #ff0c6e; - border-color: #ff0c6e; - border: 1px solid; -} - -/* Ritual Roll */ - -.charsheet button[type=roll].repeating_ritual_damage_roll::before { - font-family: "pictos custom"; - content: "t"; - font-size: 18px; -} - -button[type=roll].repeating_ritual_damage_roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - width: 20px; - height: 20px; - padding-top: 4px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].repeating_ritual_damage_roll:hover { - color: #7f682b; - border-color: #7f682b; - border: 1px solid; -} - -button[type=roll].repeating_ritual_damage_roll:active { - color: #ffce49; - border-color: #ffce49; - border: 1px solid; -} - -/* Hex Roll */ - -.charsheet button[type=roll].repeating_hex_damage_roll::before { - font-family: "pictos three"; - content: "i"; - font-size: 18px; -} - -button[type=roll].repeating_hex_damage_roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - width: 20px; - height: 20px; - padding-top: 3px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].repeating_hex_damage_roll:hover { - color: #748718; - border-color: #748718; - border: 1px solid; -} - -button[type=roll].repeating_hex_damage_roll:active { - color: #dafc2f; - border-color: #dafc2f; - border: 1px solid; -} - -/* Reputation Roll */ - -.charsheet button[type=roll].sheet-rep-roll::before { - font-family: "Pictos"; - content: "i"; - font-size: 18px; -} - -button[type=roll].sheet-rep-roll { - color: #000; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - width:20px; - height:20px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].sheet-rep-roll:hover { - color: #2a72a3; - border-color: #2a72a3; - border: 1px solid; -} - -button[type=roll].sheet-rep-roll:active { - color: #42b2ff; - border-color: #42b2ff; - border: 1px solid; -} - -/* NPC Skill */ - -.charsheet button[type=roll].repeating_npc_skill_roll::before { - font-family: "dicefontd10"; - content: "0"; - font-size: 17px; -} - -button[type=roll].repeating_npc_skill_roll { - color: #000; - display: inline-block; - background-color: #e8e8e8; - text-align: center; - font-weight: bold; - margin-top: 5px; - width:18px; - height:18px; - border-radius: 100px; - border-color: #000; - border: 1px solid; -} - -button[type=roll].repeating_npc_skill_roll:hover { - color: #878787; - border-color: #878787; - border: 1px solid; -} - -button[type=roll].repeating_npc_skill_roll:active { - color: #d6d6d6; - border-color: #d6d6d6; - border: 1px solid; -} - -/* ROLL TEMPLATES */ -.sheet-rolltemplate-npcweapon table, -.sheet-rolltemplate-power table, -.sheet-rolltemplate-reputation table, -.sheet-rolltemplate-hex table, -.sheet-rolltemplate-ritual table, -.sheet-rolltemplate-skillmenu table, +/* Roll templates */ + +/* Styling for light mode */ +.sheet-rolltemplate-statistics2, +.sheet-rolltemplate-initiative, +.sheet-rolltemplate-save, +.sheet-rolltemplate-rangedtn, +.sheet-rolltemplate-target, +.sheet-rolltemplate-weapon, +.sheet-rolltemplate-quickstatus, +.sheet-rolltemplate-headseverity, +.sheet-rolltemplate-torsoseverity, +.sheet-rolltemplate-armseverity, +.sheet-rolltemplate-legseverity, +.sheet-rolltemplate-physicalmenu, +.sheet-rolltemplate-mentalmenu, +.sheet-rolltemplate-socialmenu, +.sheet-rolltemplate-skillmenu, +.sheet-rolltemplate-magicmenu, +.sheet-rolltemplate-power { + --hnh-sheet-background-color: white; + --hnh-sheet-background-image: none; + --hnh-section-background: #dadada; + --hnh-text: black; + --hnh-input-text: var(--hnh-text); + --hnh-text-muted: gray; + --hnh-border: var(--hnh-text); + --hnh-control-background: var(--hnh-sheet-background-color); + --hnh-control-background-disabled: none; + --hnh-th-background: #333333; + --hnh-th-text: var(--hnh-control-background); + --hnh-button-background: none; + --hnh-text-selected: var(--hnh-input-text); + --hnh-border-selected: var(--hnh-border); + --hnh-selected-background: var(--hnh-section-background); + + /* Roll templates only */ + --hnh-th-subtitle-background: #606060; +} + +/* Styling for dark mode */ +.sheet-rolltemplate-darkmode.sheet-rolltemplate-statistics2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-save, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-rangedtn, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-target, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-weapon, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-quickstatus, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-headseverity, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-torsoseverity, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-armseverity, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-legseverity, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-physicalmenu, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-mentalmenu, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-socialmenu, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-skillmenu, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-magicmenu, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-power { + --hnh-sheet-background-color: #111111; + --hnh-sheet-background-image: none; + --hnh-section-background: #222222; + --hnh-text: #b3b3b3; + --hnh-input-text: #d9d9d9; + --hnh-text-selected: #f2f2f2; + --hnh-text-muted: silver; + --hnh-th-background: #999999; + --hnh-border-selected: #f2f2f2; + --hnh-selected-background: #333333; + --hnh-control-background: var(--hnh-sheet-background-color); + + /* Roll templates only */ + --hnh-th-subtitle-background: #808080; +} + +/* Tables in rolls */ +.sheet-rolltemplate-statistics2, +.sheet-rolltemplate-initiative, +.sheet-rolltemplate-save, +.sheet-rolltemplate-rangedtn, +.sheet-rolltemplate-target, +.sheet-rolltemplate-weapon, +.sheet-rolltemplate-quickstatus, +.sheet-rolltemplate-headseverity, +.sheet-rolltemplate-torsoseverity, +.sheet-rolltemplate-armseverity, +.sheet-rolltemplate-legseverity, +.sheet-rolltemplate-physicalmenu, +.sheet-rolltemplate-mentalmenu, +.sheet-rolltemplate-socialmenu, +.sheet-rolltemplate-skillmenu, +.sheet-rolltemplate-magicmenu, +.sheet-rolltemplate-power { + background-image: var(--hnh-sheet-background-image); + background-color: var(--hnh-sheet-background-color); + color: var(--hnh-text); +} + +.sheet-rolltemplate-statistics2 table, +.sheet-rolltemplate-initiative table, +.sheet-rolltemplate-save table, +.sheet-rolltemplate-rangedtn table, +.sheet-rolltemplate-target table, +.sheet-rolltemplate-weapon table, +.sheet-rolltemplate-quickstatus table, +.sheet-rolltemplate-headseverity table, +.sheet-rolltemplate-torsoseverity table, +.sheet-rolltemplate-armseverity table, +.sheet-rolltemplate-legseverity table, .sheet-rolltemplate-physicalmenu table, .sheet-rolltemplate-mentalmenu table, .sheet-rolltemplate-socialmenu table, -.sheet-rolltemplate-woundingmenu table, -.sheet-rolltemplate-miscmenu table, +.sheet-rolltemplate-skillmenu table, .sheet-rolltemplate-magicmenu table, -.sheet-rolltemplate-spell table, -.sheet-rolltemplate-punchkick table, -.sheet-rolltemplate-weapon table, -.sheet-rolltemplate-redskill table, -.sheet-rolltemplate-greenskill table, -.sheet-rolltemplate-blueskill table, -.sheet-rolltemplate-mainskill table, +.sheet-rolltemplate-power table { + border: 2px solid var(--hnh-border); +} + .sheet-rolltemplate-statistics2 table, -.sheet-rolltemplate-statistics table, -.sheet-rolltemplate-target table, -.sheet-rolltemplate-headseverity table, -.sheet-rolltemplate-armseverity table, -.sheet-rolltemplate-legseverity table, -.sheet-rolltemplate-torsoseverity table, -.sheet-rolltemplate-crit table, +.sheet-rolltemplate-initiative table, .sheet-rolltemplate-save table, .sheet-rolltemplate-rangedtn table, -.sheet-rolltemplate-spelldice table, -.sheet-rolltemplate-initiative table { - width: 95%; - border: 1px solid; - color: black; - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, sans-serif; -} - -.sheet-rolltemplate-npcweapon th, -.sheet-rolltemplate-power th, -.sheet-rolltemplate-reputation th, -.sheet-rolltemplate-hex th, -.sheet-rolltemplate-ritual th, -.sheet-rolltemplate-skillmenu th, -.sheet-rolltemplate-physicalmenu th, -.sheet-rolltemplate-mentalmenu th, -.sheet-rolltemplate-socialmenu th, -.sheet-rolltemplate-woundingmenu th, -.sheet-rolltemplate-spell th, -.sheet-rolltemplate-quickstatus th, -.sheet-rolltemplate-punchkick th, -.sheet-rolltemplate-weapon th, -.sheet-rolltemplate-redskill th, -.sheet-rolltemplate-greenskill th, -.sheet-rolltemplate-blueskill th, -.sheet-rolltemplate-mainskill th, -.sheet-rolltemplate-statistics2 th, -.sheet-rolltemplate-statistics th, -.sheet-rolltemplate-target th, -.sheet-rolltemplate-legseverity th, -.sheet-rolltemplate-headseverity th, -.sheet-rolltemplate-armseverity th, -.sheet-rolltemplate-torsoseverity th, -.sheet-rolltemplate-crit th, -.sheet-rolltemplate-save th, -.sheet-rolltemplate-rangedtn th, -.sheet-rolltemplate-spelldice th, -.sheet-rolltemplate-initiative th { - color: #ffffff; - padding: 2px; - text-align: center; - border-bottom: 1px solid black; - line-height: 1.6em; - font-size: 1.4em; -} - -.sheet-rolltemplate-npcweapon .userscript-template-title, -.sheet-rolltemplate-power .userscript-template-title, -.sheet-rolltemplate-reputation .userscript-template-title, -.sheet-rolltemplate-hex .userscript-template-title, -.sheet-rolltemplate-ritual .userscript-template-title, -.sheet-rolltemplate-skillmenu .userscript-template-title, -.sheet-rolltemplate-physicalmenu .userscript-template-title, -.sheet-rolltemplate-socialmenu .userscript-template-title, -.sheet-rolltemplate-mentalmenu .userscript-template-title, -.sheet-rolltemplate-woundingmenu .userscript-template-title, -.sheet-rolltemplate-miscmenu .userscript-template-title, -.sheet-rolltemplate-magicmenu .userscript-template-title, -.sheet-rolltemplate-spell .userscript-template-title, -.sheet-rolltemplate-quickstatus .userscript-template-title, -.sheet-rolltemplate-punchkick .userscript-template-title, -.sheet-rolltemplate-weapon .userscript-template-title, -.sheet-rolltemplate-redskill .userscript-template-title, -.sheet-rolltemplate-greenskill .userscript-template-title, -.sheet-rolltemplate-blueskill .userscript-template-title, -.sheet-rolltemplate-mainskill .userscript-template-title, -.sheet-rolltemplate-statistics2 .userscript-template-title, -.sheet-rolltemplate-statistics .userscript-template-title, -.sheet-rolltemplate-target .userscript-template-title, -.sheet-rolltemplate-headseverity .userscript-template-title, -.sheet-rolltemplate-legseverity .userscript-template-title, -.sheet-rolltemplate-armseverity .userscript-template-title, -.sheet-rolltemplate-torsoseverity .userscript-template-title, -.sheet-rolltemplate-crit .userscript-template-title, -.sheet-rolltemplate-save .userscript-template-title, -.sheet-rolltemplate-rangedtn .userscript-template-title, -.sheet-rolltemplate-spelldice .userscript-template-title, -.sheet-rolltemplate-initiative .userscript-template-title { - font-weight: bold; -} - -.sheet-rolltemplate-npcweapon td, -.sheet-rolltemplate-power td, -.sheet-rolltemplate-reputation td, -.sheet-rolltemplate-hex td, -.sheet-rolltemplate-ritual td, -.sheet-rolltemplate-skillmenu td, -.sheet-rolltemplate-physicalmenu td, -.sheet-rolltemplate-mentalmenu td, -.sheet-rolltemplate-socialmenu td, -.sheet-rolltemplate-woundingmenu td, -.sheet-rolltemplate-miscmenu td, -.sheet-rolltemplate-magicmenu td, -.sheet-rolltemplate-spell td, -.sheet-rolltemplate-quickstatus td, -.sheet-rolltemplate-punchkick td, -.sheet-rolltemplate-weapon td, -.sheet-rolltemplate-redskill td, -.sheet-rolltemplate-greenskill td, -.sheet-rolltemplate-blueskill td, -.sheet-rolltemplate-mainskill td, +.sheet-rolltemplate-target table, +.sheet-rolltemplate-weapon table, +.sheet-rolltemplate-quickstatus table, +.sheet-rolltemplate-headseverity table, +.sheet-rolltemplate-torsoseverity table, +.sheet-rolltemplate-armseverity table, +.sheet-rolltemplate-legseverity table, +.sheet-rolltemplate-physicalmenu table, +.sheet-rolltemplate-mentalmenu table, +.sheet-rolltemplate-socialmenu table, +.sheet-rolltemplate-skillmenu table, +.sheet-rolltemplate-magicmenu table, +.sheet-rolltemplate-power table, .sheet-rolltemplate-statistics2 td, -.sheet-rolltemplate-statistics td, -.sheet-rolltemplate-target td, -.sheet-rolltemplate-crit td, +.sheet-rolltemplate-initiative td, .sheet-rolltemplate-save td, .sheet-rolltemplate-rangedtn td, -.sheet-rolltemplate-spelldice td, +.sheet-rolltemplate-target td, +.sheet-rolltemplate-weapon td, +.sheet-rolltemplate-quickstatus td, .sheet-rolltemplate-headseverity td, .sheet-rolltemplate-torsoseverity td, .sheet-rolltemplate-armseverity td, .sheet-rolltemplate-legseverity td, -.sheet-rolltemplate-initiative td { - padding: 8px; - border-bottom: 1px solid black; +.sheet-rolltemplate-physicalmenu td, +.sheet-rolltemplate-mentalmenu td, +.sheet-rolltemplate-socialmenu td, +.sheet-rolltemplate-skillmenu td, +.sheet-rolltemplate-magicmenu td, +.sheet-rolltemplate-power td { + color: var(--hnh-text); } -.sheet-rolltemplate-npcweapon .inlinerollresult, -.sheet-rolltemplate-power .inlinerollresult, -.sheet-rolltemplate-reputation .inlinerollresult, -.sheet-rolltemplate-hex .inlinerollresult, -.sheet-rolltemplate-ritual .inlinerollresult, -.sheet-rolltemplate-skillmenu .inlinerollresult, -.sheet-rolltemplate-physicalmenu .inlinerollresult, -.sheet-rolltemplate-mentalmenu .inlinerollresult, -.sheet-rolltemplate-socialmenu .inlinerollresult, -.sheet-rolltemplate-woundingmenu .inlinerollresult, -.sheet-rolltemplate-miscmenu .inlinerollresult, -.sheet-rolltemplate-magicmenu .inlinerollresult, -.sheet-rolltemplate-spell .inlinerollresult, -.sheet-rolltemplate-quickstatus .inlinerollresult, -.sheet-rolltemplate-punchkick .inlinerollresult, -.sheet-rolltemplate-weapon .inlinerollresult, -.sheet-rolltemplate-redskill .inlinerollresult, -.sheet-rolltemplate-greenskill .inlinerollresult, -.sheet-rolltemplate-blueskill .inlinerollresult, -.sheet-rolltemplate-mainskill .inlinerollresult, -.sheet-rolltemplate-statistics2 .inlinerollresult, -.sheet-rolltemplate-statistics .inlinerollresult, -.sheet-rolltemplate-target .inlinerollresult, -.sheet-rolltemplate-headseverity .inlinerollresult, -.sheet-rolltemplate-torsoseverity .inlinerollresult, -.sheet-rolltemplate-legseverity .inlinerollresult, -.sheet-rolltemplate-armseverity .inlinerollresult, -.sheet-rolltemplate-crit .inlinerollresult, -.sheet-rolltemplate-save .inlinerollresult, -.sheet-rolltemplate-rangedtn .inlinerollresult, -.sheet-rolltemplate-spelldice .inlinerollresult, -.sheet-rolltemplate-initiative .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - font-size: 1.2em; - padding: 2px; - border: 2px solid #000; +.sheet-rolltemplate-statistics2 table, +.sheet-rolltemplate-initiative table, +.sheet-rolltemplate-save table, +.sheet-rolltemplate-rangedtn table, +.sheet-rolltemplate-target table, +.sheet-rolltemplate-weapon table, +.sheet-rolltemplate-quickstatus table, +.sheet-rolltemplate-headseverity table, +.sheet-rolltemplate-torsoseverity table, +.sheet-rolltemplate-armseverity table, +.sheet-rolltemplate-legseverity table, +.sheet-rolltemplate-physicalmenu table, +.sheet-rolltemplate-mentalmenu table, +.sheet-rolltemplate-socialmenu table, +.sheet-rolltemplate-skillmenu table, +.sheet-rolltemplate-magicmenu table, +.sheet-rolltemplate-power table { + width: 100%; + background-color: var(--hnh-section-background); + margin-bottom: 10px; } -/* Initiative */ - -.sheet-rolltemplate-initiative th { - background-color: #026d52; -} - -.sheet-rolltemplate-initiative tr:nth-child(odd) { - background-color: #b1d8d0; -} - -.sheet-rolltemplate-initiative tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Save */ - -.sheet-rolltemplate-save th { - background-color: #5e0000; -} - -.sheet-rolltemplate-save tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-save tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-rangedtn th { - background-color: #5e0000; -} - -.sheet-rolltemplate-rangedtn tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-rangedtn tr:nth-child(even) { - background-color: #e0e0e0; -} - - -.sheet-rolltemplate-spelldice th { - background-color: #5e0000; -} - -.sheet-rolltemplate-spelldice tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-spelldice tr:nth-child(even) { - background-color: #e0e0e0; +.sheet-rolltemplate-statistics2 tr, +.sheet-rolltemplate-initiative tr, +.sheet-rolltemplate-save tr, +.sheet-rolltemplate-rangedtn tr, +.sheet-rolltemplate-target tr, +.sheet-rolltemplate-weapon tr, +.sheet-rolltemplate-quickstatus tr, +.sheet-rolltemplate-headseverity tr, +.sheet-rolltemplate-torsoseverity tr, +.sheet-rolltemplate-armseverity tr, +.sheet-rolltemplate-legseverity tr, +.sheet-rolltemplate-physicalmenu tr, +.sheet-rolltemplate-mentalmenu tr, +.sheet-rolltemplate-socialmenu tr, +.sheet-rolltemplate-skillmenu tr, +.sheet-rolltemplate-magicmenu tr, +.sheet-rolltemplate-power tr { + line-height: 18px; + height: 28px; + padding: 2px 4px; } +.sheet-rolltemplate-statistics2 th, +.sheet-rolltemplate-initiative th, +.sheet-rolltemplate-save th, +.sheet-rolltemplate-rangedtn th, +.sheet-rolltemplate-target th, +.sheet-rolltemplate-weapon th, +.sheet-rolltemplate-quickstatus th, +.sheet-rolltemplate-headseverity th, +.sheet-rolltemplate-torsoseverity th, +.sheet-rolltemplate-armseverity th, +.sheet-rolltemplate-legseverity th, +.sheet-rolltemplate-physicalmenu th, +.sheet-rolltemplate-mentalmenu th, +.sheet-rolltemplate-socialmenu th, +.sheet-rolltemplate-skillmenu th, +.sheet-rolltemplate-magicmenu th, .sheet-rolltemplate-power th { - background-color: #5e0000; + background-color: var(--hnh-th-background); + color: var(--hnh-th-text); + text-transform: uppercase; + text-align: left; + font-size: 11px; + padding-left: 5px; + padding-right: 5px; } +.sheet-rolltemplate-statistics2 th, +.sheet-rolltemplate-initiative th, +.sheet-rolltemplate-save th, +.sheet-rolltemplate-rangedtn th, +.sheet-rolltemplate-target th, +.sheet-rolltemplate-weapon th, +.sheet-rolltemplate-quickstatus th, +.sheet-rolltemplate-headseverity th, +.sheet-rolltemplate-torsoseverity th, +.sheet-rolltemplate-armseverity th, +.sheet-rolltemplate-legseverity th, +.sheet-rolltemplate-physicalmenu th, +.sheet-rolltemplate-mentalmenu th, +.sheet-rolltemplate-socialmenu th, +.sheet-rolltemplate-skillmenu th, +.sheet-rolltemplate-magicmenu th, +.sheet-rolltemplate-power th, +.sheet-rolltemplate-statistics2 h2, +.sheet-rolltemplate-initiative h2, +.sheet-rolltemplate-save h2, +.sheet-rolltemplate-rangedtn h2, +.sheet-rolltemplate-target h2, +.sheet-rolltemplate-weapon h2, +.sheet-rolltemplate-quickstatus h2, +.sheet-rolltemplate-headseverity h2, +.sheet-rolltemplate-torsoseverity h2, +.sheet-rolltemplate-armseverity h2, +.sheet-rolltemplate-legseverity h2, +.sheet-rolltemplate-physicalmenu h2, +.sheet-rolltemplate-mentalmenu h2, +.sheet-rolltemplate-socialmenu h2, +.sheet-rolltemplate-skillmenu h2, +.sheet-rolltemplate-magicmenu h2, +.sheet-rolltemplate-power h2 { + /* Roll20 have used "important" in some of their dark mode styling, so we have to do the same to override it */ + color: var(--hnh-th-text) !important; + text-align: center; + font-size: 18px; +} + +.sheet-rolltemplate-statistics2 td, +.sheet-rolltemplate-initiative td, +.sheet-rolltemplate-save td, +.sheet-rolltemplate-rangedtn td, +.sheet-rolltemplate-target td, +.sheet-rolltemplate-weapon td, +.sheet-rolltemplate-quickstatus td, +.sheet-rolltemplate-headseverity td, +.sheet-rolltemplate-torsoseverity td, +.sheet-rolltemplate-armseverity td, +.sheet-rolltemplate-legseverity td, +.sheet-rolltemplate-physicalmenu td, +.sheet-rolltemplate-mentalmenu td, +.sheet-rolltemplate-socialmenu td, +.sheet-rolltemplate-skillmenu td, +.sheet-rolltemplate-magicmenu td, +.sheet-rolltemplate-power td { + padding: 8px; +} + +.sheet-rolltemplate-statistics2 tr:nth-child(odd), +.sheet-rolltemplate-initiative tr:nth-child(odd), +.sheet-rolltemplate-save tr:nth-child(odd), +.sheet-rolltemplate-rangedtn tr:nth-child(odd), +.sheet-rolltemplate-target tr:nth-child(odd), +.sheet-rolltemplate-weapon tr:nth-child(odd), +.sheet-rolltemplate-quickstatus tr:nth-child(odd), +.sheet-rolltemplate-headseverity tr:nth-child(odd), +.sheet-rolltemplate-torsoseverity tr:nth-child(odd), +.sheet-rolltemplate-armseverity tr:nth-child(odd), +.sheet-rolltemplate-legseverity tr:nth-child(odd), +.sheet-rolltemplate-physicalmenu tr:nth-child(odd), +.sheet-rolltemplate-mentalmenu tr:nth-child(odd), +.sheet-rolltemplate-socialmenu tr:nth-child(odd), +.sheet-rolltemplate-skillmenu tr:nth-child(odd), +.sheet-rolltemplate-magicmenu tr:nth-child(odd), .sheet-rolltemplate-power tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-power tr:nth-child(even) { - background-color: #e0e0e0; -} - - -/* Crit/Fumble */ - -.sheet-rolltemplate-crit th { - background-color: #968754; -} - -.sheet-rolltemplate-crit tr:nth-child(odd) { - background-color: #d8d0b1; -} - -.sheet-rolltemplate-crit tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Target */ - -.sheet-rolltemplate-target th { - background-color: #546696; -} - -.sheet-rolltemplate-target tr:nth-child(odd) { - background-color: #b1b4d8; -} - -.sheet-rolltemplate-target tr:nth-child(even) { - background-color: #e0e0e0; -} - -/*Severity */ - - -.sheet-rolltemplate-headseverity th { - background-color: #546696; -} - -.sheet-rolltemplate-headseverity tr:nth-child(odd) { - background-color: #b1b4d8; -} - -.sheet-rolltemplate-headseverity tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-torsoseverity th { - background-color: #546696; -} - -.sheet-rolltemplate-torsoseverity tr:nth-child(odd) { - background-color: #b1b4d8; -} - -.sheet-rolltemplate-torsoseverity tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-legseverity th { - background-color: #546696; -} - -.sheet-rolltemplate-legseverity tr:nth-child(odd) { - background-color: #b1b4d8; -} - -.sheet-rolltemplate-legseverity tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-armseverity th { - background-color: #546696; -} - -.sheet-rolltemplate-armseverity tr:nth-child(odd) { - background-color: #b1b4d8; -} - -.sheet-rolltemplate-armseverity tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Statistics */ - -.sheet-rolltemplate-statistics th { - background-color: #5e0000; -} - -.sheet-rolltemplate-statistics tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-statistics tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Statistics2 */ - -.sheet-rolltemplate-statistics2 th { - background-color: #595959; -} - -.sheet-rolltemplate-statistics2 tr:nth-child(odd) { - background-color: #b7b7b7; -} - -.sheet-rolltemplate-statistics2 tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Prof skills */ - -.sheet-rolltemplate-mainskill th { - background-color: #000; -} - -.sheet-rolltemplate-mainskill tr:nth-child(odd) { - background-color: #c1c1c1; -} - -.sheet-rolltemplate-mainskill tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Blue */ - -.sheet-rolltemplate-blueskill th { - background-color: #040038; -} - -.sheet-rolltemplate-blueskill tr:nth-child(odd) { - background-color: #b1b2d8; -} - -.sheet-rolltemplate-blueskill tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Green */ - -.sheet-rolltemplate-greenskill th { - background-color: #123800; -} - -.sheet-rolltemplate-greenskill tr:nth-child(odd) { - background-color: #b3d8b1; -} - -.sheet-rolltemplate-greenskill tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Red */ - -.sheet-rolltemplate-redskill th { - background-color: #380000; -} - -.sheet-rolltemplate-redskill tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-redskill tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Weapons */ - -.sheet-rolltemplate-npcweapon th, -.sheet-rolltemplate-punchkick th, -.sheet-rolltemplate-weapon th { - background-color: #5e0000; -} - -.sheet-rolltemplate-npcweapon tr:nth-child(odd), -.sheet-rolltemplate-punchkick tr:nth-child(odd), -.sheet-rolltemplate-weapon tr:nth-child(odd) { - background-color: #d8b1b1; -} - -.sheet-rolltemplate-npcweapon tr:nth-child(even), -.sheet-rolltemplate-punchkick tr:nth-child(even), -.sheet-rolltemplate-weapon tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Spell */ - -.sheet-rolltemplate-spell th { - background-color: #9a1e50; -} - -.sheet-rolltemplate-spell tr:nth-child(odd) { - background-color: #d8b1bb; -} - -.sheet-rolltemplate-spell tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-quickstatus th { - background-color: #9a1e50; -} - -.sheet-rolltemplate-quickstatus tr:nth-child(odd) { - background-color: #d8b1bb; -} - -.sheet-rolltemplate-quickstatus tr:nth-child(even) { - background-color: #e0e0e0; -} - - -/* Ritual */ - -.sheet-rolltemplate-ritual th { - background-color: #7f682b; -} - -.sheet-rolltemplate-ritual tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-ritual tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-skillmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-skillmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-skillmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-physicalmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-physicalmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-physicalmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-mentalmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-mentalmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-mentalmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-socialmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-socialmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-socialmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - -.sheet-rolltemplate-woundingmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-woundingmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-woundingmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - - -.sheet-rolltemplate-miscmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-miscmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-miscmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - - -.sheet-rolltemplate-magicmenu th { - background-color: #7f682b; -} - -.sheet-rolltemplate-magicmenu tr:nth-child(odd) { - background-color: #d8ccb1; -} - -.sheet-rolltemplate-magicmenu tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Hex */ - -.sheet-rolltemplate-hex th { - background-color: #748718; -} - -.sheet-rolltemplate-hex tr:nth-child(odd) { - background-color: #ced8b1; -} - -.sheet-rolltemplate-hex tr:nth-child(even) { - background-color: #e0e0e0; -} - -/* Reputation */ - -.sheet-rolltemplate-reputation th { - background-color: #2a72a3; -} - -.sheet-rolltemplate-reputation tr:nth-child(odd) { - background-color: #b1c9d8; -} - -.sheet-rolltemplate-reputation tr:nth-child(even) { - background-color: #e0e0e0; + background-color: #f0f0f0; +} + +.sheet-rolltemplate-darkmode.sheet-rolltemplate-statistics2 tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-save tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-rangedtn tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-target tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-weapon tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-quickstatus tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-headseverity tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-torsoseverity tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-armseverity tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-legseverity tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-physicalmenu tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-mentalmenu tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-socialmenu tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-skillmenu tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-magicmenu tr:nth-child(odd), +.sheet-rolltemplate-darkmode.sheet-rolltemplate-power tr:nth-child(odd) { + background-color: #383838; +} + +.sheet-rolltemplate-statistics2 .sheet-roll-character-name, +.sheet-rolltemplate-initiative .sheet-roll-character-name, +.sheet-rolltemplate-save .sheet-roll-character-name, +.sheet-rolltemplate-rangedtn .sheet-roll-character-name, +.sheet-rolltemplate-target .sheet-roll-character-name, +.sheet-rolltemplate-weapon .sheet-roll-character-name, +.sheet-rolltemplate-quickstatus .sheet-roll-character-name, +.sheet-rolltemplate-headseverity .sheet-roll-character-name, +.sheet-rolltemplate-torsoseverity .sheet-roll-character-name, +.sheet-rolltemplate-armseverity .sheet-roll-character-name, +.sheet-rolltemplate-legseverity .sheet-roll-character-name, +.sheet-rolltemplate-physicalmenu .sheet-roll-character-name, +.sheet-rolltemplate-mentalmenu .sheet-roll-character-name, +.sheet-rolltemplate-socialmenu .sheet-roll-character-name, +.sheet-rolltemplate-skillmenu .sheet-roll-character-name, +.sheet-rolltemplate-magicmenu .sheet-roll-character-name, +.sheet-rolltemplate-power .sheet-roll-character-name { + font-size: 12px; + text-transform: none; + padding: 4px 0; + /* Roll20 have used "important" in some of their dark mode styling, so we have to do the same to override it */ + color: var(--hnh-th-text) !important; + background-color: var(--hnh-th-subtitle-background); +} + +.sheet-rolltemplate-statistics2 .sheet-roll-character-name-row, +.sheet-rolltemplate-initiative .sheet-roll-character-name-row, +.sheet-rolltemplate-save .sheet-roll-character-name-row, +.sheet-rolltemplate-rangedtn .sheet-roll-character-name-row, +.sheet-rolltemplate-target .sheet-roll-character-name-row, +.sheet-rolltemplate-weapon .sheet-roll-character-name-row, +.sheet-rolltemplate-quickstatus .sheet-roll-character-name-row, +.sheet-rolltemplate-headseverity .sheet-roll-character-name-row, +.sheet-rolltemplate-torsoseverity .sheet-roll-character-name-row, +.sheet-rolltemplate-armseverity .sheet-roll-character-name-row, +.sheet-rolltemplate-legseverity .sheet-roll-character-name-row, +.sheet-rolltemplate-physicalmenu .sheet-roll-character-name-row, +.sheet-rolltemplate-mentalmenu .sheet-roll-character-name-row, +.sheet-rolltemplate-socialmenu .sheet-roll-character-name-row, +.sheet-rolltemplate-skillmenu .sheet-roll-character-name-row, +.sheet-rolltemplate-magicmenu .sheet-roll-character-name-row, +.sheet-rolltemplate-power .sheet-roll-character-name-row { + height: 20px; + background-color: var(--hnh-th-subtitle-background); } diff --git a/Heroes and Hardships/hnh.html b/Heroes and Hardships/hnh.html index 1c352636ae..1b26749c79 100644 --- a/Heroes and Hardships/hnh.html +++ b/Heroes and Hardships/hnh.html @@ -1,1863 +1,3815 @@ -
-
-
- -
-
- -
-
-
-
-
+
+ +
+
Theme:
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
- -
-
-
-
+ +
+ - -
-
-
-
+ + + + + + + + + + + + + + + + + +
Name
Ancestry
Career
Gender
- -
- - - - - - - - - - + + + + + + + + + + + + + + + + + +
Total XP
XP Spent
Age
Power Level + +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+

Quick Rolls

+ +
+
+ +
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - + + {{/rollTotal() band 1}} + {{#rollTotal() band 2}} + + {{/rollTotal() band 2}} + {{#rollTotal() band 3}} + + {{/rollTotal() band 3}} + {{#rollTotal() band 4}} + + {{/rollTotal() band 4}} + + + +
NAME
ANCESTRY
CAREER
AGEGENDER
MODE OF MOVEMENT
POWER LEVEL - +
+ + + +
+ + + + + +
+ + + + + + + + +
Total +

Attributes

+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Total +

Physical

+
+ + Cur.Max.Imp.Mod.
Str + + + + + + + +
Agi + + + + + + + +
Dex + + + + + + + +
End + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Total +

Mental

+
+ + Cur.Max.Imp.Mod.
Int + + + + + + + +
Kno + + + + + + + +
Sen + + + + + + + +
Will + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Total +

Social

+
+ + Cur.Max.Imp.Mod.
Pre + + + + + + + +
Emp + + + + + + + +
Com + + + + + + + +
Inf + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+

Fate

+
Cur.Max.Mod.
+
+ 		+ + + +
+ + + + + + + + + + +
SizeSpeed
+ + + +
+
+
+ + +
+

Characteristics

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

Physical

+
Wound
Level		Injury
Level		Mortality
Threshold
Max. + + + + + +
Mod. + +
Cur. + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Mental

+
Terror
Level		Fear
Level		Insanity
Threshold
Max. + + + + + +
Mod. + +
Cur. + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Defences

+
BaseMagicMental
Max. + + + + + +
Mod. + + + + + +
Cur. + + + + + +
+ + + + + + + + + + + + + + + + + + +
+

Damage

+
Injuries + +
Wounds + +
Wound Threshold + + + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + +
+ +
+ + + + + + + + +
+

Physical

+ 		Total
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Strength:

+ +
RollSkillRank
+ + + Athletics +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Axes +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Bludgeons +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Hand-to-hand +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Polearm +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Agility:

+ +
RollSkillRank
+ + + Acrobatics +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Dodge +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Drive +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Exotic Weaponry +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Ride +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Stealth +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Dexterity:

+ +
RollSkillRank
+ + + Bows +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Crossbows +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Guns +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Heavy Weapons +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Shields +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Small Blades +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Spears +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Swords +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Thievery +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Thrown +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Endurance:

+ +
RollSkillRank
+ + + Recovery +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Resilience +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Stamina +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+
+ +
+ + + + + + + + +
+

Mental

+ 		Total
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Intelligence:

+ +
RollSkillRank
+ + + Arcana +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Hacking +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Healing +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Investigation +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Sciences +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Survival +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Warfare +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Knowledge:

+ +
RollSkillRank
+ + + Career +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Craft +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Lore +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + SysOps +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Senses:

+ +
RollSkillRank
+ + + Perception +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Psyche +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Reaction +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Willpower:

+ +
RollSkillRank
+ + + Courage +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Fortitude +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Harness +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Leadership +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+
+ +
+ + + + + + + + +
+

Social

+ 		Total
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Presence:

+ +
RollSkillRank
+ + + Acting +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Intimidation +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Perform +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Seduce +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Shape +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Empathy:

+ +
RollSkillRank
+ + + Animal Handling +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Essence +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Read Person +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Streetwise +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Communication:

+ +
RollSkillRank
+ + + Deception +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Persuasion +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Rhetoric +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Influence:

+ +
RollSkillRank
+ + + Etiquette +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Status +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+ + + Stewardship +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+
+ +
+ + + + + + + + +
+

Fate

+ 		Total
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + +
+

Fate:

+ +
RollSkillRank
+ + + Focus +
+ + + + +
-
+
=
+
!
+
+ 		+ +
+
+ +
+ + +
+ +
+ + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + +
+ +
+ +
+
+ +
+ + +
+
+ +
+

Wound Effects

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

Wounds and Injuries

+
RecoverDescriptionLoSTreatedLocationDaysRankEffect
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
-
-
-
+
+
-
DEFENCES
-
-
-
+ +
-
PHYSICAL
- -
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Equipped Armor

+
LocationSlashPierceBlud.OtherEnc.
Head + + + + + + + + + +
+ +
+ +
Torso + + + + + + + + + +
+ +
+ +
Right Arm + + + + + + + + + +
+ +
+ +
Left Arm + + + + + + + + + +
+ +
+ +
Right Leg + + + + + + + + + +
+ +
+ +
Left Leg + + + + + + + + + +
+ +
+ +
-
MENTAL
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
DAMAGE
- - -
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Equipped Weapons

+
Weapon NameSlashPierceBlud.OtherAttackCategoryRoFRangeAmmoMax.
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + + + + + + + + + +
+

Gear

+
Item NameQuantityEnc.Notes
+ +
+ + + + +
+
+
+ + +
+
+ +
+
+

Magic Rolls

+ +
+
+ + + +
+
+
-
- -
- - - SKILLS & MODIFIERS - - ABILITIES - - WOUNDS & INJURIES - - GEAR & INVENTORY - - MAGIC & POWERS - - -
-
-
- -
-
-
- PHYSICAL SKILLS - - RANKS: - - -
-
-
- - - -
-
- - - - - - - -
-
- - - - - - - -
-
- - - - - - - -
-
- - - - - - - -
-
- - - - - - - -
-
- - - +
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
-
- -
- - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - -
-
-
-
- -
-
- -
-
- MENTAL SKILLS - - RANKS: - - -
- -
-
- - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
-
- -
- - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
-
-
-
- -
-
- SOCIAL SKILLS - - RANKS: - - -
- -
-
- - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
-
- -
- - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - -
-
- - - - - - -
-
-
- - - - - - -
-
-
- - - - - - -
-
-
-
-
-
- -
-
- FATE SKILLS - - RANKS: - - -
- -
-
- -
-
- - - - - - -
-
-
-
-
-
-
- -
-
-
-
-
- - - - - - - - - - - - - -
- -
-
-
- - - - - - - - - - - - - -
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Magic and Powers

+
NameTypeSkillDescription
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ + + + + + + +
-
- - -
-
-
-
-
-
-
- -
-
-
- - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- -
- - -
-
-
-
- - - -
-
- - - -
- - - -
- /
- -
- - - - -
-
- - - -
- - - -
- /
- -
- - - - -
-
- - - -
- - - -
- /
- -
- - - - -
-
- - - -
- - - -
- /
- -
- - - - -
-
- - - -
- - - -
- /
- -
- - - - -
-
- - - -
- - - -
- /
- -
-
-
-
-
- - - -
- - - - -
- - -
- - - - -
- - -
- - - - -
- - -
- - - - -
- - -
- - - - -
- - -
- - - - -
-
- - -
- - - - -
-
-
-
- -
-
- - - - - - -
- | - | - | - -
-
-
-
- - -
-
-
-
- - - - -
-
- - - - - -
-
-
- - - - - -
-
- - - - - -
-
-
- - - - - -
-
- - - - - -
-
-
- - - - -
-
- - - - - -
-
-
- - - - - - -
-
- - - - - -
-
-
- - - - - -
-
- - - - - -
-
-
- -
- -
-
-
-
- - - - -
- - -
-
-
-
-
-
-
- -
- -
-
-
- - -
-
-
-
- - -
-
- - - -
- -
- - -
- - - -
-
- - - -
- -
- - -
- - - -
-
- - - -
- -
- - -
- - -
-
- - - -
- -
- - -
- - - -
-
- - - -
- -
- - -
- - - -
-
- - - -
- -
- - -
-
- - - -
-
-
-
- - -
- - -
-
-
-
- -
- -
+
+
-
-
-
-
-
- -
+ + - - - + - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
STAT ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- + + + + + + + + + + + +
+

{{title}}

+
{{name}}
SKILL ROLL: {{roll}}
+ - - - - - -
{{title}}
NAME: {{name}}
SKILL ROLL: {{roll}}
- + + + + + + + + + + + +
+

{{title}}

+
{{name}}
INITIATIVE ROLL: {{roll}}
+ - + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
DESCRIPTION: {{description}}
SAVE ROLL: {{roll}}
+ - - - - - -
{{title}}
NAME: {{name}}
INITIATIVE ROLL: {{roll}}
- + + + + + + + + + + + - -
+

{{title}}

+
{{name}}
TARGET: {{target}}
- - - - -
{{title}}
NAME: {{name}}
DESCRIPTION: {{description}}
SAVE ROLL: {{roll}}
- - - - - - - - - {{#rollTotal() band 1}}{{/rollTotal() band 1}} - {{#rollTotal() band 2}}{{/rollTotal() band 2}} - {{#rollTotal() band 3}}{{/rollTotal() band 3}} - {{#rollTotal() band 4}}{{/rollTotal() band 4}} - -
{{title}}
NAME: {{name}}
TARGET: {{target}}
RANGE BAND: Close
RANGE BAND: Medium
RANGE BAND: Long
RANGE BAND: Extreme
RANGED TN: {{roll}}
- - - - - - - - - {{#rollTotal() effect 1}}{{/rollTotal() effect 1}} - {{#rollTotal() effect 2}}{{/rollTotal() effect 2}} - {{#rollTotal() effect 3}}{{/rollTotal() effect 3}} - {{#rollTotal() effect 4}}{{/rollTotal() effect 4}} - {{#rollTotal() effect 5}}{{/rollTotal() effect 5}} - -
{{title}}
NAME: {{name}}
TARGET: {{target}}
EFFECT:1st Effect
EFFECT:2nd Effect
EFFECT:3rd Effect
EFFECT:4th Effect
EFFECT:5th Effect
SPELL DICE TN: {{roll}}
- - - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} -
{{title}}
NAME: {{name}}
CRIT/FUMBLE ROLL: {{roll}}
ROLL AGAIN: **Add**/**Subtract** this to/from your total score, roll again!
- - - - - - - {{#rollTotal() roll 10}}{{/rollTotal() roll 10}} - {{#rollBetween() roll 3 7}}{{/rollBetween() roll 3 7}} - {{#rollTotal() roll 2}}{{/rollTotal() roll 2}} - {{#rollTotal() roll 1}}{{/rollTotal() roll 1}} - {{#rollTotal() roll 8}}{{/rollTotal() roll 8}} - {{#rollTotal() roll 9}}{{/rollTotal() roll 9}} - - - -
{{title}}
NAME: {{name}}
HEAD: Head Strike, +5 LoS
TORSO: Torso Strike
RIGHT ARM: Right Arm Strike, -3 LoS
LEFT ARM: Left Arm Strike, -3 LoS
RIGHT LEG: Right Leg Strike, -3 LoS
LEFT LEG: Left Leg Strike, -3 LoS
TARGET LOCATION: {{roll}}
- + {{#rollTotal() band 1}}
RANGE BAND: Close
RANGE BAND: Medium
RANGE BAND: Long
RANGE BAND: Extreme
RANGED TN: {{roll}}
+ - - - - - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
DESCRIPTION: {{description}}
SKILL ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- - - - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
DESCRIPTION: {{description}}
SKILL ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- - - - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
DESCRIPTION: {{description}}
SKILL ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- - - - - - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
DESCRIPTION: {{description}}
SKILL ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- - - - - - - - - - - - -
{{weapon-name}}
NAME: {{name}}
S: {{slash}} | P: {{pierce}} | B: {{bludgeon}} | O: {{other}}
TYPE: {{type}}  | AMMO: {{ammonow}} / {{ammototal}}
ROF: {{rof}}  | RANGE: {{range}}
QUALITIES: {{qual}}
- - - - - - - -
{{title}}
NAME: {{name}}
DAMAGE ROLL: {{roll}}
- - - - - - - - -
{{weapon-name}}
NAME: {{name}}
EFFECT: {{effect}}
DAMAGE: {{damage}}
- - - - - - - - - - - - - -
{{spell-name}}
NAME: {{name}}
TYPE: {{type}}
STA COST: {{cost}}
DESCRIPTION: {{description}}
DURATION: {{duration}}
DMG: {{damage}}  | RANGE: {{range}}
DEFENSE: {{defense}}
- - - - - - - - - - - - - - - - - - - -
{{status}}
NAME: {{name}}
WOUNDS: {{wounds}}
INJURIES: {{injuries}}
STR: {{str}} EFF. STR: {{effstr}}
DEX: {{dex}} EFF. DEX: {{effdex}}
AGI: {{agi}} EFF. AGI: {{effagi}}
END: {{end}} EFF. END: {{effend}}
INT: {{int}} EFF. INT: {{effint}}
KNO: {{kno}} EFF. KNO: {{effkno}}
SEN: {{sen}} EFF. SEN: {{effsen}}
WILL: {{will}} EFF. WILL: {{effwill}}
PRE: {{pre}} EFF. PRE: {{effpre}}
EMP: {{emp}} EFF. EMP: {{effemp}}
COM: {{com}} EFF. COM: {{effcom}}
INF: {{inf}} EFF. INF: {{effinf}}
- - - - - - - - - - -
{{ritual-name}}
NAME: {{name}}
PREP. TIME: {{prep}}
STA COST: {{cost}}
DESCRIPTION: {{description}}
DC: {{DC}}  | DURATION: {{duration}}
COMPONENTS: {{comp}}
- - - - - - - {{#rollTotal() roll 3}}{{/rollTotal() roll 3}} - {{#rollTotal() roll 4}}{{/rollTotal() roll 4}} - {{#rollTotal() roll 5}}{{/rollTotal() roll 5}} - {{#rollTotal() roll 6}}{{/rollTotal() roll 6}} - {{#rollTotal() roll 7}}{{/rollTotal() roll 7}} - {{#rollTotal() roll 8}}{{/rollTotal() roll 8}} - {{#rollTotal() roll 9}}{{/rollTotal() roll 9}} - {{#rollTotal() roll 10}}{{/rollTotal() roll 10}} - {{#rollTotal() roll 11}}{{/rollTotal() roll 11}} - {{#rollTotal() roll 12}}{{/rollTotal() roll 12}} - {{#rollTotal() roll 13}}{{/rollTotal() roll 13}} - {{#rollTotal() roll 14}}{{/rollTotal() roll 14}} - {{#rollTotal() roll 15}}{{/rollTotal() roll 15}} - {{#rollTotal() roll 16}}{{/rollTotal() roll 16}} - {{#rollTotal() roll 17}}{{/rollTotal() roll 17}} - {{#rollTotal() roll 18}}{{/rollTotal() roll 18}} - {{#rollTotal() roll 19}}{{/rollTotal() roll 19}} - {{#rollTotal() roll 20}}{{/rollTotal() roll 20}} - {{#rollTotal() roll 21}}{{/rollTotal() roll 21}} - {{#rollTotal() roll 22}}{{/rollTotal() roll 22}} - {{#rollBetween() roll 23 10000}}{{/rollBetween() roll 23 10000}} - - - -
{{title}}
NAME: {{name}}
CRITICAL: -2 Intelligence, Senses & Communications
CRITICAL: -2 Intelligence & Senses
CRITICAL: -2 Intelligence & Communications
CRITICAL: -2 Senses & Communications
CRITICAL: -2 Intelligence
CRITICAL: -2 Senses
CRITICAL: -2 Communications
SERIOUS: -1 Intelligence, Senses & Communications
SERIOUS: -1 Intelligence & Senses
SERIOUS: -1 Intelligence & Communications
SERIOUS: -1 Senses & Communications
SERIOUS: -1 Intelligence
SERIOUS: -1 Senses
SERIOUS: -1 Communications
MINOR: -1 Intelligence & Senses Skills
MINOR: -1 Intelligence & Communications Skills
MINOR: -1 Communications & Senses Skills
MINOR: -1 Intelligence Skills
MINOR: -1 Senses Skills
MINOR: -1 Communications Skills
NO EFFECT: No Wound Effect
HEAD EFFECT ROLL: {{roll}}
- - - - - - - {{#rollTotal() roll 3}}{{/rollTotal() roll 3}} - {{#rollTotal() roll 4}}{{/rollTotal() roll 4}} - {{#rollTotal() roll 5}}{{/rollTotal() roll 5}} - {{#rollTotal() roll 6}}{{/rollTotal() roll 6}} - {{#rollTotal() roll 7}}{{/rollTotal() roll 7}} - {{#rollTotal() roll 8}}{{/rollTotal() roll 8}} - {{#rollTotal() roll 9}}{{/rollTotal() roll 9}} - {{#rollTotal() roll 10}}{{/rollTotal() roll 10}} - {{#rollTotal() roll 11}}{{/rollTotal() roll 11}} - {{#rollTotal() roll 12}}{{/rollTotal() roll 12}} - {{#rollTotal() roll 13}}{{/rollTotal() roll 13}} - {{#rollTotal() roll 14}}{{/rollTotal() roll 14}} - {{#rollTotal() roll 15}}{{/rollTotal() roll 15}} - {{#rollTotal() roll 16}}{{/rollTotal() roll 16}} - {{#rollTotal() roll 17}}{{/rollTotal() roll 17}} - {{#rollTotal() roll 18}}{{/rollTotal() roll 18}} - {{#rollTotal() roll 19}}{{/rollTotal() roll 19}} - {{#rollTotal() roll 20}}{{/rollTotal() roll 20}} - {{#rollTotal() roll 21}}{{/rollTotal() roll 21}} - {{#rollTotal() roll 22}}{{/rollTotal() roll 22}} - {{#rollBetween() roll 23 10000}}{{/rollBetween() roll 23 10000}} - - - -
{{title}}
NAME: {{name}}
CRITICAL: -2 Strength, Endurance & Dexterity
CRITICAL: -2 Strength & Endurance
CRITICAL: -2 Strength & Dexterity
CRITICAL: -2 Endurance & Dexterity
CRITICAL: -2 Strength
CRITICAL: -2 Endurance
CRITICAL: -2 Dexterity
SERIOUS: -1 Strength, Endurance & Dexterity
SERIOUS: -1 Strength & Endurance
SERIOUS: -1 Strength & Dexterity
SERIOUS: -1 Endurance & Dexterity
SERIOUS: -1 Strength
SERIOUS: -1 Endurance
SERIOUS: -1 Dexterity
MINOR: -1 Strength & Endurance Skills
MINOR: -1 Strength & Dexterity Skills
MINOR: -1 Endurance & Dexterity Skills
MINOR: -1 Strength Skills
MINOR: -1 Endurance Skills
MINOR: -1 Dexterity Skills
NO EFFECT: No Wound Effect
TORSO EFFECT ROLL: {{roll}}
- + + + + + + + + + {{#rollTotal() roll 10}} + + {{/rollTotal() roll 10}} + {{#rollBetween() roll 3 7}} + + {{/rollBetween() roll 3 7}} + {{#rollTotal() roll 2}} + + {{/rollTotal() roll 2}} + {{#rollTotal() roll 1}} + + {{/rollTotal() roll 1}} + {{#rollTotal() roll 8}} + + {{/rollTotal() roll 8}} + {{#rollTotal() roll 9}} + + {{/rollTotal() roll 9}} + + + +
+

{{title}}

+
{{name}}
HEAD: Head Strike, +5 LoS
TORSO: Torso Strike
RIGHT ARM: Right Arm Strike, -3 LoS
LEFT ARM: Left Arm Strike, -3 LoS
RIGHT LEG: Right Leg Strike, -3 LoS
LEFT LEG: Left Leg Strike, -3 LoS
TARGET LOCATION: {{roll}}
+ - - - - - {{#rollTotal() roll 3}}{{/rollTotal() roll 3}} - {{#rollTotal() roll 4}}{{/rollTotal() roll 4}} - {{#rollTotal() roll 5}}{{/rollTotal() roll 5}} - {{#rollTotal() roll 6}}{{/rollTotal() roll 6}} - {{#rollTotal() roll 7}}{{/rollTotal() roll 7}} - {{#rollTotal() roll 8}}{{/rollTotal() roll 8}} - {{#rollTotal() roll 9}}{{/rollTotal() roll 9}} - {{#rollTotal() roll 10}}{{/rollTotal() roll 10}} - {{#rollTotal() roll 11}}{{/rollTotal() roll 11}} - {{#rollTotal() roll 12}}{{/rollTotal() roll 12}} - {{#rollTotal() roll 13}}{{/rollTotal() roll 13}} - {{#rollTotal() roll 14}}{{/rollTotal() roll 14}} - {{#rollTotal() roll 15}}{{/rollTotal() roll 15}} - {{#rollTotal() roll 16}}{{/rollTotal() roll 16}} - {{#rollTotal() roll 17}}{{/rollTotal() roll 17}} - {{#rollTotal() roll 18}}{{/rollTotal() roll 18}} - {{#rollTotal() roll 19}}{{/rollTotal() roll 19}} - {{#rollTotal() roll 20}}{{/rollTotal() roll 20}} - {{#rollTotal() roll 21}}{{/rollTotal() roll 21}} - {{#rollTotal() roll 22}}{{/rollTotal() roll 22}} - {{#rollBetween() roll 23 10000}}{{/rollBetween() roll 23 10000}} - - - -
{{title}}
NAME: {{name}}
CRITICAL: -2 Strength, Agility & Dexterity
CRITICAL: -2 Strength & Agility
CRITICAL: -2 Strength & Dexterity
CRITICAL: -2 Agility & Dexterity
CRITICAL: -2 Strength
CRITICAL: -2 Agility
CRITICAL: -2 Dexterity
SERIOUS: -1 Strength, Agility & Dexterity
SERIOUS: -1 Strength, Agility
SERIOUS: -1 Strength & Dexterity
SERIOUS: -1 Agility & Dexterity
SERIOUS: -1 Strength
SERIOUS: -1 Agility
SERIOUS: -1 Dexterity
MINOR: -1 Strength & Agility Skills
MINOR: -1 Strength & Dexterity Skills
MINOR: -1 Agility & Dexterity Skills
MINOR: -1 Strength Skills
MINOR: -1 Agility Skills
MINOR: -1 Dexterity Skills
NO EFFECT: No Wound Effect
ARM EFFECT ROLL: {{roll}}
- + - - - - - {{#rollTotal() roll 3}}{{/rollTotal() roll 3}} - {{#rollTotal() roll 4}}{{/rollTotal() roll 4}} - {{#rollTotal() roll 5}}{{/rollTotal() roll 5}} - {{#rollTotal() roll 6}}{{/rollTotal() roll 6}} - {{#rollTotal() roll 7}}{{/rollTotal() roll 7}} - {{#rollTotal() roll 8}}{{/rollTotal() roll 8}} - {{#rollTotal() roll 9}}{{/rollTotal() roll 9}} - {{#rollTotal() roll 10}}{{/rollTotal() roll 10}} - {{#rollTotal() roll 11}}{{/rollTotal() roll 11}} - {{#rollTotal() roll 12}}{{/rollTotal() roll 12}} - {{#rollTotal() roll 13}}{{/rollTotal() roll 13}} - {{#rollTotal() roll 14}}{{/rollTotal() roll 14}} - {{#rollTotal() roll 15}}{{/rollTotal() roll 15}} - {{#rollTotal() roll 16}}{{/rollTotal() roll 16}} - {{#rollTotal() roll 17}}{{/rollTotal() roll 17}} - {{#rollTotal() roll 18}}{{/rollTotal() roll 18}} - {{#rollTotal() roll 19}}{{/rollTotal() roll 19}} - {{#rollTotal() roll 20}}{{/rollTotal() roll 20}} - {{#rollTotal() roll 21}}{{/rollTotal() roll 21}} - {{#rollTotal() roll 22}}{{/rollTotal() roll 22}} - {{#rollBetween() roll 23 1000}}{{/rollBetween() roll 23 1000}} - - - -
{{title}}
NAME: {{name}}
CRITICAL: -2 Strength, Agility & Endurance
CRITICAL: -2 Strength & Agility
CRITICAL: -2 Strength & Endurance
CRITICAL: -2 Agility & Endurance
CRITICAL: -2 Strength
CRITICAL: -2 Agility
CRITICAL: -2 Endurance
SERIOUS: -1 Strength, Agility & Endurance
SERIOUS: -1 Strength & Agility
SERIOUS: -1 Strength & Endurance
SERIOUS: -1 Agility & Endurance
SERIOUS: -1 Strength
SERIOUS: -1 Agility
SERIOUS: -1 Endurance
MINOR: -1 Strength & Agility Skills
MINOR: -1 Strength & Endurance Skills
MINOR: -1 Agility & Endurance Skills
MINOR: -1 Strength Skills
MINOR: -1 Agility Skills
MINOR: -1 Endurance Skills
NO EFFECT: No Wound Effect
LEG EFFECT ROLL: {{roll}}
- + + + + + + + + + + + + + + + + + + + + +
{{weapon-name}}
{{name}}
S: {{slash}} | P: {{pierce}} | B: + {{bludgeon}} | O: {{other}}
TYPE: {{type}}  | AMMO: {{ammonow}} / {{ammototal}}
ROF: {{rof}}  | RANGE: {{range}}
QUALITIES: {{qual}}
+ - - - - - - - - -
{{title}}
NAME: {{name}}
STRENGTH: {{strskills}}
DEXERITY: {{dexskills}}
AGILITY: {{agiskills}}
ENDURANCE: {{endskills}}
- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
{{status}}
{{name}}
WOUNDS: {{wounds}} INJURIES: {{injuries}}
STR: {{str}} EFF. STR: {{effstr}}
DEX: {{dex}} EFF. DEX: {{effdex}}
AGI: {{agi}} EFF. AGI: {{effagi}}
END: {{end}} EFF. END: {{effend}}
INT: {{int}} EFF. INT: {{effint}}
KNO: {{kno}} EFF. KNO: {{effkno}}
SEN: {{sen}} EFF. SEN: {{effsen}}
WILL: {{will}} EFF. WILL: {{effwill}}
PRE: {{pre}} EFF. PRE: {{effpre}}
EMP: {{emp}} EFF. EMP: {{effemp}}
COM: {{com}} EFF. COM: {{effcom}}
INF: {{inf}} EFF. INF: {{effinf}}
+ - - - - - - - - -
{{title}}
NAME: {{name}}
INTELLIGENCE: {{intskills}}
KNOWLEDGE: {{knoskills}}
SENSES: {{senskills}}
WILLPOWER: {{willskills}}
- - - - - - - - - -
{{title}}
NAME: {{name}}
PRESENCE: {{preskills}}
EMPATHY: {{empskills}}
COMMUNICATION: {{comskills}}
INFLUENCE: {{infskills}}
- + - - - - - - - - - - - - - - - - -
{{title}}
NAME: {{name}}
STRENGTH: {{strskills}}
DEXERITY: {{dexskills}}
AGILITY: {{agiskills}}
ENDURANCE: {{endskills}}
INTELLIGENCE: {{intskills}}
KNOWLEDGE: {{knoskills}}
SENSES: {{senskills}}
WILLPOWER: {{willskills}}
COMMUNICATION: {{comskills}}
EMPATHY: {{empskills}}
INFLUENCE: {{infskills}}
PRESENCE: {{preskills}}
- + + + + + + + + + {{#rollTotal() roll 3}} + + {{/rollTotal() roll 3}} + {{#rollTotal() roll 4}} + + {{/rollTotal() roll 4}} + {{#rollTotal() roll 5}} + + {{/rollTotal() roll 5}} + {{#rollTotal() roll 6}} + + {{/rollTotal() roll 6}} + {{#rollTotal() roll 7}} + + {{/rollTotal() roll 7}} + {{#rollTotal() roll 8}} + + {{/rollTotal() roll 8}} + {{#rollTotal() roll 9}} + + {{/rollTotal() roll 9}} + {{#rollTotal() roll 10}} + + {{/rollTotal() roll 10}} + {{#rollTotal() roll 11}} + + {{/rollTotal() roll 11}} + {{#rollTotal() roll 12}} + + {{/rollTotal() roll 12}} + {{#rollTotal() roll 13}} + + {{/rollTotal() roll 13}} + {{#rollTotal() roll 14}} + + {{/rollTotal() roll 14}} + {{#rollTotal() roll 15}} + + {{/rollTotal() roll 15}} + {{#rollTotal() roll 16}} + + {{/rollTotal() roll 16}} + {{#rollTotal() roll 17}} + + {{/rollTotal() roll 17}} + {{#rollTotal() roll 18}} + + {{/rollTotal() roll 18}} + {{#rollTotal() roll 19}} + + {{/rollTotal() roll 19}} + {{#rollTotal() roll 20}} + + {{/rollTotal() roll 20}} + {{#rollTotal() roll 21}} + + {{/rollTotal() roll 21}} + {{#rollTotal() roll 22}} + + {{/rollTotal() roll 22}} + {{#rollBetween() roll 23 10000}} + + {{/rollBetween() roll 23 10000}} - -
+

{{title}}

+
{{name}}
CRITICAL: -2 Intelligence, Senses & Communications
CRITICAL: -2 Intelligence & Senses
CRITICAL: -2 Intelligence & Communications
CRITICAL: -2 Senses & Communications
CRITICAL: -2 Intelligence
CRITICAL: -2 Senses
CRITICAL: -2 Communications
SERIOUS: -1 Intelligence, Senses & Communications
SERIOUS: -1 Intelligence & Senses
SERIOUS: -1 Intelligence & Communications
SERIOUS: -1 Senses & Communications
SERIOUS: -1 Intelligence
SERIOUS: -1 Senses
SERIOUS: -1 Communications
MINOR: -1 Intelligence & Senses Skills
MINOR: -1 Intelligence & Communications Skills
MINOR: -1 Communications & Senses Skills
MINOR: -1 Intelligence Skills
MINOR: -1 Senses Skills
MINOR: -1 Communications Skills
NO EFFECT: No Wound Effect
- - - - - - - -
{{title}}
WOUND 1: {{wound1}}
WOUND 2: {{wound2}}
WOUND 3: {{wound3}}
WOUND 4: {{wound4}}
WOUND 5: {{wound5}}
WOUND 6: {{wound6}}
- + + HEAD EFFECT ROLL: {{roll}} + - - - - - - - - - -
{{title}}
NAME: {{name}}
MISC: {{misc}}
SEVERITY: {{severity}}
WEAPONS: {{weapons}}
RELOAD: {{reload}}
- + + - - - - - - - - - - - - - -
{{title}}
NAME: {{name}}
SKILL: {{skill}}
SKILL CHECK: {{skillroll}}
POWER COST: {{powercost}}
POTENCY: {{potency}}
DURATION: {{duration}}
RANGE: {{range}}
TARGETS: {{targets}}
RESISTANCE: {{resistance}}
- + + + + + + + + + {{#rollTotal() roll 3}} + + {{/rollTotal() roll 3}} + {{#rollTotal() roll 4}} + + {{/rollTotal() roll 4}} + {{#rollTotal() roll 5}} + + {{/rollTotal() roll 5}} + {{#rollTotal() roll 6}} + + {{/rollTotal() roll 6}} + {{#rollTotal() roll 7}} + + {{/rollTotal() roll 7}} + {{#rollTotal() roll 8}} + + {{/rollTotal() roll 8}} + {{#rollTotal() roll 9}} + + {{/rollTotal() roll 9}} + {{#rollTotal() roll 10}} + + {{/rollTotal() roll 10}} + {{#rollTotal() roll 11}} + + {{/rollTotal() roll 11}} + {{#rollTotal() roll 12}} + + {{/rollTotal() roll 12}} + {{#rollTotal() roll 13}} + + {{/rollTotal() roll 13}} + {{#rollTotal() roll 14}} + + {{/rollTotal() roll 14}} + {{#rollTotal() roll 15}} + + {{/rollTotal() roll 15}} + {{#rollTotal() roll 16}} + + {{/rollTotal() roll 16}} + {{#rollTotal() roll 17}} + + {{/rollTotal() roll 17}} + {{#rollTotal() roll 18}} + + {{/rollTotal() roll 18}} + {{#rollTotal() roll 19}} + + {{/rollTotal() roll 19}} + {{#rollTotal() roll 20}} + + {{/rollTotal() roll 20}} + {{#rollTotal() roll 21}} + + {{/rollTotal() roll 21}} + {{#rollTotal() roll 22}} + + {{/rollTotal() roll 22}} + {{#rollBetween() roll 23 10000}} + + {{/rollBetween() roll 23 10000}} - -
+

{{title}}

+
{{name}}
CRITICAL: -2 Strength, Endurance & Dexterity
CRITICAL: -2 Strength & Endurance
CRITICAL: -2 Strength & Dexterity
CRITICAL: -2 Endurance & Dexterity
CRITICAL: -2 Strength
CRITICAL: -2 Endurance
CRITICAL: -2 Dexterity
SERIOUS: -1 Strength, Endurance & Dexterity
SERIOUS: -1 Strength & Endurance
SERIOUS: -1 Strength & Dexterity
SERIOUS: -1 Endurance & Dexterity
SERIOUS: -1 Strength
SERIOUS: -1 Endurance
SERIOUS: -1 Dexterity
MINOR: -1 Strength & Endurance Skills
MINOR: -1 Strength & Dexterity Skills
MINOR: -1 Endurance & Dexterity Skills
MINOR: -1 Strength Skills
MINOR: -1 Endurance Skills
MINOR: -1 Dexterity Skills
NO EFFECT: No Wound Effect
- - - - - - -
{{title}}
NAME: {{name}}
SPELL SKILLS: {{spellskills}}
SPELL DICE: {{spelldice}}
SPELLS: {{spells}}
- + + TORSO EFFECT ROLL: {{roll}} + - - - - - - - -
{{hex-name}}
NAME: {{name}}
DANGER: {{danger}}
STA COST: {{cost}}
DESCRIPTION: {{description}}
REQ. TO LIFT: {{lift}}
- + + - + + + + + + + + + {{#rollTotal() roll 3}} + + {{/rollTotal() roll 3}} + {{#rollTotal() roll 4}} + + {{/rollTotal() roll 4}} + {{#rollTotal() roll 5}} + + {{/rollTotal() roll 5}} + {{#rollTotal() roll 6}} + + {{/rollTotal() roll 6}} + {{#rollTotal() roll 7}} + + {{/rollTotal() roll 7}} + {{#rollTotal() roll 8}} + + {{/rollTotal() roll 8}} + {{#rollTotal() roll 9}} + + {{/rollTotal() roll 9}} + {{#rollTotal() roll 10}} + + {{/rollTotal() roll 10}} + {{#rollTotal() roll 11}} + + {{/rollTotal() roll 11}} + {{#rollTotal() roll 12}} + + {{/rollTotal() roll 12}} + {{#rollTotal() roll 13}} + + {{/rollTotal() roll 13}} + {{#rollTotal() roll 14}} + + {{/rollTotal() roll 14}} + {{#rollTotal() roll 15}} + + {{/rollTotal() roll 15}} + {{#rollTotal() roll 16}} + + {{/rollTotal() roll 16}} + {{#rollTotal() roll 17}} + + {{/rollTotal() roll 17}} + {{#rollTotal() roll 18}} + + {{/rollTotal() roll 18}} + {{#rollTotal() roll 19}} + + {{/rollTotal() roll 19}} + {{#rollTotal() roll 20}} + + {{/rollTotal() roll 20}} + {{#rollTotal() roll 21}} + + {{/rollTotal() roll 21}} + {{#rollTotal() roll 22}} + + {{/rollTotal() roll 22}} + {{#rollBetween() roll 23 10000}} + + {{/rollBetween() roll 23 10000}} - -
+

{{title}}

+
{{name}}
CRITICAL: -2 Strength, Agility & Dexterity
CRITICAL: -2 Strength & Agility
CRITICAL: -2 Strength & Dexterity
CRITICAL: -2 Agility & Dexterity
CRITICAL: -2 Strength
CRITICAL: -2 Agility
CRITICAL: -2 Dexterity
SERIOUS: -1 Strength, Agility & Dexterity
SERIOUS: -1 Strength, Agility
SERIOUS: -1 Strength & Dexterity
SERIOUS: -1 Agility & Dexterity
SERIOUS: -1 Strength
SERIOUS: -1 Agility
SERIOUS: -1 Dexterity
MINOR: -1 Strength & Agility Skills
MINOR: -1 Strength & Dexterity Skills
MINOR: -1 Agility & Dexterity Skills
MINOR: -1 Strength Skills
MINOR: -1 Agility Skills
MINOR: -1 Dexterity Skills
NO EFFECT: No Wound Effect
- - - - - {{#rollWasCrit() roll}}{{/rollWasCrit() roll}} - {{#rollWasFumble() roll}}{{/rollWasFumble() roll}} -
{{title}}
NAME: {{name}}
REPUTATION: {{reputation}}
REP ROLL: {{roll}}
CRITICAL: Use the Critical/Fumble button, **add** the result to your total score.
FUMBLE: Use the Critical/Fumble button, **subtract** the result from your total score.
- + + ARM EFFECT ROLL: {{roll}} + + + + + + + + + + + + + + {{#rollTotal() roll 3}} + + {{/rollTotal() roll 3}} + {{#rollTotal() roll 4}} + + {{/rollTotal() roll 4}} + {{#rollTotal() roll 5}} + + {{/rollTotal() roll 5}} + {{#rollTotal() roll 6}} + + {{/rollTotal() roll 6}} + {{#rollTotal() roll 7}} + + {{/rollTotal() roll 7}} + {{#rollTotal() roll 8}} + + {{/rollTotal() roll 8}} + {{#rollTotal() roll 9}} + + {{/rollTotal() roll 9}} + {{#rollTotal() roll 10}} + + {{/rollTotal() roll 10}} + {{#rollTotal() roll 11}} + + {{/rollTotal() roll 11}} + {{#rollTotal() roll 12}} + + {{/rollTotal() roll 12}} + {{#rollTotal() roll 13}} + + {{/rollTotal() roll 13}} + {{#rollTotal() roll 14}} + + {{/rollTotal() roll 14}} + {{#rollTotal() roll 15}} + + {{/rollTotal() roll 15}} + {{#rollTotal() roll 16}} + + {{/rollTotal() roll 16}} + {{#rollTotal() roll 17}} + + {{/rollTotal() roll 17}} + {{#rollTotal() roll 18}} + + {{/rollTotal() roll 18}} + {{#rollTotal() roll 19}} + + {{/rollTotal() roll 19}} + {{#rollTotal() roll 20}} + + {{/rollTotal() roll 20}} + {{#rollTotal() roll 21}} + + {{/rollTotal() roll 21}} + {{#rollTotal() roll 22}} + + {{/rollTotal() roll 22}} + {{#rollBetween() roll 23 1000}} + + {{/rollBetween() roll 23 1000}} + + + + + +
+

{{title}}

+
{{name}}
CRITICAL: -2 Strength, Agility & Endurance
CRITICAL: -2 Strength & Agility
CRITICAL: -2 Strength & Endurance
CRITICAL: -2 Agility & Endurance
CRITICAL: -2 Strength
CRITICAL: -2 Agility
CRITICAL: -2 Endurance
SERIOUS: -1 Strength, Agility & Endurance
SERIOUS: -1 Strength & Agility
SERIOUS: -1 Strength & Endurance
SERIOUS: -1 Agility & Endurance
SERIOUS: -1 Strength
SERIOUS: -1 Agility
SERIOUS: -1 Endurance
MINOR: -1 Strength & Agility Skills
MINOR: -1 Strength & Endurance Skills
MINOR: -1 Agility & Endurance Skills
MINOR: -1 Strength Skills
MINOR: -1 Agility Skills
MINOR: -1 Endurance Skills
NO EFFECT: No Wound Effect
LEG EFFECT ROLL: {{roll}}
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
STRENGTH: {{strskills}}
DEXERITY: {{dexskills}}
AGILITY: {{agiskills}}
ENDURANCE: {{endskills}}
+ + + + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
INTELLIGENCE: {{intskills}}
KNOWLEDGE: {{knoskills}}
SENSES: {{senskills}}
WILLPOWER: {{willskills}}
+ + + + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
PRESENCE: {{preskills}}
EMPATHY: {{empskills}}
COMMUNICATION: {{comskills}}
INFLUENCE: {{infskills}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
STRENGTH: {{strskills}}
DEXERITY: {{dexskills}}
AGILITY: {{agiskills}}
ENDURANCE: {{endskills}}
INTELLIGENCE: {{intskills}}
KNOWLEDGE: {{knoskills}}
SENSES: {{senskills}}
WILLPOWER: {{willskills}}
COMMUNICATION: {{comskills}}
EMPATHY: {{empskills}}
INFLUENCE: {{infskills}}
PRESENCE: {{preskills}}
+ + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
SPELL SKILLS: {{spellskills}}
SPELL DICE: {{spelldice}}
SPELLS: {{spells}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

{{title}}

+
{{name}}
SKILL: {{skill}}
SKILL CHECK: {{skillroll}}
POWER COST: {{powercost}}
POTENCY: {{potency}}
DURATION: {{duration}}
RANGE: {{range}}
TARGETS: {{targets}}
RESISTANCE: {{resistance}}
+ \ No newline at end of file diff --git a/Heroes and Hardships/hnh.png b/Heroes and Hardships/hnh.png index 8e8dc9a626..fb93d7abe3 100644 Binary files a/Heroes and Hardships/hnh.png and b/Heroes and Hardships/hnh.png differ diff --git a/Heroes and Hardships/sheet.json b/Heroes and Hardships/sheet.json index bdaae8da10..634407897c 100644 --- a/Heroes and Hardships/sheet.json +++ b/Heroes and Hardships/sheet.json @@ -5,5 +5,5 @@ "roll20userid": "TetNak", "preview": "hnh.png", "instructions": "This official character sheet is for use with the Heroes & Hardships Core Rulebook by Earl of Fife Games.", - "legacy": true + "legacy": false }