diff --git a/Forbidden_Lands/Forbidden_Lands.css b/Forbidden_Lands/Forbidden_Lands.css index b3f0830da9..56e9d6d9e7 100644 --- a/Forbidden_Lands/Forbidden_Lands.css +++ b/Forbidden_Lands/Forbidden_Lands.css @@ -1,7 +1,7 @@ @import url('https://fonts.googleapis.com/css?family=IM+Fell+English|Inknut+Antiqua&display=swap'); /* announcements */ -.sheet-announcements-show { +.charsheet .announcements-show { background-color: #ffffea; border: 2px solid black; border-radius: 5px; @@ -12,17 +12,17 @@ position: relative; } -span.sheet-announcements-show::before { +.charsheet span.announcements-show::before { content: "v"; } -span.sheet-announcements-show::after { +.charsheet span.announcements-show::after { content: "l"; font-family: pictos; padding-left: 4px; } -input.sheet-announcements-show { +.charsheet input.announcements-show { height: 1.75em; margin: -3.25em 0 0 -5em; opacity: 0; @@ -30,7 +30,7 @@ input.sheet-announcements-show { z-index: 1; } -.sheet-announcements-exit { +.announcements-exit { float: right; font-family: pictos; font-size: 1em; @@ -38,14 +38,14 @@ input.sheet-announcements-show { position: relative; } -input.sheet-announcements-show:hover+span, -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:hover { +.charsheet input.announcements-show:hover+span, +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show:hover { color: #a60100; opacity: 1; } -input[type="checkbox"].sheet-announcements-older-show, -input[type="checkbox"].sheet-armor-show-more { +.charsheet input[type="checkbox"].announcements-older-show, +.charsheet input[type="checkbox"].armor-show-more { float: right; height: 1em; margin: -1.1em 0 0 0; @@ -55,13 +55,13 @@ input[type="checkbox"].sheet-armor-show-more { z-index: 1; } -input.sheet-announcements-older-show:hover+span, -input.sheet-armor-show-more:hover+span { +.charsheet input.announcements-older-show:hover+span, +.charsheet input.armor-show-more:hover+span { border-left-color: #a60100; } -input.sheet-announcements-older-show+span, -input.sheet-armor-show-more+span { +.charsheet input.announcements-older-show+span, +.charsheet input.armor-show-more+span { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; @@ -79,19 +79,19 @@ input.sheet-armor-show-more+span { width: 0; } -input.sheet-announcements-older-show:checked+span, -input.sheet-armor-show-more:checked+span { +.charsheet input.announcements-older-show:checked+span, +.charsheet input.armor-show-more:checked+span { transform: rotate(90deg); } -.sheet-announcements-show:not(:checked)+span+div.sheet-announcements, -.sheet-announcements-older-show:not(:checked)~.sheet-announcements-older-show, -input.sheet-armor-show-more:not(:checked)~.sheet-armor-show-more { +.charsheet .announcements-show:not(:checked)+span+div.announcements, +.charsheet .announcements-older-show:not(:checked)~.announcements-older-show, +.charsheet input.armor-show-more:not(:checked)~.armor-show-more { display: none; } -.sheet-announcements-older-show:checked+span~.sheet-announcements-older-show, -input.sheet-armor-show-more:checked+span~.sheet-armor-show-more { +.charsheet .announcements-older-show:checked+span~.announcements-older-show, +.charsheet input.armor-show-more:checked+span~.armor-show-more { border: 1px solid #000; border-radius: 5px; box-sizing: border-box; @@ -102,7 +102,7 @@ input.sheet-armor-show-more:checked+span~.sheet-armor-show-more { } /* Hide actual checkbox */ -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show { +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show { cursor: pointer; margin: 1em 0 0 -18em; opacity: 0.25; @@ -110,20 +110,20 @@ input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].shee z-index: 1; } -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:checked { +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show:checked { display: flex; margin: -1.5em 0 0 -18em; padding: 2px 0 0 0; } -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:not(:checked)~.sheet-attributes-box4>.sheet-extra-damage-show, -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:not(:checked)~.sheet-attributes-box4>.sheet-extra-damage-show+span, -input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:not(:checked)~.sheet-attributes-box4>.sheet-extra-damage-show+span::before { +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show:not(:checked)~.attributes-box4>.extra-damage-show, +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show:not(:checked)~.attributes-box4>.extra-damage-show+span, +.charsheet input.monster_only:checked~div.character input[type="checkbox"].extra-damage-show:not(:checked)~.attributes-box4>.extra-damage-show+span::before { display: none; } -.sheet-announcements, -.sheet-settings-options { +.charsheet .announcements, +.charsheet .settings-options { background-color: #ffffea; border: 2px solid #000; border-radius: 5px; @@ -132,11 +132,11 @@ input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].shee } /* Text */ -body { +.charsheet body { font-family: "IM Fell English", "Times New Roman", Times, serif; } -h1 { +.charsheet h1 { color: #fff; cursor: default; font-family: "IM Fell English", "Times New Roman", Times, serif; @@ -147,7 +147,7 @@ h1 { z-index: 0; } -.sheet-header-h1 { +.charsheet .header-h1 { color: #000; cursor: default; font-family: "IM Fell English", "Times New Roman", Times, serif; @@ -157,7 +157,7 @@ h1 { z-index: 0; } -hr.sheet-horizontal-rule { +.charsheet hr.horizontal-rule { border-color: #000; border-radius: 5px; border-style: solid; @@ -169,7 +169,7 @@ hr.sheet-horizontal-rule { width: 90%; } -hr.sheet-horizontal-rule::before { +.charsheet hr.horizontal-rule::before { border-color: #000; border-radius: 5px; border-style: solid; @@ -180,7 +180,7 @@ hr.sheet-horizontal-rule::before { margin-top: -11px; } -.sheet-header { +.charsheet .header { align-items: center; background-color: #000; color: #fff; @@ -191,7 +191,7 @@ hr.sheet-horizontal-rule::before { min-height: 2.85em; } -.sheet-column-header { +.charsheet .column-header { align-items: center; background-color: #000; color: lightgrey; @@ -205,55 +205,55 @@ hr.sheet-horizontal-rule::before { text-align: center; } -.sheet-header~.sheet-column-header span { +.charsheet .header~.column-header span { cursor: default; padding: 1.5em 0 0 0; } -.sheet-footer { +.charsheet .footer { display: block; font-size: 0.95em; margin: -15px 0 0 -10px; text-align: right; } -.sheet-label { +.charsheet .label { font-weight: bold; } -.sheet-header .sheet-label { +.charsheet .header .label { font-size: 1.1em; font-weight: normal; } -.sheet-small-caps { +.charsheet .small-caps { font-variant-caps: small-caps; } -.sheet-equal { +.charsheet .equal { margin: 4px 1px 0 1px; text-align: center; } -.sheet-left, -.sheet-grid-item.sheet-left { +.charsheet .left, +.charsheet .grid-item.left { text-align: left; } -.sheet-right, -.sheet-grid-item.sheet-right { +.charsheet .right, +.charsheet .grid-item.right { justify-self: right; text-align: right; } -.sheet-center, -.sheet-grid-item.sheet-center { +.charsheet .center, +.charsheet .grid-item.center { align-self: center; text-align: center; } -span.sheet-readonly, -input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span.sheet-monster.sheet-readonly { +.charsheet span.readonly, +.charsheet input.monster_only:checked~div.character .monster+span.monster.readonly { color: #555; cursor: help; display: flex; @@ -266,7 +266,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span.sheet-m } /* Hide actual radio */ -input.sheet-skull[type="radio"] { +.charsheet input.skull[type="radio"] { border-radius: 0; flex: auto; height: 15px; @@ -278,7 +278,7 @@ input.sheet-skull[type="radio"] { z-index: 1; } -input.sheet-skull+span { +.charsheet input.skull+span { border-radius: 0; flex: auto; height: 15px; @@ -290,7 +290,7 @@ input.sheet-skull+span { } /* Fake radio using skull */ -input.sheet-skull[type="radio"]+span::before { +.charsheet input.skull[type="radio"]+span::before { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_empty.png); content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_checked.png); display: inline-block; @@ -304,274 +304,274 @@ input.sheet-skull[type="radio"]+span::before { } /* Removes skull from all radios _after_ selected one */ -input[type="radio"]:checked~input.sheet-skull[type="radio"]+span::before, -input.sheet-skull[type="radio"]:checked~input.sheet-skull[type="radio"]+span::before { +.charsheet input[type="radio"]:checked~input.skull[type="radio"]+span::before, +.charsheet input.skull[type="radio"]:checked~input.skull[type="radio"]+span::before { content: ""; } -input[type="radio"]:checked~input.sheet-skull[type="radio"]:hover+span::before, -input.sheet-skull[type="radio"]:checked~input.sheet-skull[type="radio"]:hover+span::before { +.charsheet input[type="radio"]:checked~input.skull[type="radio"]:hover+span::before, +.charsheet input.skull[type="radio"]:checked~input.skull[type="radio"]:hover+span::before { content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_checked.png'); opacity: 0.50; } /* Only show skulls up to the attributes max value */ -input[name="attr_strength"][value="0"]~input.sheet-skull:nth-of-type(1n+3)+span::before, -input[name="attr_strength"][value="1"]~input.sheet-skull:nth-of-type(1n+4)+span::before, -input[name="attr_strength"][value="2"]~input.sheet-skull:nth-of-type(1n+5)+span::before, -input[name="attr_strength"][value="3"]~input.sheet-skull:nth-of-type(1n+6)+span::before, -input[name="attr_strength"][value="4"]~input.sheet-skull:nth-of-type(1n+7)+span::before, -input[name="attr_strength"][value="5"]~input.sheet-skull:nth-of-type(1n+8)+span::before, -input[name="attr_strength"][value="6"]~input.sheet-skull:nth-of-type(1n+9)+span::before, -input[name="attr_strength"][value="7"]~input.sheet-skull:nth-of-type(1n+10)+span::before, -input[name="attr_strength"][value="8"]~input.sheet-skull:nth-of-type(1n+11)+span::before, -input[name="attr_strength"][value="9"]~input.sheet-skull:nth-of-type(1n+12)+span::before, -input[name="attr_strength"][value="10"]~input.sheet-skull:nth-of-type(1n+13)+span::before, -input[name="attr_strength"][value="11"]~input.sheet-skull:nth-of-type(1n+14)+span::before, -input[name="attr_strength"][value="12"]~input.sheet-skull:nth-of-type(1n+15)+span::before, -input[name="attr_strength"][value="13"]~input.sheet-skull:nth-of-type(1n+16)+span::before, -input[name="attr_strength"][value="14"]~input.sheet-skull:nth-of-type(1n+17)+span::before, -input[name="attr_strength"][value="15"]~input.sheet-skull:nth-of-type(1n+18)+span::before, -input[name="attr_strength"][value="16"]~input.sheet-skull:nth-of-type(1n+19)+span::before, -input[name="attr_strength"][value="17"]~input.sheet-skull:nth-of-type(1n+20)+span::before, -input[name="attr_strength"][value="18"]~input.sheet-skull:nth-of-type(1n+21)+span::before, -input[name="attr_strength"][value="19"]~input.sheet-skull:nth-of-type(1n+22)+span::before, -input[name="attr_strength"][value="20"]~input.sheet-skull:nth-of-type(1n+23)+span::before, -input[name="attr_strength"][value="21"]~input.sheet-skull:nth-of-type(1n+24)+span::before, -input[name="attr_strength"][value="22"]~input.sheet-skull:nth-of-type(1n+25)+span::before, -input[name="attr_strength"][value="23"]~input.sheet-skull:nth-of-type(1n+26)+span::before, -input[name="attr_strength"][value="24"]~input.sheet-skull:nth-of-type(1n+27)+span::before, -input[name="attr_strength"][value="25"]~input.sheet-skull:nth-of-type(1n+28)+span::before, -input[name="attr_strength"][value="26"]~input.sheet-skull:nth-of-type(1n+29)+span::before, -input[name="attr_strength"][value="27"]~input.sheet-skull:nth-of-type(1n+30)+span::before, -input[name="attr_strength"][value="28"]~input.sheet-skull:nth-of-type(1n+31)+span::before, -input[name="attr_strength"][value="29"]~input.sheet-skull:nth-of-type(1n+32)+span::before, -input[name="attr_strength"][value="30"]~input.sheet-skull:nth-of-type(1n+33)+span::before, -input[name="attr_strength"][value="31"]~input.sheet-skull:nth-of-type(1n+34)+span::before, -input[name="attr_strength"][value="32"]~input.sheet-skull:nth-of-type(1n+35)+span::before, -input[name="attr_strength"][value="33"]~input.sheet-skull:nth-of-type(1n+36)+span::before, -input[name="attr_strength"][value="34"]~input.sheet-skull:nth-of-type(1n+37)+span::before, -input[name="attr_strength"][value="35"]~input.sheet-skull:nth-of-type(1n+38)+span::before, -input[name="attr_strength"][value="36"]~input.sheet-skull:nth-of-type(1n+39)+span::before, -input[name="attr_strength"][value="37"]~input.sheet-skull:nth-of-type(1n+40)+span::before, -input[name="attr_strength"][value="38"]~input.sheet-skull:nth-of-type(1n+41)+span::before, -input[name="attr_strength"][value="39"]~input.sheet-skull:nth-of-type(1n+42)+span::before, -input[name="attr_strength"][value="40"]~input.sheet-skull:nth-of-type(1n+43)+span::before, -input[name="attr_strength"][value="41"]~input.sheet-skull:nth-of-type(1n+44)+span::before, -input[name="attr_strength"][value="42"]~input.sheet-skull:nth-of-type(1n+45)+span::before, -input[name="attr_strength"][value="43"]~input.sheet-skull:nth-of-type(1n+46)+span::before, -input[name="attr_strength"][value="44"]~input.sheet-skull:nth-of-type(1n+47)+span::before, -input[name="attr_strength"][value="45"]~input.sheet-skull:nth-of-type(1n+48)+span::before, -input[name="attr_strength"][value="46"]~input.sheet-skull:nth-of-type(1n+49)+span::before, -input[name="attr_strength"][value="47"]~input.sheet-skull:nth-of-type(1n+50)+span::before, -input[name="attr_strength"][value="48"]~input.sheet-skull:nth-of-type(1n+51)+span::before { +.charsheet input[name="attr_strength"][value="1"]~input.skull:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_strength"][value="0"]~input.skull:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_strength"][value="2"]~input.skull:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_strength"][value="3"]~input.skull:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_strength"][value="4"]~input.skull:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_strength"][value="5"]~input.skull:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_strength"][value="6"]~input.skull:nth-of-type(1n+9)+span::before, +.charsheet input[name="attr_strength"][value="7"]~input.skull:nth-of-type(1n+10)+span::before, +.charsheet input[name="attr_strength"][value="8"]~input.skull:nth-of-type(1n+11)+span::before, +.charsheet input[name="attr_strength"][value="9"]~input.skull:nth-of-type(1n+12)+span::before, +.charsheet input[name="attr_strength"][value="10"]~input.skull:nth-of-type(1n+13)+span::before, +.charsheet input[name="attr_strength"][value="11"]~input.skull:nth-of-type(1n+14)+span::before, +.charsheet input[name="attr_strength"][value="12"]~input.skull:nth-of-type(1n+15)+span::before, +.charsheet input[name="attr_strength"][value="13"]~input.skull:nth-of-type(1n+16)+span::before, +.charsheet input[name="attr_strength"][value="14"]~input.skull:nth-of-type(1n+17)+span::before, +.charsheet input[name="attr_strength"][value="15"]~input.skull:nth-of-type(1n+18)+span::before, +.charsheet input[name="attr_strength"][value="16"]~input.skull:nth-of-type(1n+19)+span::before, +.charsheet input[name="attr_strength"][value="17"]~input.skull:nth-of-type(1n+20)+span::before, +.charsheet input[name="attr_strength"][value="18"]~input.skull:nth-of-type(1n+21)+span::before, +.charsheet input[name="attr_strength"][value="19"]~input.skull:nth-of-type(1n+22)+span::before, +.charsheet input[name="attr_strength"][value="20"]~input.skull:nth-of-type(1n+23)+span::before, +.charsheet input[name="attr_strength"][value="21"]~input.skull:nth-of-type(1n+24)+span::before, +.charsheet input[name="attr_strength"][value="22"]~input.skull:nth-of-type(1n+25)+span::before, +.charsheet input[name="attr_strength"][value="23"]~input.skull:nth-of-type(1n+26)+span::before, +.charsheet input[name="attr_strength"][value="24"]~input.skull:nth-of-type(1n+27)+span::before, +.charsheet input[name="attr_strength"][value="25"]~input.skull:nth-of-type(1n+28)+span::before, +.charsheet input[name="attr_strength"][value="26"]~input.skull:nth-of-type(1n+29)+span::before, +.charsheet input[name="attr_strength"][value="27"]~input.skull:nth-of-type(1n+30)+span::before, +.charsheet input[name="attr_strength"][value="28"]~input.skull:nth-of-type(1n+31)+span::before, +.charsheet input[name="attr_strength"][value="29"]~input.skull:nth-of-type(1n+32)+span::before, +.charsheet input[name="attr_strength"][value="30"]~input.skull:nth-of-type(1n+33)+span::before, +.charsheet input[name="attr_strength"][value="31"]~input.skull:nth-of-type(1n+34)+span::before, +.charsheet input[name="attr_strength"][value="32"]~input.skull:nth-of-type(1n+35)+span::before, +.charsheet input[name="attr_strength"][value="33"]~input.skull:nth-of-type(1n+36)+span::before, +.charsheet input[name="attr_strength"][value="34"]~input.skull:nth-of-type(1n+37)+span::before, +.charsheet input[name="attr_strength"][value="35"]~input.skull:nth-of-type(1n+38)+span::before, +.charsheet input[name="attr_strength"][value="36"]~input.skull:nth-of-type(1n+39)+span::before, +.charsheet input[name="attr_strength"][value="37"]~input.skull:nth-of-type(1n+40)+span::before, +.charsheet input[name="attr_strength"][value="38"]~input.skull:nth-of-type(1n+41)+span::before, +.charsheet input[name="attr_strength"][value="39"]~input.skull:nth-of-type(1n+42)+span::before, +.charsheet input[name="attr_strength"][value="40"]~input.skull:nth-of-type(1n+43)+span::before, +.charsheet input[name="attr_strength"][value="41"]~input.skull:nth-of-type(1n+44)+span::before, +.charsheet input[name="attr_strength"][value="42"]~input.skull:nth-of-type(1n+45)+span::before, +.charsheet input[name="attr_strength"][value="43"]~input.skull:nth-of-type(1n+46)+span::before, +.charsheet input[name="attr_strength"][value="44"]~input.skull:nth-of-type(1n+47)+span::before, +.charsheet input[name="attr_strength"][value="45"]~input.skull:nth-of-type(1n+48)+span::before, +.charsheet input[name="attr_strength"][value="46"]~input.skull:nth-of-type(1n+49)+span::before, +.charsheet input[name="attr_strength"][value="47"]~input.skull:nth-of-type(1n+50)+span::before, +.charsheet input[name="attr_strength"][value="48"]~input.skull:nth-of-type(1n+51)+span::before { opacity: 0; } -input[name="attr_agility"][value="0"]~input.sheet-skull:nth-of-type(1n+3)+span::before, -input[name="attr_agility"][value="1"]~input.sheet-skull:nth-of-type(1n+4)+span::before, -input[name="attr_agility"][value="2"]~input.sheet-skull:nth-of-type(1n+5)+span::before, -input[name="attr_agility"][value="3"]~input.sheet-skull:nth-of-type(1n+6)+span::before, -input[name="attr_agility"][value="4"]~input.sheet-skull:nth-of-type(1n+7)+span::before, -input[name="attr_agility"][value="5"]~input.sheet-skull:nth-of-type(1n+8)+span::before, -input[name="attr_agility"][value="6"]~input.sheet-skull:nth-of-type(1n+9)+span::before { +.charsheet input[name="attr_agility"][value="0"]~input.skull:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_agility"][value="1"]~input.skull:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_agility"][value="2"]~input.skull:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_agility"][value="3"]~input.skull:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_agility"][value="4"]~input.skull:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_agility"][value="5"]~input.skull:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_agility"][value="6"]~input.skull:nth-of-type(1n+9)+span::before { opacity: 0; } -input[name="attr_wits"][value="0"]~input.sheet-skull:nth-of-type(1n+3)+span::before, -input[name="attr_wits"][value="1"]~input.sheet-skull:nth-of-type(1n+4)+span::before, -input[name="attr_wits"][value="2"]~input.sheet-skull:nth-of-type(1n+5)+span::before, -input[name="attr_wits"][value="3"]~input.sheet-skull:nth-of-type(1n+6)+span::before, -input[name="attr_wits"][value="4"]~input.sheet-skull:nth-of-type(1n+7)+span::before, -input[name="attr_wits"][value="5"]~input.sheet-skull:nth-of-type(1n+8)+span::before, -input[name="attr_wits"][value="6"]~input.sheet-skull:nth-of-type(1n+9)+span::before { +.charsheet input[name="attr_wits"][value="0"]~input.skull:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_wits"][value="1"]~input.skull:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_wits"][value="2"]~input.skull:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_wits"][value="3"]~input.skull:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_wits"][value="4"]~input.skull:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_wits"][value="5"]~input.skull:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_wits"][value="6"]~input.skull:nth-of-type(1n+9)+span::before { opacity: 0; } -input[name="attr_empathy"][value="0"]~input.sheet-skull:nth-of-type(1n+3)+span::before, -input[name="attr_empathy"][value="1"]~input.sheet-skull:nth-of-type(1n+4)+span::before, -input[name="attr_empathy"][value="2"]~input.sheet-skull:nth-of-type(1n+5)+span::before, -input[name="attr_empathy"][value="3"]~input.sheet-skull:nth-of-type(1n+6)+span::before, -input[name="attr_empathy"][value="4"]~input.sheet-skull:nth-of-type(1n+7)+span::before, -input[name="attr_empathy"][value="5"]~input.sheet-skull:nth-of-type(1n+8)+span::before, -input[name="attr_empathy"][value="6"]~input.sheet-skull:nth-of-type(1n+9)+span::before { +.charsheet input[name="attr_empathy"][value="0"]~input.skull:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_empathy"][value="1"]~input.skull:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_empathy"][value="2"]~input.skull:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_empathy"][value="3"]~input.skull:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_empathy"][value="4"]~input.skull:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_empathy"][value="5"]~input.skull:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_empathy"][value="6"]~input.skull:nth-of-type(1n+9)+span::before { opacity: 0; } /* Hide hover style on hidden elements */ -input[name="attr_strength"][value="0"]~input.sheet-skull:hover:nth-of-type(1n+3)+span::before, -input[name="attr_strength"][value="1"]~input.sheet-skull:hover:nth-of-type(1n+4)+span::before, -input[name="attr_strength"][value="2"]~input.sheet-skull:hover:nth-of-type(1n+5)+span::before, -input[name="attr_strength"][value="3"]~input.sheet-skull:hover:nth-of-type(1n+6)+span::before, -input[name="attr_strength"][value="4"]~input.sheet-skull:hover:nth-of-type(1n+7)+span::before, -input[name="attr_strength"][value="5"]~input.sheet-skull:hover:nth-of-type(1n+8)+span::before, -input[name="attr_strength"][value="6"]~input.sheet-skull:hover:nth-of-type(1n+9)+span::before, -input[name="attr_strength"][value="7"]~input.sheet-skull:hover:nth-of-type(1n+10)+span::before, -input[name="attr_strength"][value="8"]~input.sheet-skull:hover:nth-of-type(1n+11)+span::before, -input[name="attr_strength"][value="9"]~input.sheet-skull:hover:nth-of-type(1n+12)+span::before, -input[name="attr_strength"][value="10"]~input.sheet-skull:hover:nth-of-type(1n+13)+span::before, -input[name="attr_strength"][value="11"]~input.sheet-skull:hover:nth-of-type(1n+14)+span::before, -input[name="attr_strength"][value="12"]~input.sheet-skull:hover:nth-of-type(1n+15)+span::before, -input[name="attr_strength"][value="13"]~input.sheet-skull:hover:nth-of-type(1n+16)+span::before, -input[name="attr_strength"][value="14"]~input.sheet-skull:hover:nth-of-type(1n+17)+span::before, -input[name="attr_strength"][value="15"]~input.sheet-skull:hover:nth-of-type(1n+18)+span::before, -input[name="attr_strength"][value="16"]~input.sheet-skull:hover:nth-of-type(1n+19)+span::before, -input[name="attr_strength"][value="17"]~input.sheet-skull:hover:nth-of-type(1n+20)+span::before, -input[name="attr_strength"][value="18"]~input.sheet-skull:hover:nth-of-type(1n+21)+span::before, -input[name="attr_strength"][value="19"]~input.sheet-skull:hover:nth-of-type(1n+22)+span::before, -input[name="attr_strength"][value="20"]~input.sheet-skull:hover:nth-of-type(1n+23)+span::before, -input[name="attr_strength"][value="21"]~input.sheet-skull:hover:nth-of-type(1n+24)+span::before, -input[name="attr_strength"][value="22"]~input.sheet-skull:hover:nth-of-type(1n+25)+span::before, -input[name="attr_strength"][value="23"]~input.sheet-skull:hover:nth-of-type(1n+26)+span::before, -input[name="attr_strength"][value="24"]~input.sheet-skull:hover:nth-of-type(1n+27)+span::before, -input[name="attr_strength"][value="25"]~input.sheet-skull:hover:nth-of-type(1n+28)+span::before, -input[name="attr_strength"][value="26"]~input.sheet-skull:hover:nth-of-type(1n+29)+span::before, -input[name="attr_strength"][value="27"]~input.sheet-skull:hover:nth-of-type(1n+30)+span::before, -input[name="attr_strength"][value="28"]~input.sheet-skull:hover:nth-of-type(1n+31)+span::before, -input[name="attr_strength"][value="29"]~input.sheet-skull:hover:nth-of-type(1n+32)+span::before, -input[name="attr_strength"][value="30"]~input.sheet-skull:hover:nth-of-type(1n+33)+span::before, -input[name="attr_strength"][value="31"]~input.sheet-skull:hover:nth-of-type(1n+34)+span::before, -input[name="attr_strength"][value="32"]~input.sheet-skull:hover:nth-of-type(1n+35)+span::before, -input[name="attr_strength"][value="33"]~input.sheet-skull:hover:nth-of-type(1n+36)+span::before, -input[name="attr_strength"][value="34"]~input.sheet-skull:hover:nth-of-type(1n+37)+span::before, -input[name="attr_strength"][value="35"]~input.sheet-skull:hover:nth-of-type(1n+38)+span::before, -input[name="attr_strength"][value="36"]~input.sheet-skull:hover:nth-of-type(1n+39)+span::before, -input[name="attr_strength"][value="37"]~input.sheet-skull:hover:nth-of-type(1n+40)+span::before, -input[name="attr_strength"][value="38"]~input.sheet-skull:hover:nth-of-type(1n+41)+span::before, -input[name="attr_strength"][value="39"]~input.sheet-skull:hover:nth-of-type(1n+42)+span::before, -input[name="attr_strength"][value="40"]~input.sheet-skull:hover:nth-of-type(1n+43)+span::before, -input[name="attr_strength"][value="41"]~input.sheet-skull:hover:nth-of-type(1n+44)+span::before, -input[name="attr_strength"][value="42"]~input.sheet-skull:hover:nth-of-type(1n+45)+span::before, -input[name="attr_strength"][value="43"]~input.sheet-skull:hover:nth-of-type(1n+46)+span::before, -input[name="attr_strength"][value="44"]~input.sheet-skull:hover:nth-of-type(1n+47)+span::before, -input[name="attr_strength"][value="45"]~input.sheet-skull:hover:nth-of-type(1n+48)+span::before, -input[name="attr_strength"][value="46"]~input.sheet-skull:hover:nth-of-type(1n+49)+span::before, -input[name="attr_strength"][value="47"]~input.sheet-skull:hover:nth-of-type(1n+50)+span::before, -input[name="attr_strength"][value="48"]~input.sheet-skull:hover:nth-of-type(1n+51)+span::before, +.charsheet input[name="attr_strength"][value="0"]~input.skull:hover:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_strength"][value="1"]~input.skull:hover:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_strength"][value="2"]~input.skull:hover:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_strength"][value="3"]~input.skull:hover:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_strength"][value="4"]~input.skull:hover:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_strength"][value="5"]~input.skull:hover:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_strength"][value="6"]~input.skull:hover:nth-of-type(1n+9)+span::before, +.charsheet input[name="attr_strength"][value="7"]~input.skull:hover:nth-of-type(1n+10)+span::before, +.charsheet input[name="attr_strength"][value="8"]~input.skull:hover:nth-of-type(1n+11)+span::before, +.charsheet input[name="attr_strength"][value="9"]~input.skull:hover:nth-of-type(1n+12)+span::before, +.charsheet input[name="attr_strength"][value="10"]~input.skull:hover:nth-of-type(1n+13)+span::before, +.charsheet input[name="attr_strength"][value="11"]~input.skull:hover:nth-of-type(1n+14)+span::before, +.charsheet input[name="attr_strength"][value="12"]~input.skull:hover:nth-of-type(1n+15)+span::before, +.charsheet input[name="attr_strength"][value="13"]~input.skull:hover:nth-of-type(1n+16)+span::before, +.charsheet input[name="attr_strength"][value="14"]~input.skull:hover:nth-of-type(1n+17)+span::before, +.charsheet input[name="attr_strength"][value="15"]~input.skull:hover:nth-of-type(1n+18)+span::before, +.charsheet input[name="attr_strength"][value="16"]~input.skull:hover:nth-of-type(1n+19)+span::before, +.charsheet input[name="attr_strength"][value="17"]~input.skull:hover:nth-of-type(1n+20)+span::before, +.charsheet input[name="attr_strength"][value="18"]~input.skull:hover:nth-of-type(1n+21)+span::before, +.charsheet input[name="attr_strength"][value="19"]~input.skull:hover:nth-of-type(1n+22)+span::before, +.charsheet input[name="attr_strength"][value="20"]~input.skull:hover:nth-of-type(1n+23)+span::before, +.charsheet input[name="attr_strength"][value="21"]~input.skull:hover:nth-of-type(1n+24)+span::before, +.charsheet input[name="attr_strength"][value="22"]~input.skull:hover:nth-of-type(1n+25)+span::before, +.charsheet input[name="attr_strength"][value="23"]~input.skull:hover:nth-of-type(1n+26)+span::before, +.charsheet input[name="attr_strength"][value="24"]~input.skull:hover:nth-of-type(1n+27)+span::before, +.charsheet input[name="attr_strength"][value="25"]~input.skull:hover:nth-of-type(1n+28)+span::before, +.charsheet input[name="attr_strength"][value="26"]~input.skull:hover:nth-of-type(1n+29)+span::before, +.charsheet input[name="attr_strength"][value="27"]~input.skull:hover:nth-of-type(1n+30)+span::before, +.charsheet input[name="attr_strength"][value="28"]~input.skull:hover:nth-of-type(1n+31)+span::before, +.charsheet input[name="attr_strength"][value="29"]~input.skull:hover:nth-of-type(1n+32)+span::before, +.charsheet input[name="attr_strength"][value="30"]~input.skull:hover:nth-of-type(1n+33)+span::before, +.charsheet input[name="attr_strength"][value="31"]~input.skull:hover:nth-of-type(1n+34)+span::before, +.charsheet input[name="attr_strength"][value="32"]~input.skull:hover:nth-of-type(1n+35)+span::before, +.charsheet input[name="attr_strength"][value="33"]~input.skull:hover:nth-of-type(1n+36)+span::before, +.charsheet input[name="attr_strength"][value="34"]~input.skull:hover:nth-of-type(1n+37)+span::before, +.charsheet input[name="attr_strength"][value="35"]~input.skull:hover:nth-of-type(1n+38)+span::before, +.charsheet input[name="attr_strength"][value="36"]~input.skull:hover:nth-of-type(1n+39)+span::before, +.charsheet input[name="attr_strength"][value="37"]~input.skull:hover:nth-of-type(1n+40)+span::before, +.charsheet input[name="attr_strength"][value="38"]~input.skull:hover:nth-of-type(1n+41)+span::before, +.charsheet input[name="attr_strength"][value="39"]~input.skull:hover:nth-of-type(1n+42)+span::before, +.charsheet input[name="attr_strength"][value="40"]~input.skull:hover:nth-of-type(1n+43)+span::before, +.charsheet input[name="attr_strength"][value="41"]~input.skull:hover:nth-of-type(1n+44)+span::before, +.charsheet input[name="attr_strength"][value="42"]~input.skull:hover:nth-of-type(1n+45)+span::before, +.charsheet input[name="attr_strength"][value="43"]~input.skull:hover:nth-of-type(1n+46)+span::before, +.charsheet input[name="attr_strength"][value="44"]~input.skull:hover:nth-of-type(1n+47)+span::before, +.charsheet input[name="attr_strength"][value="45"]~input.skull:hover:nth-of-type(1n+48)+span::before, +.charsheet input[name="attr_strength"][value="46"]~input.skull:hover:nth-of-type(1n+49)+span::before, +.charsheet input[name="attr_strength"][value="47"]~input.skull:hover:nth-of-type(1n+50)+span::before, +.charsheet input[name="attr_strength"][value="48"]~input.skull:hover:nth-of-type(1n+51)+span::before, -input[name="attr_agility"][value="0"]~input.sheet-skull:hover:nth-of-type(1n+3)+span::before, -input[name="attr_agility"][value="1"]~input.sheet-skull:hover:nth-of-type(1n+4)+span::before, -input[name="attr_agility"][value="2"]~input.sheet-skull:hover:nth-of-type(1n+5)+span::before, -input[name="attr_agility"][value="3"]~input.sheet-skull:hover:nth-of-type(1n+6)+span::before, -input[name="attr_agility"][value="4"]~input.sheet-skull:hover:nth-of-type(1n+7)+span::before, -input[name="attr_agility"][value="5"]~input.sheet-skull:hover:nth-of-type(1n+8)+span::before, -input[name="attr_agility"][value="6"]~input.sheet-skull:hover:nth-of-type(1n+9)+span::before, +.charsheet input[name="attr_agility"][value="0"]~input.skull:hover:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_agility"][value="1"]~input.skull:hover:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_agility"][value="2"]~input.skull:hover:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_agility"][value="3"]~input.skull:hover:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_agility"][value="4"]~input.skull:hover:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_agility"][value="5"]~input.skull:hover:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_agility"][value="6"]~input.skull:hover:nth-of-type(1n+9)+span::before, -input[name="attr_wits"][value="0"]~input.sheet-skull:hover:nth-of-type(1n+3)+span::before, -input[name="attr_wits"][value="1"]~input.sheet-skull:hover:nth-of-type(1n+4)+span::before, -input[name="attr_wits"][value="2"]~input.sheet-skull:hover:nth-of-type(1n+5)+span::before, -input[name="attr_wits"][value="3"]~input.sheet-skull:hover:nth-of-type(1n+6)+span::before, -input[name="attr_wits"][value="4"]~input.sheet-skull:hover:nth-of-type(1n+7)+span::before, -input[name="attr_wits"][value="5"]~input.sheet-skull:hover:nth-of-type(1n+8)+span::before, -input[name="attr_wits"][value="6"]~input.sheet-skull:hover:nth-of-type(1n+9)+span::before, +.charsheet input[name="attr_wits"][value="0"]~input.skull:hover:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_wits"][value="1"]~input.skull:hover:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_wits"][value="2"]~input.skull:hover:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_wits"][value="3"]~input.skull:hover:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_wits"][value="4"]~input.skull:hover:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_wits"][value="5"]~input.skull:hover:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_wits"][value="6"]~input.skull:hover:nth-of-type(1n+9)+span::before, -input[name="attr_empathy"][value="0"]~input.sheet-skull:hover:nth-of-type(1n+3)+span::before, -input[name="attr_empathy"][value="1"]~input.sheet-skull:hover:nth-of-type(1n+4)+span::before, -input[name="attr_empathy"][value="2"]~input.sheet-skull:hover:nth-of-type(1n+5)+span::before, -input[name="attr_empathy"][value="3"]~input.sheet-skull:hover:nth-of-type(1n+6)+span::before, -input[name="attr_empathy"][value="4"]~input.sheet-skull:hover:nth-of-type(1n+7)+span::before, -input[name="attr_empathy"][value="5"]~input.sheet-skull:hover:nth-of-type(1n+8)+span::before, -input[name="attr_empathy"][value="6"]~input.sheet-skull:hover:nth-of-type(1n+9)+span::before { +.charsheet input[name="attr_empathy"][value="0"]~input.skull:hover:nth-of-type(1n+3)+span::before, +.charsheet input[name="attr_empathy"][value="1"]~input.skull:hover:nth-of-type(1n+4)+span::before, +.charsheet input[name="attr_empathy"][value="2"]~input.skull:hover:nth-of-type(1n+5)+span::before, +.charsheet input[name="attr_empathy"][value="3"]~input.skull:hover:nth-of-type(1n+6)+span::before, +.charsheet input[name="attr_empathy"][value="4"]~input.skull:hover:nth-of-type(1n+7)+span::before, +.charsheet input[name="attr_empathy"][value="5"]~input.skull:hover:nth-of-type(1n+8)+span::before, +.charsheet input[name="attr_empathy"][value="6"]~input.skull:hover:nth-of-type(1n+9)+span::before { background-image: none; content: ""; } /* Hide pointer events on hover*/ -input[name="attr_strength"][value="0"]~input.sheet-skull:nth-of-type(1n+3), -input[name="attr_strength"][value="1"]~input.sheet-skull:nth-of-type(1n+4), -input[name="attr_strength"][value="2"]~input.sheet-skull:nth-of-type(1n+5), -input[name="attr_strength"][value="3"]~input.sheet-skull:nth-of-type(1n+6), -input[name="attr_strength"][value="4"]~input.sheet-skull:nth-of-type(1n+7), -input[name="attr_strength"][value="5"]~input.sheet-skull:nth-of-type(1n+8), -input[name="attr_strength"][value="6"]~input.sheet-skull:nth-of-type(1n+9), -input[name="attr_strength"][value="7"]~input.sheet-skull:nth-of-type(1n+10), -input[name="attr_strength"][value="8"]~input.sheet-skull:nth-of-type(1n+11), -input[name="attr_strength"][value="9"]~input.sheet-skull:nth-of-type(1n+12), -input[name="attr_strength"][value="10"]~input.sheet-skull:nth-of-type(1n+13), -input[name="attr_strength"][value="11"]~input.sheet-skull:nth-of-type(1n+14), -input[name="attr_strength"][value="12"]~input.sheet-skull:nth-of-type(1n+15), -input[name="attr_strength"][value="13"]~input.sheet-skull:nth-of-type(1n+16), -input[name="attr_strength"][value="14"]~input.sheet-skull:nth-of-type(1n+17), -input[name="attr_strength"][value="15"]~input.sheet-skull:nth-of-type(1n+18), -input[name="attr_strength"][value="16"]~input.sheet-skull:nth-of-type(1n+19), -input[name="attr_strength"][value="17"]~input.sheet-skull:nth-of-type(1n+20), -input[name="attr_strength"][value="18"]~input.sheet-skull:nth-of-type(1n+21), -input[name="attr_strength"][value="19"]~input.sheet-skull:nth-of-type(1n+22), -input[name="attr_strength"][value="20"]~input.sheet-skull:nth-of-type(1n+23), -input[name="attr_strength"][value="21"]~input.sheet-skull:nth-of-type(1n+24), -input[name="attr_strength"][value="22"]~input.sheet-skull:nth-of-type(1n+25), -input[name="attr_strength"][value="23"]~input.sheet-skull:nth-of-type(1n+26), -input[name="attr_strength"][value="24"]~input.sheet-skull:nth-of-type(1n+27), -input[name="attr_strength"][value="25"]~input.sheet-skull:nth-of-type(1n+28), -input[name="attr_strength"][value="26"]~input.sheet-skull:nth-of-type(1n+29), -input[name="attr_strength"][value="27"]~input.sheet-skull:nth-of-type(1n+30), -input[name="attr_strength"][value="28"]~input.sheet-skull:nth-of-type(1n+31), -input[name="attr_strength"][value="29"]~input.sheet-skull:nth-of-type(1n+32), -input[name="attr_strength"][value="30"]~input.sheet-skull:nth-of-type(1n+33), -input[name="attr_strength"][value="31"]~input.sheet-skull:nth-of-type(1n+34), -input[name="attr_strength"][value="32"]~input.sheet-skull:nth-of-type(1n+35), -input[name="attr_strength"][value="33"]~input.sheet-skull:nth-of-type(1n+36), -input[name="attr_strength"][value="34"]~input.sheet-skull:nth-of-type(1n+37), -input[name="attr_strength"][value="35"]~input.sheet-skull:nth-of-type(1n+38), -input[name="attr_strength"][value="36"]~input.sheet-skull:nth-of-type(1n+39), -input[name="attr_strength"][value="37"]~input.sheet-skull:nth-of-type(1n+40), -input[name="attr_strength"][value="38"]~input.sheet-skull:nth-of-type(1n+41), -input[name="attr_strength"][value="39"]~input.sheet-skull:nth-of-type(1n+42), -input[name="attr_strength"][value="40"]~input.sheet-skull:nth-of-type(1n+43), -input[name="attr_strength"][value="41"]~input.sheet-skull:nth-of-type(1n+44), -input[name="attr_strength"][value="42"]~input.sheet-skull:nth-of-type(1n+45), -input[name="attr_strength"][value="43"]~input.sheet-skull:nth-of-type(1n+46), -input[name="attr_strength"][value="44"]~input.sheet-skull:nth-of-type(1n+47), -input[name="attr_strength"][value="45"]~input.sheet-skull:nth-of-type(1n+48), -input[name="attr_strength"][value="46"]~input.sheet-skull:nth-of-type(1n+49), -input[name="attr_strength"][value="47"]~input.sheet-skull:nth-of-type(1n+50), -input[name="attr_strength"][value="48"]~input.sheet-skull:nth-of-type(1n+51), +.charsheet input[name="attr_strength"][value="0"]~input.skull:nth-of-type(1n+3), +.charsheet input[name="attr_strength"][value="1"]~input.skull:nth-of-type(1n+4), +.charsheet input[name="attr_strength"][value="2"]~input.skull:nth-of-type(1n+5), +.charsheet input[name="attr_strength"][value="3"]~input.skull:nth-of-type(1n+6), +.charsheet input[name="attr_strength"][value="4"]~input.skull:nth-of-type(1n+7), +.charsheet input[name="attr_strength"][value="5"]~input.skull:nth-of-type(1n+8), +.charsheet input[name="attr_strength"][value="6"]~input.skull:nth-of-type(1n+9), +.charsheet input[name="attr_strength"][value="7"]~input.skull:nth-of-type(1n+10), +.charsheet input[name="attr_strength"][value="8"]~input.skull:nth-of-type(1n+11), +.charsheet input[name="attr_strength"][value="9"]~input.skull:nth-of-type(1n+12), +.charsheet input[name="attr_strength"][value="10"]~input.skull:nth-of-type(1n+13), +.charsheet input[name="attr_strength"][value="11"]~input.skull:nth-of-type(1n+14), +.charsheet input[name="attr_strength"][value="12"]~input.skull:nth-of-type(1n+15), +.charsheet input[name="attr_strength"][value="13"]~input.skull:nth-of-type(1n+16), +.charsheet input[name="attr_strength"][value="14"]~input.skull:nth-of-type(1n+17), +.charsheet input[name="attr_strength"][value="15"]~input.skull:nth-of-type(1n+18), +.charsheet input[name="attr_strength"][value="16"]~input.skull:nth-of-type(1n+19), +.charsheet input[name="attr_strength"][value="17"]~input.skull:nth-of-type(1n+20), +.charsheet input[name="attr_strength"][value="18"]~input.skull:nth-of-type(1n+21), +.charsheet input[name="attr_strength"][value="19"]~input.skull:nth-of-type(1n+22), +.charsheet input[name="attr_strength"][value="20"]~input.skull:nth-of-type(1n+23), +.charsheet input[name="attr_strength"][value="21"]~input.skull:nth-of-type(1n+24), +.charsheet input[name="attr_strength"][value="22"]~input.skull:nth-of-type(1n+25), +.charsheet input[name="attr_strength"][value="23"]~input.skull:nth-of-type(1n+26), +.charsheet input[name="attr_strength"][value="24"]~input.skull:nth-of-type(1n+27), +.charsheet input[name="attr_strength"][value="25"]~input.skull:nth-of-type(1n+28), +.charsheet input[name="attr_strength"][value="26"]~input.skull:nth-of-type(1n+29), +.charsheet input[name="attr_strength"][value="27"]~input.skull:nth-of-type(1n+30), +.charsheet input[name="attr_strength"][value="28"]~input.skull:nth-of-type(1n+31), +.charsheet input[name="attr_strength"][value="29"]~input.skull:nth-of-type(1n+32), +.charsheet input[name="attr_strength"][value="30"]~input.skull:nth-of-type(1n+33), +.charsheet input[name="attr_strength"][value="31"]~input.skull:nth-of-type(1n+34), +.charsheet input[name="attr_strength"][value="32"]~input.skull:nth-of-type(1n+35), +.charsheet input[name="attr_strength"][value="33"]~input.skull:nth-of-type(1n+36), +.charsheet input[name="attr_strength"][value="34"]~input.skull:nth-of-type(1n+37), +.charsheet input[name="attr_strength"][value="35"]~input.skull:nth-of-type(1n+38), +.charsheet input[name="attr_strength"][value="36"]~input.skull:nth-of-type(1n+39), +.charsheet input[name="attr_strength"][value="37"]~input.skull:nth-of-type(1n+40), +.charsheet input[name="attr_strength"][value="38"]~input.skull:nth-of-type(1n+41), +.charsheet input[name="attr_strength"][value="39"]~input.skull:nth-of-type(1n+42), +.charsheet input[name="attr_strength"][value="40"]~input.skull:nth-of-type(1n+43), +.charsheet input[name="attr_strength"][value="41"]~input.skull:nth-of-type(1n+44), +.charsheet input[name="attr_strength"][value="42"]~input.skull:nth-of-type(1n+45), +.charsheet input[name="attr_strength"][value="43"]~input.skull:nth-of-type(1n+46), +.charsheet input[name="attr_strength"][value="44"]~input.skull:nth-of-type(1n+47), +.charsheet input[name="attr_strength"][value="45"]~input.skull:nth-of-type(1n+48), +.charsheet input[name="attr_strength"][value="46"]~input.skull:nth-of-type(1n+49), +.charsheet input[name="attr_strength"][value="47"]~input.skull:nth-of-type(1n+50), +.charsheet input[name="attr_strength"][value="48"]~input.skull:nth-of-type(1n+51), -input[name="attr_agility"][value="0"]~input.sheet-skull:nth-of-type(1n+3), -input[name="attr_agility"][value="1"]~input.sheet-skull:nth-of-type(1n+4), -input[name="attr_agility"][value="2"]~input.sheet-skull:nth-of-type(1n+5), -input[name="attr_agility"][value="3"]~input.sheet-skull:nth-of-type(1n+6), -input[name="attr_agility"][value="4"]~input.sheet-skull:nth-of-type(1n+7), -input[name="attr_agility"][value="5"]~input.sheet-skull:nth-of-type(1n+8), -input[name="attr_agility"][value="6"]~input.sheet-skull:nth-of-type(1n+9), +.charsheet input[name="attr_agility"][value="0"]~input.skull:nth-of-type(1n+3), +.charsheet input[name="attr_agility"][value="1"]~input.skull:nth-of-type(1n+4), +.charsheet input[name="attr_agility"][value="2"]~input.skull:nth-of-type(1n+5), +.charsheet input[name="attr_agility"][value="3"]~input.skull:nth-of-type(1n+6), +.charsheet input[name="attr_agility"][value="4"]~input.skull:nth-of-type(1n+7), +.charsheet input[name="attr_agility"][value="5"]~input.skull:nth-of-type(1n+8), +.charsheet input[name="attr_agility"][value="6"]~input.skull:nth-of-type(1n+9), -input[name="attr_wits"][value="0"]~input.sheet-skull:nth-of-type(1n+3), -input[name="attr_wits"][value="1"]~input.sheet-skull:nth-of-type(1n+4), -input[name="attr_wits"][value="2"]~input.sheet-skull:nth-of-type(1n+5), -input[name="attr_wits"][value="3"]~input.sheet-skull:nth-of-type(1n+6), -input[name="attr_wits"][value="4"]~input.sheet-skull:nth-of-type(1n+7), -input[name="attr_wits"][value="5"]~input.sheet-skull:nth-of-type(1n+8), -input[name="attr_wits"][value="6"]~input.sheet-skull:nth-of-type(1n+9), +.charsheet input[name="attr_wits"][value="0"]~input.skull:nth-of-type(1n+3), +.charsheet input[name="attr_wits"][value="1"]~input.skull:nth-of-type(1n+4), +.charsheet input[name="attr_wits"][value="2"]~input.skull:nth-of-type(1n+5), +.charsheet input[name="attr_wits"][value="3"]~input.skull:nth-of-type(1n+6), +.charsheet input[name="attr_wits"][value="4"]~input.skull:nth-of-type(1n+7), +.charsheet input[name="attr_wits"][value="5"]~input.skull:nth-of-type(1n+8), +.charsheet input[name="attr_wits"][value="6"]~input.skull:nth-of-type(1n+9), -input[name="attr_empathy"][value="0"]~input.sheet-skull:nth-of-type(1n+3), -input[name="attr_empathy"][value="1"]~input.sheet-skull:nth-of-type(1n+4), -input[name="attr_empathy"][value="2"]~input.sheet-skull:nth-of-type(1n+5), -input[name="attr_empathy"][value="3"]~input.sheet-skull:nth-of-type(1n+6), -input[name="attr_empathy"][value="4"]~input.sheet-skull:nth-of-type(1n+7), -input[name="attr_empathy"][value="5"]~input.sheet-skull:nth-of-type(1n+8), -input[name="attr_empathy"][value="6"]~input.sheet-skull:nth-of-type(1n+9) { +.charsheet input[name="attr_empathy"][value="0"]~input.skull:nth-of-type(1n+3), +.charsheet input[name="attr_empathy"][value="1"]~input.skull:nth-of-type(1n+4), +.charsheet input[name="attr_empathy"][value="2"]~input.skull:nth-of-type(1n+5), +.charsheet input[name="attr_empathy"][value="3"]~input.skull:nth-of-type(1n+6), +.charsheet input[name="attr_empathy"][value="4"]~input.skull:nth-of-type(1n+7), +.charsheet input[name="attr_empathy"][value="5"]~input.skull:nth-of-type(1n+8), +.charsheet input[name="attr_empathy"][value="6"]~input.skull:nth-of-type(1n+9) { cursor: default; pointer-events: none; } /* Broken Indicators */ -input.sheet-broken-str[value="0"]~div .sheet-broken-str, -input.sheet-broken-agi[value="0"]~div .sheet-broken-agi, -input.sheet-broken-wit[value="0"]~div .sheet-broken-wit, -input.sheet-broken-emp[value="0"]~div .sheet-broken-emp { +.charsheet input.broken-str[value="0"]~div .broken-str, +.charsheet input.broken-agi[value="0"]~div .broken-agi, +.charsheet input.broken-wit[value="0"]~div .broken-wit, +.charsheet input.broken-emp[value="0"]~div .broken-emp { color: #a60100; font-weight: bold; } -input.sheet-broken-str[value="0"]~div .sheet-broken-str.sheet-input-span, -input.sheet-broken-agi[value="0"]~div .sheet-broken-agi.sheet-input-span, -input.sheet-broken-wit[value="0"]~div .sheet-broken-wit.sheet-input-span, -input.sheet-broken-emp[value="0"]~div .sheet-broken-emp.sheet-input-span { +.charsheet input.broken-str[value="0"]~div .broken-str.input-span, +.charsheet input.broken-agi[value="0"]~div .broken-agi.input-span, +.charsheet input.broken-wit[value="0"]~div .broken-wit.input-span, +.charsheet input.broken-emp[value="0"]~div .broken-emp.input-span { box-sizing: border-box; } /* Fake radio using xbox for Experience/Willpower */ -input[type="radio"].sheet-xbox+span::before { +.charsheet input[type="radio"].xbox+span::before { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.png); content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png); display: inline-block; @@ -584,7 +584,7 @@ input[type="radio"].sheet-xbox+span::before { width: 15px; } -input.sheet-xbox { +.charsheet input.xbox { margin-top: 3px; opacity: 0; width: 16px; @@ -592,13 +592,13 @@ input.sheet-xbox { } /* Removes xbox from all radios _after_ selected one */ -input[type="radio"]:checked~input[type="radio"].sheet-xbox+span::before, -input[type="radio"].sheet-xbox:checked~input[type="radio"].sheet-xbox+span::before { +.charsheet input[type="radio"]:checked~input[type="radio"].xbox+span::before, +.charsheet input[type="radio"].xbox:checked~input[type="radio"].xbox+span::before { content: ""; } /* Fake radio using xbox for Conditions */ -input[type="checkbox"].sheet-xbox+span::before { +.charsheet input[type="checkbox"].xbox+span::before { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.png); content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png); display: inline-block; @@ -611,7 +611,7 @@ input[type="checkbox"].sheet-xbox+span::before { width: 15px; } -.sheet-conditions-grid>div input.sheet-xbox { +.charsheet .conditions-grid>div input.xbox { height: 20px; margin: 1px 0 0 0; opacity: 0; @@ -622,13 +622,13 @@ input[type="checkbox"].sheet-xbox+span::before { } /* Removes xbox from all radios _after_ selected one */ -input[type="checkbox"].sheet-xbox:not(:checked)+span::before { +.charsheet input[type="checkbox"].xbox:not(:checked)+span::before { content: ""; } /* Fake Action Button */ -button[type="action"].sheet-roll-button, -button[type="roll"].sheet-roll-button { +.charsheet button[type="action"].roll-button, +.charsheet button[type="roll"].roll-button { background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); border: 1px solid #ccc; border-bottom-color: #bbb; @@ -650,11 +650,11 @@ button[type="roll"].sheet-roll-button { width: 1.25em; } -button[type="roll"].sheet-roll-button-textonly::before { +.charsheet button[type="roll"].roll-button-textonly::before { content: ""; } -button.sheet-roll-button-textonly { +.charsheet button.roll-button-textonly { align-items: center; background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); border: 1px solid #ccc; @@ -668,14 +668,14 @@ button.sheet-roll-button-textonly { justify-content: center; } -button.sheet-roll-button-textonly span { +.charsheet button.roll-button-textonly span { font-size: 0.75em; margin: 0 4px 0 4px; } /* Update the Dice Pool indicator */ -.sheet-box-indicator button, -.sheet-box-api-indicator button { +.charsheet .box-indicator button, +.charsheet .box-api-indicator button { background: #a60100; border: 1px solid #000; box-shadow: 0 2px 4px 2px #000; @@ -683,14 +683,14 @@ button.sheet-roll-button-textonly span { z-index: 1; } -.sheet-box-indicator button:hover, -.sheet-box-api-indicator button:hover { +.charsheet .box-indicator button:hover, +.charsheet .box-api-indicator button:hover { border: 1px solid #a60100; box-shadow: 0 1px 4px 2px #808080; } -.sheet-box-indicator, -.sheet-box-api-indicator { +.charsheet .box-indicator, +.charsheet .box-api-indicator { -webkit-transition: opacity 0.5s; border-radius: 4px; box-shadow: 0 2px 15px transparent; @@ -699,7 +699,7 @@ button.sheet-roll-button-textonly span { transition: opacity 0.5s; } -.sheet-box-indicator::after { +.charsheet .box-indicator::after { -webkit-transition: opacity 0.5s; background-color: transparent; border: 10px solid #a60100; @@ -713,7 +713,7 @@ button.sheet-roll-button-textonly span { z-index: 0; } -.sheet-box-api-indicator::after { +.charsheet .box-api-indicator::after { -webkit-transition: opacity 0.5s; background-color: transparent; border: 10px solid #a60100; @@ -727,36 +727,36 @@ button.sheet-roll-button-textonly span { z-index: 0; } -.sheet-roll-indicator:checked~.sheet-box-indicator::after, -.sheet-roll-indicator:checked~.sheet-box-api-indicator::after { +.charsheet .roll-indicator:checked~.box-indicator::after, +.charsheet .roll-indicator:checked~.box-api-indicator::after { opacity: 1; } /* api dice toggle */ -button.sheet-api-button { +.charsheet button.api-button { border: 1px solid lightblue; box-shadow: 2px 2px 3px darkgrey; line-height: 0.85em; } -input[type="checkbox"].sheet-hidden, -.sheet-hidden { +.charsheet input[type="checkbox"].hidden, +.charsheet .hidden { display: none; } -input.sheet-hidden.sheet-api-toggle-show:checked~.sheet-template-roll { +.charsheet input.hidden.api-toggle-show:checked~.template-roll { display: none; } -div.sheet-grid-item.sheet-api-roll { +.charsheet div.grid-item.api-roll { display: none; } -input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-roll { +.charsheet input.hidden.api-toggle-show:checked~div.grid-item.api-roll { display: block; } -input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-roll button::after { +.charsheet input.hidden.api-toggle-show:checked~div.grid-item.api-roll button::after { content: "w/API"; margin-right: 2px; } @@ -764,18 +764,18 @@ input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-r /* repcontrol */ /* this sets the formatting for all repcontrol buttons */ -.itemcontrol { +.charsheet .itemcontrol { z-index: 1; } -.repcontrol { +.charsheet .repcontrol { display: flex; justify-content: flex-end; } -.repcontrol_add, -.repcontrol_edit, -.repcontrol_del { +.charsheet .repcontrol_add, +.charsheet .repcontrol_edit, +.charsheet .repcontrol_del { box-shadow: none; color: transparent; height: 1.2em; @@ -784,72 +784,72 @@ input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-r width: 2em; } -.repcontrol_move { +.charsheet .repcontrol_move { cursor: move; float: right; margin-right: 5px; width: 2em; } -button.btn.repcontrol_edit::after { +.charsheet button.btn.repcontrol_edit::after { color: black; content: '('; font-family: Pictos; margin: 0 0 0 -38px; } -.repcontainer.ui-sortable.editmode~.repcontrol button.btn.repcontrol_edit::after { +.charsheet .repcontainer.ui-sortable.editmode~.repcontrol button.btn.repcontrol_edit::after { margin: 0 0 0 -28px; } -button.btn.repcontrol_add::after { +.charsheet button.btn.repcontrol_add::after { color: black; content: '&'; font-family: Pictos; margin: 0 0 0 -31px; } -button.btn:hover.repcontrol_edit::after, -button.btn:hover.repcontrol_add::after, -button.btn:hover.repcontrol_del::after { +.charsheet button.btn:hover.repcontrol_edit::after, +.charsheet button.btn:hover.repcontrol_add::after, +.charsheet button.btn:hover.repcontrol_del::after { color: #a60100; } -a.btn.repcontrol_move:hover { +.charsheet a.btn.repcontrol_move:hover { color: #a60100; } -button.btn.btn-danger.pictos.repcontrol_del:hover { +.charsheet button.btn.btn-danger.pictos.repcontrol_del:hover { color: #fff; } /* Sheet Tabs */ -div.sheet-tab-content { +.charsheet div.tab-content { border-top: 1px solid #fff; display: none; margin-top: -30px; } -input.sheet-character:checked~div.sheet-character, -input.sheet-stronghold:checked~div.sheet-stronghold, -input.sheet-monster_only:checked~div.sheet-character, -input.sheet-settings:checked~div.sheet-settings { +.charsheet input.character:checked~div.character, +.charsheet input.stronghold:checked~div.stronghold, +.charsheet input.monster_only:checked~div.character, +.charsheet input.settings:checked~div.settings { display: inline-block; margin-top: -30px; } -input.sheet-monster_only:checked~div.sheet-character .sheet-toggle-monster-only { +.charsheet input.monster_only:checked~div.character .toggle-monster-only { display: none; } /* Total Columns formatting*/ -span.sheet-weapons-box31.sheet-readonly, -span.sheet-weapons-box36.sheet-readonly, -span.sheet-weapons-box45.sheet-readonly, -span.sheet-armor-box5.sheet-readonly, -span.sheet-shield-box9.sheet-readonly, -.sheet-skills-row span.sheet-readonly, -.monster-stats-box18 span.sheet-input-span { +.charsheet span.weapons-box31.readonly, +.charsheet span.weapons-box36.readonly, +.charsheet span.weapons-box45.readonly, +.charsheet span.armor-box5.readonly, +.charsheet span.shield-box9.readonly, +.charsheet .skills-row span.readonly, +.charsheet .monster-stats-box18 span.input-span { align-self: center; background-color: #d5d5d5; color: black; @@ -858,13 +858,13 @@ span.sheet-shield-box9.sheet-readonly, width: 100%; } -span.sheet-weapons-box31.sheet-readonly::before, -span.sheet-weapons-box36.sheet-readonly::before, -span.sheet-weapons-box45.sheet-readonly::before, -span.sheet-armor-box5.sheet-readonly::before, -span.sheet-shield-box9.sheet-readonly::before, -.sheet-skills-row span.sheet-readonly::before, -.monster-stats-box18 span.sheet-input-span::before { +.charsheet span.weapons-box31.readonly::before, +.charsheet span.weapons-box36.readonly::before, +.charsheet span.weapons-box45.readonly::before, +.charsheet span.armor-box5.readonly::before, +.charsheet span.shield-box9.readonly::before, +.charsheet .skills-row span.readonly::before, +.charsheet .monster-stats-box18 span.input-span::before { align-self: center; color: #777; content: '='; @@ -873,18 +873,18 @@ span.sheet-shield-box9.sheet-readonly::before, } /* Monster View */ -.sheet-monster, -.sheet-monster+span { +.charsheet .monster, +.charsheet .monster+span { display: none; } -input.sheet-monster_only:checked~div.sheet-character .sheet-monster, -input.sheet-monster_only:checked~div.sheet-character input.sheet-monster, -input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span { +.charsheet input.monster_only:checked~div.character .monster, +.charsheet input.monster_only:checked~div.character input.monster, +.charsheet input.monster_only:checked~div.character .monster+span { display: block; } -input[type="radio"].sheet-tab { +.charsheet input[type="radio"].tab { -moz-appearance: none; -webkit-appearance: none; border: none; @@ -900,14 +900,14 @@ input[type="radio"].sheet-tab { z-index: 1; } -input[type="radio"].sheet-tab.sheet-settings { +.charsheet input[type="radio"].tab.settings { font-family: "pictos"; margin-left: -2px; width: 20px; z-index: 0; } -input.sheet-tab::before { +.charsheet input.tab::before { background: #ddd; border: 2px solid #ccc; border-bottom: 2px solid transparent; @@ -922,31 +922,31 @@ input.sheet-tab::before { width: 90px; } -input.sheet-tab.sheet-settings::before { +.charsheet input.tab.settings::before { content: "y"; margin: 0 0 0 2px; width: 20px; } -input.sheet-tab.sheet-character:checked, -input.sheet-tab.sheet-stronghold:checked, -input.sheet-tab.sheet-monster_only:checked, -input.sheet-tab.sheet-settings:checked { +.charsheet input.tab.character:checked, +.charsheet input.tab.stronghold:checked, +.charsheet input.tab.monster_only:checked, +.charsheet input.tab.settings:checked { opacity: 1; z-index: 2; } -input.sheet-tab.sheet-character:hover, -input.sheet-tab.sheet-stronghold:hover, -input.sheet-tab.sheet-monster_only:hover, -input.sheet-tab.sheet-settings:hover { +.charsheet input.tab.character:hover, +.charsheet input.tab.stronghold:hover, +.charsheet input.tab.monster_only:hover, +.charsheet input.tab.settings:hover { opacity: 1; z-index: 3; } -input.sheet-tab.sheet-character:hover::before, -input.sheet-tab.sheet-stronghold:hover::before, -input.sheet-tab.sheet-monster_only:hover::before { +.charsheet input.tab.character:hover::before, +.charsheet input.tab.stronghold:hover::before, +.charsheet input.tab.monster_only:hover::before { background: #f5f5f5; border-bottom-color: transparent; border-color: #aaa; @@ -956,7 +956,7 @@ input.sheet-tab.sheet-monster_only:hover::before { z-index: 3; } -input.sheet-tab.sheet-settings:hover::before { +.charsheet input.tab.settings:hover::before { background: #f5f5f5; border-bottom-color: transparent; border-color: #aaa; @@ -964,24 +964,24 @@ input.sheet-tab.sheet-settings:hover::before { z-index: 3; } -input.sheet-tab:active, -input.sheet-tab:focus { +.charsheet input.tab:active, +.charsheet input.tab:focus { outline: none; } -input.sheet-tab:hover::before { +.charsheet input.tab:hover::before { background: #e3e3e3; } -input.sheet-tab:hover::before { +.charsheet input.tab:hover::before { background: #e3e3e3; font-weight: bold; height: 20px; margin: -3px 0 0 -2px; } -input.sheet-tab:checked::before, -input.sheet-tab:checked:hover::before { +.charsheet input.tab:checked::before, +.charsheet input.tab:checked:hover::before { background: #000; border: 2px solid #444; border-bottom: 2px solid transparent; @@ -992,20 +992,20 @@ input.sheet-tab:checked:hover::before { width: 92px; } -input.sheet-tab.sheet-settings:checked::before, -input.sheet-tab.sheet-settings:checked:hover::before { +.charsheet input.tab.settings:checked::before, +.charsheet input.tab.settings:checked:hover::before { width: 20px; } /* hides radio selector */ -input.sheet-tab.sheet-character:checked::after, -input.sheet-tab.sheet-stronghold:checked::after, -input.sheet-tab.sheet-monster_only:checked::after, -input.sheet-tab.sheet-settings:checked::after { +.charsheet input.tab.character:checked::after, +.charsheet input.tab.stronghold:checked::after, +.charsheet input.tab.monster_only:checked::after, +.charsheet input.tab.settings:checked::after { opacity: 0; } -.sheet-wrapper { +.charsheet .wrapper { background-color: inherit; border: 2px solid #000; border-image-outset: 0 10 0 10; @@ -1022,14 +1022,14 @@ input.sheet-tab.sheet-settings:checked::after { width: 100%; } -.sheet-logo { +.charsheet .logo { margin-bottom: -2px; max-height: 56px; min-width: 820px; text-align: right; } -span.sheet-logo-image { +.charsheet span.logo-image { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL_logo.png); background-repeat: no-repeat; background-size: contain; @@ -1039,46 +1039,46 @@ span.sheet-logo-image { width: 220px; } -span.sheet-logo-image.lang-sv { +.charsheet span.logo-image.lang-sv { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL_logo_sv.png) } -input { +.charsheet input { color: #000; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } -.sheet-input:focus, -input[type="text"].sheet-input:focus, -input[type="number"].sheet-input:focus, -input[type="text"].sheet-input:focus, -input[type="number"].sheet-input:focus, -input[type="text"].sheet-input-number:focus, -input[type="number"].sheet-input-number:focus, -.sheet-input-textarea:focus, -textarea:focus { +.charsheet .input:focus, +.charsheet input[type="text"].input:focus, +.charsheet input[type="number"].input:focus, +.charsheet input[type="text"].input:focus, +.charsheet input[type="number"].input:focus, +.charsheet input[type="text"].input-number:focus, +.charsheet input[type="number"].input-number:focus, +.charsheet .input-textarea:focus, +.charsheet textarea:focus { background-color: #ffffea; outline: none; } -.sheet-input, -input[type="text"].sheet-input, -input[type="number"].sheet-input { +.charsheet .input, +.charsheet input[type="text"].input, +.charsheet input[type="number"].input { color: #000; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; height: 2.25em; width: 100%; } -input[type="text"].sheet-input-number, -input[type="number"].sheet-input-number { +.charsheet input[type="text"].input-number, +.charsheet input[type="number"].input-number { color: #000; max-height: 2.25em; text-align: center; width: 100%; } -select.sheet-input { +.charsheet select.input { -moz-appearance: none; -webkit-appearance: none; color: #000; @@ -1089,13 +1089,13 @@ select.sheet-input { width: 100%; } -select.sheet-input:hover { +.charsheet select.input:hover { -moz-appearance: menulist; -webkit-appearance: menulist; padding: 0; } -input.sheet-input.sheet-input-number-center { +.charsheet input.input.input-number-center { display: flex; justify-self: center; text-align: center; @@ -1103,7 +1103,7 @@ input.sheet-input.sheet-input-number-center { } /* change checkbox appearance */ -input[type="checkbox"] { +.charsheet input[type="checkbox"] { -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; @@ -1118,13 +1118,13 @@ input[type="checkbox"] { width: 1em; } -input[type="checkbox"]:checked { +.charsheet input[type="checkbox"]:checked { background-color: #fff; border: 1px solid #000; vertical-align: text-bottom; } -input[type="checkbox"]:checked::after { +.charsheet input[type="checkbox"]:checked::after { color: #000; content: "3"; font-family: pictos; @@ -1132,14 +1132,14 @@ input[type="checkbox"]:checked::after { top: -7px; } -input[type="checkbox"]:active { +.charsheet input[type="checkbox"]:active { border: 2px solid #34495e; } /* end checkbox appearance */ /* change radio appearance */ -input[type="radio"] { +.charsheet input[type="radio"] { -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; @@ -1154,25 +1154,25 @@ input[type="radio"] { width: 1em; } -input[type="radio"].sheet-xbox { +.charsheet input[type="radio"].xbox { opacity: 0; } -input[type="radio"]:checked { +.charsheet input[type="radio"]:checked { border: 1px solid transparent; border-radius: 50%; vertical-align: text-bottom; } -input[type="radio"].sheet-tab:checked::after, -input[type="radio"].sheet-tab:not(:checked)::after, -input[type="radio"].sheet-skull:checked::after, -input[type="radio"].sheet-skull:not(:checked)::after { +.charsheet input[type="radio"].tab:checked::after, +.charsheet input[type="radio"].tab:not(:checked)::after, +.charsheet input[type="radio"].skull:checked::after, +.charsheet input[type="radio"].skull:not(:checked)::after { display: none; } -input[type="radio"]:checked::after, -input[type="radio"]:not(:checked)::after { +.charsheet input[type="radio"]:checked::after, +.charsheet input[type="radio"]:not(:checked)::after { color: #000; content: "1"; font-family: pictos; @@ -1181,8 +1181,8 @@ input[type="radio"]:not(:checked)::after { top: -5px; } -input[type="radio"]:hover:checked::after, -input[type="radio"]:hover:not(:checked)::after { +.charsheet input[type="radio"]:hover:checked::after, +.charsheet input[type="radio"]:hover:not(:checked)::after { color: #a60002; font-weight: bold; opacity: 1; @@ -1190,14 +1190,14 @@ input[type="radio"]:hover:not(:checked)::after { /* end radio appearance */ -input[type="checkbox"].sheet-input { +.charsheet input[type="checkbox"].input { align-self: center; height: 11px; justify-self: center; width: 11px; } -.sheet-input-textarea { +.charsheet .input-textarea { color: #000; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; height: 1.9em; @@ -1210,17 +1210,17 @@ input[type="checkbox"].sheet-input { width: 100%; } -.sheet-details-grid div .sheet-input-textarea, -.sheet-appearance-grid div .sheet-input-textarea { +.charsheet .details-grid div .input-textarea, +.charsheet .appearance-grid div .input-textarea { height: 3em; min-height: 3em; } -input[disabled].sheet-input-number, -input[readonly].sheet-input, -textarea[disabled].sheet-input, -textarea[readonly].sheet-input, -input[readonly].sheet-input-number { +.charsheet input[disabled].input-number, +.charsheet input[readonly].input, +.charsheet textarea[disabled].input, +.charsheet textarea[readonly].input, +.charsheet input[readonly].input-number { background-color: #eee; border-color: #6e6e6e; color: #6e6e6e; @@ -1230,33 +1230,33 @@ input[readonly].sheet-input-number { text-align: center; } -button>input.sheet-input { +.charsheet button>input.input { max-height: 1.75em; } -button[type="action"] { +.charsheet button[type="action"] { border-radius: 5px; } /* hide spinner in FF number inputs */ -input[type="number"]:not(:hover)::-webkit-inner-spin-button, -input[type="number"]:not(:hover)::-webkit-outer-spin-button { +.charsheet input[type="number"]:not(:hover)::-webkit-inner-spin-button, +.charsheet input[type="number"]:not(:hover)::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -input[type="number"]:not(:hover) { +.charsheet input[type="number"]:not(:hover) { -moz-appearance: textfield; } /* highlight rows on hover */ -.itemcontrol+div:hover, -.sheet-skills-grid span.sheet-skills-row:hover { +.charsheet .itemcontrol+div:hover, +.charsheet .skills-grid span.skills-row:hover { background-color: #e6e6e6; } /* show/hide areas */ -.sheet-expand { +.charsheet .expand { left: -8px; opacity: 0; position: absolute; @@ -1265,7 +1265,7 @@ input[type="number"]:not(:hover) { z-index: 6; } -input.sheet-expand+span::before { +.charsheet input.expand+span::before { color: #c3996b; content: "y"; cursor: pointer; @@ -1280,75 +1280,75 @@ input.sheet-expand+span::before { z-index: 3; } -.sheet-mount-grid input.sheet-expand+span::before { +.charsheet .mount-grid input.expand+span::before { margin-top: 2.75em; } -input.sheet-expand+span::before, -input.sheet-expand:checked+span::before { +.charsheet input.expand+span::before, +.charsheet input.expand:checked+span::before { opacity: 0.25; } -.repitem .sheet-weapons-grid:hover input.sheet-expand+span::before, -.repitem .sheet-monster-attacks-grid:hover input.sheet-expand+span::before, -.repitem .sheet-talents-grid:hover input.sheet-expand+span::before, -.sheet-armor-box10:hover input.sheet-expand+span::before, -.sheet-armor-box10-2:hover input.sheet-expand+span::before, -.sheet-armor-box10-3:hover input.sheet-expand+span::before, -.sheet-armor-box10-4:hover input.sheet-expand+span::before, -.sheet-armor-box10-5:hover input.sheet-expand+span::before, -.sheet-shield-box12:hover input.sheet-expand+span::before, -.repitem .sheet-gear-grid:hover input.sheet-expand+span::before, -.sheet-mount-grid:hover input.sheet-expand+span::before, -.repitem .sheet-mount_gear-grid:hover input.sheet-expand+span::before, -.repitem .sheet-spells-grid:hover input.sheet-expand+span::before, -.sheet-skills-row:hover input.sheet-expand+span::before { +.charsheet .repitem .weapons-grid:hover input.expand+span::before, +.charsheet .repitem .monster-attacks-grid:hover input.expand+span::before, +.charsheet .repitem .talents-grid:hover input.expand+span::before, +.charsheet .armor-box10:hover input.expand+span::before, +.charsheet .armor-box10-2:hover input.expand+span::before, +.charsheet .armor-box10-3:hover input.expand+span::before, +.charsheet .armor-box10-4:hover input.expand+span::before, +.charsheet .armor-box10-5:hover input.expand+span::before, +.charsheet .shield-box12:hover input.expand+span::before, +.charsheet .repitem .gear-grid:hover input.expand+span::before, +.charsheet .mount-grid:hover input.expand+span::before, +.charsheet .repitem .mount_gear-grid:hover input.expand+span::before, +.charsheet .repitem .spells-grid:hover input.expand+span::before, +.charsheet .skills-row:hover input.expand+span::before { opacity: 0.85; } -input.sheet-expand~.sheet-input-textarea, -.repitem input.sheet-expand~.sheet-input-textarea, -input.sheet-expand~.sheet-weapons-subgrid, -input.sheet-expand~.sheet-armor-row2, -input.sheet-expand~.sheet-shield-row2, -input.sheet-expand~.sheet-animal-handling-row2, -input.sheet-expand~.sheet-crafting-row2, -input.sheet-expand~.sheet-endurance-row2, -input.sheet-expand~.sheet-healing-row2, -input.sheet-expand~.sheet-insight-row2, -input.sheet-expand~.sheet-lore-row2, -input.sheet-expand~.sheet-manipulation-row2, -input.sheet-expand~.sheet-marksmanship-row2, -input.sheet-expand~.sheet-melee-row2, -input.sheet-expand~.sheet-might-row2, -input.sheet-expand~.sheet-move-row2, -input.sheet-expand~.sheet-performance-row2, -input.sheet-expand~.sheet-scouting-row2, -input.sheet-expand~.sheet-sleight-of-hand-row2, -input.sheet-expand~.sheet-stealth-row2, -input.sheet-expand~.sheet-survival-row2 { +.charsheet input.expand~.input-textarea, +.charsheet .repitem input.expand~.input-textarea, +.charsheet input.expand~.weapons-subgrid, +.charsheet input.expand~.armor-row2, +.charsheet input.expand~.shield-row2, +.charsheet input.expand~.animal-handling-row2, +.charsheet input.expand~.crafting-row2, +.charsheet input.expand~.endurance-row2, +.charsheet input.expand~.healing-row2, +.charsheet input.expand~.insight-row2, +.charsheet input.expand~.lore-row2, +.charsheet input.expand~.manipulation-row2, +.charsheet input.expand~.marksmanship-row2, +.charsheet input.expand~.melee-row2, +.charsheet input.expand~.might-row2, +.charsheet input.expand~.move-row2, +.charsheet input.expand~.performance-row2, +.charsheet input.expand~.scouting-row2, +.charsheet input.expand~.sleight-of-hand-row2, +.charsheet input.expand~.stealth-row2, +.charsheet input.expand~.survival-row2 { display: none; } -input.sheet-expand:checked~.sheet-weapons-subgrid, -input.sheet-expand:checked~.sheet-armor-row2, -input.sheet-expand:checked~.sheet-shield-row2, -input.sheet-expand:checked~.sheet-animal-handling-row2, -input.sheet-expand:checked~.sheet-crafting-row2, -input.sheet-expand:checked~.sheet-endurance-row2, -input.sheet-expand:checked~.sheet-healing-row2, -input.sheet-expand:checked~.sheet-insight-row2, -input.sheet-expand:checked~.sheet-lore-row2, -input.sheet-expand:checked~.sheet-manipulation-row2, -input.sheet-expand:checked~.sheet-marksmanship-row2, -input.sheet-expand:checked~.sheet-melee-row2, -input.sheet-expand:checked~.sheet-might-row2, -input.sheet-expand:checked~.sheet-move-row2, -input.sheet-expand:checked~.sheet-performance-row2, -input.sheet-expand:checked~.sheet-scouting-row2, -input.sheet-expand:checked~.sheet-sleight-of-hand-row2, -input.sheet-expand:checked~.sheet-stealth-row2, -input.sheet-expand:checked~.sheet-survival-row2 { +.charsheet input.expand:checked~.weapons-subgrid, +.charsheet input.expand:checked~.armor-row2, +.charsheet input.expand:checked~.shield-row2, +.charsheet input.expand:checked~.animal-handling-row2, +.charsheet input.expand:checked~.crafting-row2, +.charsheet input.expand:checked~.endurance-row2, +.charsheet input.expand:checked~.healing-row2, +.charsheet input.expand:checked~.insight-row2, +.charsheet input.expand:checked~.lore-row2, +.charsheet input.expand:checked~.manipulation-row2, +.charsheet input.expand:checked~.marksmanship-row2, +.charsheet input.expand:checked~.melee-row2, +.charsheet input.expand:checked~.might-row2, +.charsheet input.expand:checked~.move-row2, +.charsheet input.expand:checked~.performance-row2, +.charsheet input.expand:checked~.scouting-row2, +.charsheet input.expand:checked~.sleight-of-hand-row2, +.charsheet input.expand:checked~.stealth-row2, +.charsheet input.expand:checked~.survival-row2 { border: 2px dotted #c3996b; box-sizing: border-box; display: grid; @@ -1356,7 +1356,7 @@ input.sheet-expand:checked~.sheet-survival-row2 { width: 100%; } -input.sheet-expand:checked~.sheet-input-textarea { +.charsheet input.expand:checked~.input-textarea { border: 2px dotted #c3996b; box-sizing: border-box; display: block; @@ -1369,7 +1369,7 @@ input.sheet-expand:checked~.sheet-input-textarea { } /* warning border*/ -input[type="checkbox"].sheet-warning:checked~div .sheet-over-encumbered { +.charsheet input[type="checkbox"].warning:checked~div .over-encumbered { border: 2px dotted #a60100; color: #2f2f2f; font-weight: bold; @@ -1377,7 +1377,7 @@ input[type="checkbox"].sheet-warning:checked~div .sheet-over-encumbered { /* character grid layout */ -.sheet-character-grid { +.charsheet .character-grid { display: grid; grid-column-gap: 4px; grid-row-gap: 4px; @@ -1385,14 +1385,14 @@ input[type="checkbox"].sheet-warning:checked~div .sheet-over-encumbered { margin: -10px 0 0 0; } -.sheet-box { +.charsheet .box { border: 1px solid #000; border-radius: 4px; padding: 0 5px 0 5px; text-align: left; } -.sheet-character-heading { +.charsheet .character-heading { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20top%20banner.png); background-position-x: center; background-position-y: top; @@ -1409,12 +1409,12 @@ input[type="checkbox"].sheet-warning:checked~div .sheet-over-encumbered { padding: 10px; } -.sheet-character-attributes { +.charsheet .character-attributes { grid-column-start: 1; } /* monster version of attributes */ -input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes { +.charsheet input.monster_only:checked~div.character .character-attributes { background-color: inherit; background-image: none; border: 7px solid #000; @@ -1428,7 +1428,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes padding: 0; } -.sheet-character-details { +.charsheet .character-details { background-color: inherit; border: 10px solid #000; border-bottom-width: 18px; @@ -1442,19 +1442,19 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes padding: 5px; } -.sheet-character-appearance { +.charsheet .character-appearance { grid-column-start: 3; } -.sheet-character-conditions { +.charsheet .character-conditions { border: none; grid-column: 1/4; padding: 10px 0 5px 0; } /* add fbl applique border/backgrounds */ -.sheet-character-attributes, -.sheet-character-appearance { +.charsheet .character-attributes, +.charsheet .character-appearance { background-color: inherit; border: 10px solid #000; border-bottom-width: 18px; @@ -1468,17 +1468,17 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes padding: 0 2px 0 2px; } -.sheet-character-injuries, -.sheet-character-weapons, -.sheet-character-beasts, -.sheet-character-notes, -.sheet-character-armor, -.sheet-character-relationships, -.sheet-character-spells, -.sheet-stronghold-functions, -.sheet-stronghold-hirelings, -.sheet-stronghold-stockpile, -.sheet-stronghold-notes { +.charsheet .character-injuries, +.charsheet .character-weapons, +.charsheet .character-beasts, +.charsheet .character-notes, +.charsheet .character-armor, +.charsheet .character-relationships, +.charsheet .character-spells, +.charsheet .stronghold-functions, +.charsheet .stronghold-hirelings, +.charsheet .stronghold-stockpile, +.charsheet .stronghold-notes { background-color: inherit; border: 7px solid #000; border-image-repeat: repeat; @@ -1490,23 +1490,23 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes padding: 0; } -.sheet-character-injuries, -.sheet-character-weapons, -.sheet-character-beasts, -.sheet-character-notes { +.charsheet .character-injuries, +.charsheet .character-weapons, +.charsheet .character-beasts, +.charsheet .character-notes { grid-column: 1/4; } -.sheet-character-armor, -.sheet-character-relationships, -.sheet-character-spells { +.charsheet .character-armor, +.charsheet .character-relationships, +.charsheet .character-spells { grid-column: 1/3; height: fit-content; padding: 0 0 8px 0; } -.sheet-character-skills, -.sheet-character-dice_pool { +.charsheet .character-skills, +.charsheet .character-dice_pool { background-color: inherit; border: 7px solid #000; border-image-repeat: repeat; @@ -1518,7 +1518,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes padding: 0 0px 0 0px; } -.sheet-character-skill-dice-box { +.charsheet .character-skill-dice-box { border: none; display: flex; grid-column: 1/3; @@ -1528,22 +1528,22 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes width: 100%; } -.sheet-character-skills { +.charsheet .character-skills { min-width: 20em; width: 50%; } -.sheet-character-dice_pool { +.charsheet .character-dice_pool { background-color: #ffffea; min-width: 20em; width: 40%; } -input.sheet-dice_only:checked~div.sheet-character .sheet-character-dice_pool { +.charsheet input.dice_only:checked~div.character .character-dice_pool { width: 100%; } -input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { +.charsheet input.dice_only:checked~div.character .box.character-skill-dice-box { display: flex; grid-column: 1/4; justify-self: center; @@ -1551,63 +1551,63 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-ski min-width: 20em; } -.sheet-character-column3 { +.charsheet .character-column3 { border: none; grid-column-start: 3; grid-row-end: span 6; height: fit-content; } -.sheet-character-talents { +.charsheet .character-talents { height: fit-content; } -.sheet-character-gear { +.charsheet .character-gear { height: fit-content; } -.sheet-character-mount { +.charsheet .character-mount { height: fit-content; } /* Consumables Images */ -button[title*="food"].sheet-roll-button-textonly.sheet-header-h1::before { +.charsheet button[title*="food"].roll-button-textonly.header-h1::before { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/food_blk.png); } -button[title*="water"].sheet-roll-button-textonly.sheet-header-h1::after { +.charsheet button[title*="water"].roll-button-textonly.header-h1::after { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/water_blk.png); } -button[title*="arrows"].sheet-roll-button-textonly.sheet-header-h1::before { +.charsheet button[title*="arrows"].roll-button-textonly.header-h1::before { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/arrows_blk.png); } -button[title*="torches}"].sheet-roll-button-textonly.sheet-header-h1::after { +.charsheet button[title*="torches}"].roll-button-textonly.header-h1::after { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/torches_blk.png); } /*show white image on hover*/ -button[title*="food"].sheet-roll-button-textonly.sheet-header-h1:hover::before { +.charsheet button[title*="food"].roll-button-textonly.header-h1:hover::before { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/food_wht.png); } -button[title*="water"].sheet-roll-button-textonly.sheet-header-h1:hover::after { +.charsheet button[title*="water"].roll-button-textonly.header-h1:hover::after { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/water_wht.png); } -button[title*="arrows"].sheet-roll-button-textonly.sheet-header-h1:hover::before { +.charsheet button[title*="arrows"].roll-button-textonly.header-h1:hover::before { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/arrows_wht.png); } -button[title*="torches}"].sheet-roll-button-textonly.sheet-header-h1:hover::after { +button[title*="torches}"].roll-button-textonly.header-h1:hover::after { background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/torches_wht.png); } -button[title*="food"].sheet-roll-button-textonly.sheet-header-h1::before, -button[title*="water"].sheet-roll-button-textonly.sheet-header-h1::after, -button[title*="arrows"].sheet-roll-button-textonly.sheet-header-h1::before, -button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { +.charsheet button[title*="food"].roll-button-textonly.header-h1::before, +.charsheet button[title*="water"].roll-button-textonly.header-h1::after, +.charsheet button[title*="arrows"].roll-button-textonly.header-h1::before, +.charsheet button[title*="torches"].roll-button-textonly.header-h1::after { background-repeat: no-repeat; background-size: cover; content: ''; @@ -1616,14 +1616,14 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { width: 32px; } -.sheet-gear-grid button.sheet-roll-button-textonly.sheet-header-h1 { +.charsheet .gear-grid button.roll-button-textonly.header-h1 { margin: 0; padding: 2px 0 2px 0; width: -moz-available; } -.sheet-character-coins, -.sheet-character-consumables { +.charsheet .character-coins, +.charsheet .character-consumables { background-color: inherit; border: 7px solid #000; border-bottom-width: 18px; @@ -1635,7 +1635,7 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { padding: 0 2px 0 2px; } -.sheet-character-experience { +.charsheet .character-experience { align-self: center; background: #000; grid-column-start: 1; @@ -1645,7 +1645,7 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { z-index: 1; } -.sheet-character-willpower { +.charsheet .character-willpower { background-color: inherit; border: 7px solid #000; border-bottom-width: 5px; @@ -1659,21 +1659,21 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { padding: 0 2px 0 2px; } -.sheet-willpower-grid .sheet-willpower-box2, -.sheet-willpower-grid .sheet-willpower-box3 { +.charsheet .willpower-grid .willpower-box2, +.charsheet .willpower-grid .willpower-box3 { padding: 0 0 10px 0; } -.sheet-character-spells { +.charsheet .character-spells { grid-row-start: 11; } -.sheet-character-relationships { +.charsheet .character-relationships { grid-row-start: 10; } /* ---------------------------------- Heading */ -.sheet-heading-grid { +.charsheet .heading-grid { align-items: center; display: grid; grid-template-columns: auto auto auto; @@ -1682,25 +1682,25 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { width: 90%; } -.sheet-heading-grid div:nth-child(even), -.sheet-heading-grid div:nth-child(even) input { +.charsheet .heading-grid div:nth-child(even), +.charsheet .heading-grid div:nth-child(even) input { text-align: center; width: 11.5em; } -.sheet-heading-box1 { +.charsheet .heading-box1 { display: flex; flex-direction: row-reverse; } -.sheet-heading-box2 { +.charsheet .heading-box2 { align-self: flex-end; display: flex; justify-self: center; margin: 0 0 -60px 0; } -.sheet-heading-box5 { +.charsheet .heading-box5 { align-self: flex-end; display: flex; justify-self: center; @@ -1708,12 +1708,12 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { } /* raven image*/ -.sheet-heading-box7 { +.charsheet .heading-box7 { grid-column: 3; grid-row: 3; } -.sheet-heading-box7 img { +.charsheet .heading-box7 img { height: 6.5em; margin: -1.25em 0 0 -6em; pointer-events: none; @@ -1722,61 +1722,61 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { } /* ---------------------------------- Attributes */ -.sheet-attributes-grid { +.charsheet .attributes-grid { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 5px 0; } -.sheet-attributes-grid>div:first-child { +.charsheet .attributes-grid>div:first-child { margin-bottom: 0.5em; } -.sheet-attributes-grid>div:not(:first-child) { +.charsheet .attributes-grid>div:not(:first-child) { align-items: center; display: flex; flex-wrap: wrap; margin: 0 -5px 5px -3px; } -.sheet-attributes-grid>.sheet-attributes-box2, -.sheet-attributes-grid>.sheet-attributes-box6, -.sheet-attributes-grid>.sheet-attributes-box10, -.sheet-attributes-grid>.sheet-attributes-box14 { +.charsheet .attributes-grid>.attributes-box2, +.charsheet .attributes-grid>.attributes-box6, +.charsheet .attributes-grid>.attributes-box10, +.charsheet .attributes-grid>.attributes-box14 { font-size: 1.2em; justify-content: space-around; min-width: 4.5em; width: 30%; } -.sheet-attributes-grid>.sheet-attributes-box3, -.sheet-attributes-grid>.sheet-attributes-box5, -.sheet-attributes-grid>.sheet-attributes-box7, -.sheet-attributes-grid>.sheet-attributes-box9, -.sheet-attributes-grid>.sheet-attributes-box11, -.sheet-attributes-grid>.sheet-attributes-box13, -.sheet-attributes-grid>.sheet-attributes-box15, -.sheet-attributes-grid>.sheet-attributes-box17 { +.charsheet .attributes-grid>.attributes-box3, +.charsheet .attributes-grid>.attributes-box5, +.charsheet .attributes-grid>.attributes-box7, +.charsheet .attributes-grid>.attributes-box9, +.charsheet .attributes-grid>.attributes-box11, +.charsheet .attributes-grid>.attributes-box13, +.charsheet .attributes-grid>.attributes-box15, +.charsheet .attributes-grid>.attributes-box17 { justify-content: left; width: 2.5em; } -.sheet-attributes-grid>.sheet-attributes-box4, -.sheet-attributes-grid>.sheet-attributes-box8, -.sheet-attributes-grid>.sheet-attributes-box12, -.sheet-attributes-grid>.sheet-attributes-box16 { +.charsheet .attributes-grid>.attributes-box4, +.charsheet .attributes-grid>.attributes-box8, +.charsheet .attributes-grid>.attributes-box12, +.charsheet .attributes-grid>.attributes-box16 { justify-content: space-between; min-width: 9.25em; width: 45%; } -.sheet-attributes-box1 { +.charsheet .attributes-box1 { margin: -2px -5px 0 -5px; width: 104%; } -.sheet-input-span { +.charsheet .input-span { align-items: center; box-sizing: border-box; color: #555; @@ -1792,42 +1792,42 @@ button[title*="torches"].sheet-roll-button-textonly.sheet-header-h1::after { } /*ability buttons*/ -.sheet-attributes-grid button[type="action"] { +.charsheet .attributes-grid button[type="action"] { height: 2em; padding: 0; width: 100%; } -.sheet-attributes-grid button[type="action"]>span { +.charsheet .attributes-grid button[type="action"]>span { font-size: 1.2em; font-weight: normal; } /*skills buttons*/ -.sheet-skills-grid button[type="action"]>span { +.charsheet .skills-grid button[type="action"]>span { font-size: .95em; } /* -----------------------------------Monster Tab layout */ -input.sheet-monster_only:checked~div.sheet-character .sheet-character-grid { +.charsheet input.monster_only:checked~div.character .character-grid { grid-template-columns: auto auto 22em; margin: -4px 0 0 0; padding: 0; } -input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes { +.charsheet input.monster_only:checked~div.character .character-attributes { grid-column: 1/3; grid-row-start: 1; height: fit-content; } -input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks { +.charsheet input.monster_only:checked~div.character .monster-attacks { border: none; grid-column: 1/3; grid-row-start: 2; } -input.sheet-monster_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { +.charsheet input.monster_only:checked~div.character .box.character-skill-dice-box { border: none; display: grid; grid-column-start: 3; @@ -1837,56 +1837,56 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-box.sheet-character- padding: 0; } -input.sheet-monster_only:checked~div.sheet-character .sheet-character-skills { +.charsheet input.monster_only:checked~div.character .character-skills { grid-column-start: 3; grid-row-start: 3; margin-top: 2px; } -input.sheet-monster_only:checked~div.sheet-character .sheet-character-dice_pool { +.charsheet input.monster_only:checked~div.character .character-dice_pool { grid-column-start: 3; grid-row-start: 1; grid-row: span 2; } -input.sheet-monster_only:checked~div.sheet-character .sheet-character-notes { +.charsheet input.monster_only:checked~div.character .character-notes { grid-column: 1/3; grid-row-start: 3; height: fit-content; } /* ---------------------------------- Monster Stats */ -.sheet-monster-stat1>*[class^="sheet-monster-stats-box"] { +.charsheet .monster-stat1>*[class^="monster-stats-box"] { align-items: center; display: flex; justify-self: center; } -.sheet-monster-stat1>.sheet-column-header { +.charsheet .monster-stat1>.column-header { margin-top: 1.5em; } -input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid { +.charsheet input.monster_only:checked~div.character .attributes-grid { float: right; margin: 0; padding: 0 1em 0 1em; width: 37em; } -input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid>div:not(:first-child) { +.charsheet input.monster_only:checked~div.character .attributes-grid>div:not(:first-child) { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 3px; } -input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box8 input.sheet-skull, -input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box12 input.sheet-skull, -input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box16 input.sheet-skull { +.charsheet input.monster_only:checked~div.character .attributes-box8 input.skull, +.charsheet input.monster_only:checked~div.character .attributes-box12 input.skull, +.charsheet input.monster_only:checked~div.character .attributes-box16 input.skull { margin: -10px -16px -10px -10px; } -input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { +.charsheet input.monster_only:checked~div.character .monster-stat1 { display: grid; grid-row-gap: 2px; grid-template-columns: 4em 7em auto 3em 3em 8em 4em 4em auto; @@ -1894,7 +1894,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { padding: 0 2px 0 2px; } -.sheet-monster-stat1 input[type="text"].sheet-header-h1 { +.charsheet .monster-stat1 input[type="text"].header-h1 { background-color: white; color: #333; font-size: 1.65em; @@ -1904,108 +1904,108 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { width: 38%; } -.sheet-monster-stats-box1 { +.charsheet .monster-stats-box1 { grid-column: 1/10; grid-row-start: 1; height: 4em; margin: 0; } -.sheet-monster-stats-box2 { +.charsheet .monster-stats-box2 { grid-column-start: 1; grid-row-start: 1; } -.sheet-monster-stats-box3 { +.charsheet .monster-stats-box3 { grid-column-start: 2; grid-row-start: 1; } -.sheet-monster-stats-box4 { +.charsheet .monster-stats-box4 { grid-column-start: 3; grid-row-start: 1; } -.sheet-monster-stats-box5 { +.charsheet .monster-stats-box5 { grid-column-start: 4; grid-row-start: 1; justify-self: right; } -.sheet-monster-stats-box6 { +.charsheet .monster-stats-box6 { grid-column-start: 5; grid-row-start: 1; justify-self: left; } -.sheet-monster-stats-box6 span::before { +.charsheet .monster-stats-box6 span::before { content: "/"; padding: 0 2px 0 0; } -.sheet-monster-stats-box7 { +.charsheet .monster-stats-box7 { grid-column-start: 6; grid-row-start: 1; } -.sheet-monster-stats-box8 { +.charsheet .monster-stats-box8 { grid-column-start: 7; grid-row-start: 1; } -.sheet-monster-stats-box9 { +.charsheet .monster-stats-box9 { grid-column-start: 8; grid-row-start: 1; } -.sheet-monster-stats-box10 { +.charsheet .monster-stats-box10 { grid-column-start: 9; grid-row-start: 1; } -.sheet-monster-stats-box11 { +.charsheet .monster-stats-box11 { grid-column-start: 1; grid-row-start: 2; width: 3em; } -.sheet-monster-stats-box12 { +.charsheet .monster-stats-box12 { grid-column-start: 2; grid-row-start: 2; } -.sheet-monster-stats-box13 { +.charsheet .monster-stats-box13 { grid-column-start: 3; grid-row-start: 2; } -.sheet-monster-stats-box14 { +.charsheet .monster-stats-box14 { grid-column-start: 4; grid-row-start: 2; width: 3em; } -.sheet-monster-stats-box15 { +.charsheet .monster-stats-box15 { grid-column-start: 5; grid-row-start: 2; } -.sheet-monster-stats-box16 { +.charsheet .monster-stats-box16 { grid-column-start: 6; grid-row-start: 2; } -.sheet-monster-stats-box17 { +.charsheet .monster-stats-box17 { grid-column-start: 7; grid-row-start: 2; } -.sheet-monster-stats-box18 { +.charsheet .monster-stats-box18 { grid-column-start: 8; grid-row-start: 2; } -.sheet-monster-stats-box19 { +.charsheet .monster-stats-box19 { grid-column-start: 9; grid-row-start: 2; } @@ -2013,14 +2013,14 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { /* ---------------------------------- Monster Attacks */ /*rep-items counter*/ -.sheet-repeating-fields { - counter-reset: sheet-rep-items 0; +.charsheet .repeating-fields { + counter-reset: rep-items 0; } -input[type="checkbox"].sheet-counted:checked+span::before { +.charsheet input[type="checkbox"].counted:checked+span::before { color: #000; - content: counter(sheet-rep-items) " "; - counter-increment: sheet-rep-items; + content: counter(rep-items) " "; + counter-increment: rep-items; font-size: 2em; font-weight: bold; left: 0; @@ -2028,59 +2028,59 @@ input[type="checkbox"].sheet-counted:checked+span::before { top: -3px; } -input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid { +.charsheet input.monster_only:checked~div.character .monster-attacks-grid { display: grid; grid-column-gap: 1px; grid-row-gap: 2px; grid-template-columns: 1em 2em auto 2.5em 2.5em 7em 6em; } -.sheet-monster-attacks-box { +.charsheet .monster-attacks-box { grid-column: 1/8; grid-row-start: 1; } -.sheet-monster-attacks-box1 { +.charsheet .monster-attacks-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-monster-attacks-box2 { +.charsheet .monster-attacks-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-monster-attacks-box3 { +.charsheet .monster-attacks-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-monster-attacks-box4 { +.charsheet .monster-attacks-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-monster-attacks-box5 { +.charsheet .monster-attacks-box5 { grid-column-start: 5; grid-row-start: 1; } -.sheet-monster-attacks-box6 { +.charsheet .monster-attacks-box6 { grid-column-start: 6; grid-row-start: 1; } -.sheet-monster-attacks-box7 { +.charsheet .monster-attacks-box7 { grid-column-start: 7; grid-row-start: 1; } -.sheet-monster-attacks-box8 { +.charsheet .monster-attacks-box8 { grid-column: 1/8; grid-row-start: 2; } -.sheet-monster-attacks-box8 { +.charsheet .monster-attacks-box8 { background-color: inherit; border: 10px solid #000; border-image-repeat: repeat; @@ -2094,7 +2094,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid /* ---------------------------------- Details */ -.sheet-details-grid { +.charsheet .details-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 1em; @@ -2102,47 +2102,47 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid padding: 2em 0 2em 0; } -.sheet-details-grid>div { +.charsheet .details-grid>div { align-items: center; display: flex; justify-content: space-evenly; } -.sheet-details-grid>div textarea { +.charsheet .details-grid>div textarea { height: 100%; } -.sheet-details-box1 { +.charsheet .details-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-details-box2 { +.charsheet .details-box2 { grid-column: 2/6; grid-row-start: 1; } -.sheet-details-box3 { +.charsheet .details-box3 { grid-column-start: 1; grid-row-start: 2; } -.sheet-details-box4 { +.charsheet .details-box4 { grid-column: 2/6; grid-row-start: 2; } -.sheet-details-box5 { +.charsheet .details-box5 { grid-column-start: 1; grid-row-start: 3; } -.sheet-details-box6 { +.charsheet .details-box6 { grid-column: 2/4; grid-row-start: 3; } -.sheet-details-box7 { +.charsheet .details-box7 { flex-wrap: wrap; grid-column-start: 4; grid-row-start: 3; @@ -2151,7 +2151,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid width: min-content; } -.sheet-details-box8 { +.charsheet .details-box8 { grid-column-start: 5; grid-row-start: 3; margin: 0 0 0 -5px; @@ -2159,7 +2159,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid /* ---------------------------------- Appearance */ -.sheet-appearance-grid { +.charsheet .appearance-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 10px; @@ -2168,113 +2168,113 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid padding: 0; } -.sheet-appearance-grid>div:first-child { +.charsheet .appearance-grid>div:first-child { margin: 0 -10px 0 -10px; } -.sheet-appearance-grid>div { +.charsheet .appearance-grid>div { align-items: center; display: flex; justify-content: space-evenly; } -.sheet-appearance-grid>div textarea { +.charsheet .appearance-grid>div textarea { height: 100%; } -.sheet-appearance-box1 { +.charsheet .appearance-box1 { grid-column: 1/3; grid-row-start: 1; } -.sheet-appearance-box2 { +.charsheet .appearance-box2 { grid-row-start: 2; } -.sheet-appearance-box3 { +.charsheet .appearance-box3 { grid-row-start: 2; } -.sheet-appearance-box4 { +.charsheet .appearance-box4 { grid-row-start: 3; } -.sheet-appearance-box5 { +.charsheet .appearance-box5 { grid-row-start: 3; } -.sheet-appearance-box6 { +.charsheet .appearance-box6 { grid-row-start: 4; } -.sheet-appearance-box7 { +.charsheet .appearance-box7 { grid-row-start: 4; } /* ---------------------------------- Conditions */ -.sheet-conditions-grid { +.charsheet .conditions-grid { display: grid; grid-template-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 1fr; } -.sheet-conditions-grid>div { +.charsheet .conditions-grid>div { align-items: center; display: flex; justify-content: space-between; } -.sheet-conditions-box2 { +.charsheet .conditions-box2 { grid-column-start: 2; grid-row-start: 2; } -.sheet-conditions-box3 { +.charsheet .conditions-box3 { grid-column-start: 3; grid-row-start: 2; } -.sheet-conditions-box4 { +.charsheet .conditions-box4 { grid-column-start: 4; grid-row-start: 2; } -.sheet-conditions-box5 { +.charsheet .conditions-box5 { grid-column-start: 5; grid-row-start: 2; } -.sheet-conditions-box6 { +.charsheet .conditions-box6 { grid-column-start: 6; grid-row-start: 2; } -.sheet-conditions-box7 { +.charsheet .conditions-box7 { grid-column-start: 7; grid-row-start: 2; } -.sheet-conditions-box8 { +.charsheet .conditions-box8 { grid-column-start: 8; grid-row-start: 2; } -.sheet-conditions-box9 { +.charsheet .conditions-box9 { grid-column-start: 9; grid-row-start: 2; } -input.sheet-conditions-hungry:checked~div>span.sheet-conditions-hungry, -input.sheet-conditions-sleepy:checked~div>span.sheet-conditions-sleepy, -input.sheet-conditions-thirsty:checked~div>span.sheet-conditions-thirsty, -input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { +.charsheet input.conditions-hungry:checked~div>span.conditions-hungry, +.charsheet input.conditions-sleepy:checked~div>span.conditions-sleepy, +.charsheet input.conditions-thirsty:checked~div>span.conditions-thirsty, +.charsheet input.conditions-cold:checked~div>span.conditions-cold { color: #a60100; font-weight: bold; } /* ---------------------------------- Critical Injuries */ -.sheet-injuries-grid { +.charsheet .injuries-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -2282,47 +2282,47 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { padding: 0 0 2px 0; } -.sheet-injuries-box1 { +.charsheet .injuries-box1 { grid-column: 1/6; grid-row-start: 1; } -.sheet-injuries-box2 { +.charsheet .injuries-box2 { grid-column-start: 1; grid-row-start: 1; } -.sheet-injuries-box3 { +.charsheet .injuries-box3 { grid-column-start: 2; grid-row-start: 1; } -.sheet-injuries-box4 { +.charsheet .injuries-box4 { grid-column-start: 3; grid-row-start: 1; } -.sheet-injuries-box5 { +.charsheet .injuries-box5 { grid-column-start: 4; grid-row-start: 1; } -.sheet-injuries-box6 { +.charsheet .injuries-box6 { grid-column-start: 5; grid-row-start: 1; } -.sheet-injuries-box7 { +.charsheet .injuries-box7 { grid-column: 1/6; grid-row-start: 2; } -.sheet-injuries-box8 { +.charsheet .injuries-box8 { grid-column-start: 1; } /*skull image */ -.sheet-injuries-box13 img { +.charsheet .injuries-box13 img { height: 65px; margin: -13.75em 0 0 -1.5em; pointer-events: none; @@ -2333,7 +2333,7 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { /* ---------------------------------- Weapons */ -.sheet-weapons-grid { +.charsheet .weapons-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -2341,140 +2341,140 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { padding: 0 0 2px 0; } -.sheet-weapons-box { +.charsheet .weapons-box { grid-column: 1/23; grid-row-start: 1; } -.sheet-weapons-box1 { +.charsheet .weapons-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-weapons-box2 { +.charsheet .weapons-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-weapons-box3 { +.charsheet .weapons-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-weapons-box4 { +.charsheet .weapons-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-weapons-box5 { +.charsheet .weapons-box5 { grid-column-start: 5; grid-row-start: 1; } -.sheet-weapons-box6 { +.charsheet .weapons-box6 { grid-column-start: 6; grid-row-start: 1; } -.sheet-weapons-box7 { +.charsheet .weapons-box7 { grid-column-start: 7; grid-row-start: 1; padding-bottom: 3px; } -.sheet-weapons-box8 { +.charsheet .weapons-box8 { grid-column-start: 8; grid-row-start: 1; } -.sheet-weapons-box9 { +.charsheet .weapons-box9 { grid-column-start: 9; grid-row-start: 1; } -.sheet-weapons-box10 { +.charsheet .weapons-box10 { grid-column-start: 10; grid-row-start: 1; justify-self: right; } -.sheet-weapons-box11 { +.charsheet .weapons-box11 { grid-column-start: 11; grid-row-start: 1; justify-self: left; } -.sheet-weapons-box11 span::before { +.charsheet .weapons-box11 span::before { content: "/"; padding: 0 2px 0 0; } -.sheet-weapons-box12 { +.charsheet .weapons-box12 { grid-column-start: 12; grid-row-start: 1; padding-bottom: 3px; } -.sheet-weapons-box13 { +.charsheet .weapons-box13 { grid-column-start: 13; grid-row-start: 1; } -.sheet-weapons-box14 { +.charsheet .weapons-box14 { grid-column-start: 14; grid-row-start: 1; } -.sheet-weapons-box15 { +.charsheet .weapons-box15 { grid-column-start: 15; grid-row-start: 1; } -.sheet-weapons-box16 { +.charsheet .weapons-box16 { grid-column-start: 16; grid-row-start: 1; } -.sheet-weapons-box17 { +.charsheet .weapons-box17 { grid-column-start: 17; grid-row-start: 1; } -.sheet-weapons-box18 { +.charsheet .weapons-box18 { grid-column-start: 18; grid-row-start: 1; } -.sheet-weapons-box19 { +.charsheet .weapons-box19 { grid-column-start: 19; grid-row-start: 1; } -.sheet-weapons-box20 { +.charsheet .weapons-box20 { grid-column-start: 20; grid-row-start: 1; } -.sheet-weapons-box21 { +.charsheet .weapons-box21 { grid-column-start: 21; grid-row-start: 1; } -.sheet-weapons-box22 { +.charsheet .weapons-box22 { grid-column-start: 22; grid-row-start: 1; } -.sheet-weapons-box23 { +.charsheet .weapons-box23 { grid-column: 1/23; grid-row-start: 2; } -.sheet-weapons-box24 { +.charsheet .weapons-box24 { grid-column-start: 1; } -.sheet-weapons-subgrid { +.charsheet .weapons-subgrid { align-items: baseline; display: grid; grid-column-gap: 2px; @@ -2485,29 +2485,29 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { padding: 0 0 2px 0; } -.sheet-weapons-box46 { +.charsheet .weapons-box46 { grid-column-start: 1; grid-row-start: 1; } /* ---------------------------------- Dice Pool */ -.sheet-dice-header { - grid-area: sheet-dice-header; +.charsheet .dice-header { + grid-area: dice-header; } -.sheet-dice_pool-grid { +.charsheet .dice_pool-grid { display: grid; - grid-template-areas: "sheet-dice-header sheet-dice-header sheet-dice-header""sheet-dice-base sheet-dice-skill sheet-dice-gear""sheet-dice-artifact sheet-dice-artifact sheet-dice-artifact""sheet-dice-rolls sheet-dice-rolls sheet-dice-rolls""sheet-dice-preset sheet-dice-preset sheet-dice-preset""sheet-dice-footer sheet-dice-footer sheet-dice-footer"; + grid-template-areas: "dice-header dice-header dice-header""dice-base dice-skill dice-gear""dice-artifact dice-artifact dice-artifact""dice-rolls dice-rolls dice-rolls""dice-preset dice-preset dice-preset""dice-footer dice-footer dice-footer"; grid-template-columns: 1fr 1fr 1fr; } -.sheet-dice-base { +.charsheet .dice-base { background-color: white; border: 1px solid #000; display: grid; - grid-area: sheet-dice-base; - grid-template-areas: "sheet-dice-base-header sheet-dice-base-header""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2"; + grid-area: dice-base; + grid-template-areas: "dice-base-header dice-base-header""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2""dice-base-col1 dice-base-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; @@ -2516,29 +2516,29 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { text-align: center; } -.sheet-dice-base-header { - grid-area: sheet-dice-base-header; +.charsheet .dice-base-header { + grid-area: dice-base-header; } -.sheet-dice-base-col2 { +.charsheet .dice-base-col2 { display: flex; flex-direction: column; - grid-area: sheet-dice-base-col2; + grid-area: dice-base-col2; } -.sheet-dice-base-col1 { +.charsheet .dice-base-col1 { display: flex; flex-direction: column; - grid-area: sheet-dice-base-col1; + grid-area: dice-base-col1; } -.sheet-dice-skill { +.charsheet .dice-skill { background-color: #db5f5f; border: 1px solid #000; color: #fff; display: grid; - grid-area: sheet-dice-skill; - grid-template-areas: "sheet-dice-skill-header sheet-dice-skill-header""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2"; + grid-area: dice-skill; + grid-template-areas: "dice-skill-header dice-skill-header""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2""dice-skill-col1 dice-skill-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; @@ -2547,29 +2547,29 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { text-align: center; } -.sheet-dice-skill-header { - grid-area: sheet-dice-skill-header; +.charsheet .dice-skill-header { + grid-area: dice-skill-header; } -.sheet-dice-skill-col2 { +.charsheet .dice-skill-col2 { display: flex; flex-direction: column; - grid-area: sheet-dice-skill-col2; + grid-area: dice-skill-col2; } -.sheet-dice-skill-col1 { +.charsheet .dice-skill-col1 { display: flex; flex-direction: column; - grid-area: sheet-dice-skill-col1; + grid-area: dice-skill-col1; } -.sheet-dice-gear { +.charsheet .dice-gear { background-color: #404040; border: 1px solid #000; color: #fff; display: grid; - grid-area: sheet-dice-gear; - grid-template-areas: "sheet-dice-gear-header sheet-dice-gear-header""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2"; + grid-area: dice-gear; + grid-template-areas: "dice-gear-header dice-gear-header""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2""dice-gear-col1 dice-gear-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; @@ -2578,238 +2578,238 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { text-align: center; } -.sheet-dice-gear-header { - grid-area: sheet-dice-gear-header; +.charsheet .dice-gear-header { + grid-area: dice-gear-header; } -.sheet-dice-gear-col2 { +.charsheet .dice-gear-col2 { display: flex; flex-direction: column; - grid-area: sheet-dice-gear-col2; + grid-area: dice-gear-col2; } -.sheet-dice-gear-col1 { +.charsheet .dice-gear-col1 { display: flex; flex-direction: column; - grid-area: sheet-dice-gear-col1; + grid-area: dice-gear-col1; } -.sheet-dice-artifact { +.charsheet .dice-artifact { display: grid; - grid-area: sheet-dice-artifact; - grid-template-areas: "sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header""sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls"; + grid-area: dice-artifact; + grid-template-areas: "dice-artifact-header dice-artifact-header dice-artifact-header dice-artifact-header""dice-artifact-rolls dice-artifact-rolls dice-artifact-rolls dice-artifact-rolls"; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 2.5em 2em; } -.sheet-dice-artifact-header { - grid-area: sheet-dice-artifact-header; +.charsheet .dice-artifact-header { + grid-area: dice-artifact-header; margin: 5px 0 0 0; text-align: center; } -.sheet-dice-artifact-rolls { +.charsheet .dice-artifact-rolls { background-color: black; display: flex; flex-flow: row; - grid-area: sheet-dice-artifact-rolls; + grid-area: dice-artifact-rolls; height: 0.5em; justify-content: space-evenly; margin: -5px 0 0 0; } -.sheet-dice-rolls { +.charsheet .dice-rolls { display: flex; flex-flow: row; - grid-area: sheet-dice-rolls; - grid-template-areas: "sheet-dice-rolls-roll sheet-dice-rolls-push sheet-dice-rolls-d66"; + grid-area: dice-rolls; + grid-template-areas: "dice-rolls-roll dice-rolls-push dice-rolls-d66"; grid-template-columns: 1fr 1fr 1fr; justify-content: space-evenly; margin-top: 10px; } -.sheet-dice-rolls-roll { - grid-area: sheet-dice-rolls-roll; +.charsheet .dice-rolls-roll { + grid-area: dice-rolls-roll; } -.sheet-dice-rolls-push { - grid-area: sheet-dice-rolls-push; +.charsheet .dice-rolls-push { + grid-area: dice-rolls-push; } -.sheet-dice-rolls-d66 { - grid-area: sheet-dice-rolls-d66; +.charsheet .dice-rolls-d66 { + grid-area: dice-rolls-d66; } -.sheet-dice-preset { +.charsheet .dice-preset { display: grid; - grid-area: sheet-dice-preset; - grid-template-areas: "sheet-dice-preset-header""sheet-dice-preset-preset"; + grid-area: dice-preset; + grid-template-areas: "dice-preset-header""dice-preset-preset"; justify-items: center; margin-top: 10px; } -.sheet-dice-preset-header { - grid-area: sheet-dice-preset-header; +.charsheet .dice-preset-header { + grid-area: dice-preset-header; } -.sheet-dice-preset-preset { +.charsheet .dice-preset-preset { cursor: help; - grid-area: sheet-dice-preset-preset; + grid-area: dice-preset-preset; text-align: center; } -.sheet-dice-preset-preset::before, -.sheet-dice-preset-preset::after { +.charsheet .dice-preset-preset::before, +.charsheet .dice-preset-preset::after { content: "‟"; margin-right: 2px; } -.sheet-dice-preset-preset::after { +.charsheet .dice-preset-preset::after { content: "”"; margin-left: 2px; } -.sheet-dice-footer { +.charsheet .dice-footer { display: grid; - grid-area: sheet-dice-footer; - grid-template-areas: "sheet-dice-footer-clear . sheet-dice-footer-api"; + grid-area: dice-footer; + grid-template-areas: "dice-footer-clear . dice-footer-api"; grid-template-columns: auto; grid-template-rows: 2.25em; justify-items: center; margin: 10px 0 10px 0; } -.sheet-dice-footer-clear { - grid-area: sheet-dice-footer-clear; +.charsheet .dice-footer-clear { + grid-area: dice-footer-clear; } -.sheet-dice-footer-api { - grid-area: sheet-dice-footer-api; +.charsheet .dice-footer-api { + grid-area: dice-footer-api; margin: 0 0 2px 0; } /* ---------------------------------- Talents */ -.sheet-talents-grid { +.charsheet .talents-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 4em 3em; } -.sheet-talents-box { +.charsheet .talents-box { grid-column: 1/4; grid-row-start: 1; } -.sheet-talents-box1 { +.charsheet .talents-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-talents-box2 { +.charsheet .talents-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-talents-box3 { +.charsheet .talents-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-talents-box4 { +.charsheet .talents-box4 { grid-column: 1/4; grid-row-start: 2; } /* ---------------------------------- Skills */ -.sheet-skills-row select.sheet-input, -.sheet-skills-row input.sheet-input-number { +.charsheet .skills-row select.input, +.charsheet .skills-row input.input-number { min-width: 2.5em; } /* list ordering of skills by attribute group */ -.sheet-skills-grid { +.charsheet .skills-grid { display: flex; flex-direction: column; } -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(2) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(2) { order: 17; } /* animal */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(3) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(3) { order: 5; } /* crafting */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(4) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(4) { order: 3; } /* endurance */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(5) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(5) { order: 16; } /* healing */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(6) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(6) { order: 13; } /* insight */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(7) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(7) { order: 11; } /* lore */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(8) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(8) { order: 14; } /* manipulation */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(9) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(9) { order: 9; } /* marksmanship */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(10) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(10) { order: 4; } /* melee */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(11) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(11) { order: 2; } /* might */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(12) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(12) { order: 8; } /* move */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(13) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(13) { order: 15; } /* performance */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(14) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(14) { order: 10; } /* scouting */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(15) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(15) { order: 7; } /* sleight */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(16) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(16) { order: 6; } /* stealth */ -.sheet-skill-order-group:checked~.sheet-skills-grid span.sheet-skills-row:nth-of-type(17) { +.charsheet .skill-order-group:checked~.skills-grid span.skills-row:nth-of-type(17) { order: 12; } @@ -2817,7 +2817,7 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { /* end list order */ -.sheet-skills-grid>span { +.charsheet .skills-grid>span { display: grid; grid-column-gap: 2px; grid-row-gap: 0; @@ -2826,7 +2826,7 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { position: relative; } -.sheet-skills-grid>span>div { +.charsheet .skills-grid>span>div { align-items: center; display: flex; height: auto; @@ -2835,114 +2835,114 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { width: 103%; } -.sheet-skills-grid button { +.charsheet .skills-grid button { padding-left: 1.5em; text-align: left; } -input.sheet-monster_only:checked~div.sheet-character .sheet-skills-grid button { +.charsheet input.monster_only:checked~div.character .skills-grid button { padding-left: 2px; } -.sheet-skills-box1 { +.charsheet .skills-box1 { background-color: #000; grid-column: 1/6; grid-row-start: 1; grid-template-columns: auto 2em 2em 2em 2em 2em; } -.sheet-skills-box2 { +.charsheet .skills-box2 { grid-column: 2/3; grid-row-start: 1; } -.sheet-skills-box3 { +.charsheet .skills-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-skills-box4 { +.charsheet .skills-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-skills-box5 { +.charsheet .skills-box5 { grid-column-start: 5; grid-row-start: 1; } -.sheet-skills-row .sheet-skills-row2 { +.charsheet .skills-row .skills-row2 { grid-column: 1/6; grid-row-start: 2; grid-template-columns: 100%; } -.sheet-skills-row2-header { +.charsheet .skills-row2-header { background-color: #000; display: grid; grid-template-columns: auto 2em 2em 2em 2em; height: 1.1em; } -.sheet-skills-row2-body { +.charsheet .skills-row2-body { display: grid; grid-row-start: 2; grid-template-columns: auto 2em 2em 2em 2em; } -.sheet-skills-box6 { +.charsheet .skills-box6 { grid-column-start: 1; grid-row-start: 1; margin: -15px 0 0 0; padding: 0px 0 4px 0; } -.sheet-skills-box7 { +.charsheet .skills-box7 { grid-column-start: 2; grid-row-start: 1; } -.sheet-skills-box8 { +.charsheet .skills-box8 { grid-column-start: 3; grid-row-start: 1; } -.sheet-skills-box9 { +.charsheet .skills-box9 { grid-column-start: 4; grid-row-start: 1; } -.sheet-skills-box10 { +.charsheet .skills-box10 { grid-column-start: 5; grid-row-start: 1; } -.sheet-skills-grid button { +.charsheet .skills-grid button { padding-left: 1.5em; text-align: left; } -.sheet-skills-grid button { +.charsheet .skills-grid button { padding-left: 1.5em; text-align: left; } /* ---------------------------------- Armor/Helmet */ -.sheet-armor-container { +.charsheet .armor-container { display: grid; grid-template-columns: auto; padding-bottom: 2px; } -.sheet-armor-grid { +.charsheet .armor-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 3em 3em 3em 3em 1.5em 1.5em 1.5em 1.5em; } -.sheet-armor-row2 { +.charsheet .armor-row2 { align-items: baseline; display: grid; grid-column-gap: 2px; @@ -2952,7 +2952,7 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-skills-grid button { padding-bottom: 2px; } -.sheet-armor-subgrid { +.charsheet .armor-subgrid { align-items: center; display: grid; grid-column-gap: 2px; @@ -2960,48 +2960,48 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-skills-grid button { height: 3em; } -.sheet-armor-subgrid>span { +.charsheet .armor-subgrid>span { display: flex; } -.sheet-armor-box { +.charsheet .armor-box { grid-column: 1/10; grid-row-start: 1; } -.sheet-armor-box1 { +.charsheet .armor-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-armor-box2 { +.charsheet .armor-box2 { grid-column-start: 2; grid-row-start: 1; justify-self: right; } -.sheet-armor-box3 { +.charsheet .armor-box3 { grid-column-start: 3; grid-row-start: 1; justify-self: left; } -.sheet-armor-box3 span::before { +.charsheet .armor-box3 span::before { content: "/"; padding: 0 2px 0 0; } -span.sheet-armor-box3.sheet-header { +.charsheet span.armor-box3.header { justify-self: normal; } -.sheet-armor-box4 { +.charsheet .armor-box4 { grid-column-start: 4; grid-row-start: 1; padding-bottom: 3px; } -.sheet-armor-subgrid .sheet-armor-box4 { +.charsheet .armor-subgrid .armor-box4 { border: 2px solid black; border-bottom-right-radius: 5px; border-top-right-radius: 5px; @@ -3010,7 +3010,7 @@ span.sheet-armor-box3.sheet-header { width: 2em; } -.sheet-armor-box5 { +.charsheet .armor-box5 { flex-wrap: wrap; grid-column-start: 5; grid-row-start: 1; @@ -3018,67 +3018,67 @@ span.sheet-armor-box3.sheet-header { width: min-content; } -.sheet-armor-box6 { +.charsheet .armor-box6 { grid-column-start: 6; grid-row-start: 1; } -.sheet-armor-box7 { +.charsheet .armor-box7 { grid-column-start: 7; grid-row-start: 1; } -.sheet-armor-box8 { +.charsheet .armor-box8 { grid-column-start: 8; grid-row-start: 1; } -.sheet-armor-box9 { +.charsheet .armor-box9 { grid-column-start: 9; grid-row-start: 1; } -.sheet-armor-box10 { +.charsheet .armor-box10 { grid-column: 1/10; grid-row-start: 2; position: relative; } -.sheet-armor-box10-2 { +.charsheet .armor-box10-2 { grid-column: 1/10; grid-row-start: 3; position: relative; } -.sheet-armor-box10-3 { +.charsheet .armor-box10-3 { grid-column: 1/10; grid-row-start: 4; margin: 8px 0 -4px 10px; position: relative; } -.sheet-armor-box10-4 { +.charsheet .armor-box10-4 { grid-column: 1/10; grid-row-start: 5; position: relative; } -.sheet-armor-box10-5 { +.charsheet .armor-box10-5 { grid-column: 1/10; grid-row-start: 6; position: relative; } -.sheet-armor-row2 { +.charsheet .armor-row2 { grid-column: 1/10; } -.sheet-armor-ar { +.charsheet .armor-ar { grid-column: 1/10; } /* ---------------------------------- Shield */ -.sheet-shield-grid { +.charsheet .shield-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -3086,7 +3086,7 @@ span.sheet-armor-box3.sheet-header { grid-template-columns: 3em 3em auto 3em 3em 3em 3em 3em 3em 1.5em 1.5em 1.5em 1.5em; } -.sheet-shield-row2 { +.charsheet .shield-row2 { align-items: baseline; grid-column-gap: 2px; grid-column: 1/14; @@ -3097,85 +3097,85 @@ span.sheet-armor-box3.sheet-header { padding-bottom: 2px; } -.sheet-shield-box { +.charsheet .shield-box { grid-column: 1/14; grid-row-start: 1; } -.sheet-shield-box1 { +.charsheet .shield-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-shield-box2 { +.charsheet .shield-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-shield-box3 { +.charsheet .shield-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-shield-box4 { +.charsheet .shield-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-shield-box5 { +.charsheet .shield-box5 { grid-column-start: 5; grid-row-start: 1; } -.sheet-shield-box6 { +.charsheet .shield-box6 { grid-column-start: 6; grid-row-start: 1; justify-self: right; } -.sheet-shield-box7 { +.charsheet .shield-box7 { grid-column-start: 7; grid-row-start: 1; justify-self: left; } -.sheet-shield-box7 span::before { +.charsheet .shield-box7 span::before { content: "/"; padding: 0 2px 0 0; } -.sheet-shield-box8 { +.charsheet .shield-box8 { grid-column-start: 8; grid-row-start: 1; padding-bottom: 3px; } -.sheet-shield-box9 { +.charsheet .shield-box9 { grid-column-start: 9; grid-row-start: 1; } -.sheet-shield-box10 { +.charsheet .shield-box10 { grid-column-start: 10; grid-row-start: 1; } -.sheet-shield-box11 { +.charsheet .shield-box11 { grid-column-start: 11; grid-row-start: 1; } -.sheet-shield-box12 { +.charsheet .shield-box12 { grid-column-start: 12; grid-row-start: 1; } -.sheet-shield-box13 { +.charsheet .shield-box13 { grid-column-start: 13; grid-row-start: 1; } -.sheet-shield-box14 { +.charsheet .shield-box14 { grid-column: 1/14; grid-row-start: 2; position: relative; @@ -3183,7 +3183,7 @@ span.sheet-armor-box3.sheet-header { /* ---------------------------------- Gear */ -.sheet-gear-grid { +.charsheet .gear-grid { align-items: center; display: grid; grid-row-gap: 2px; @@ -3191,44 +3191,44 @@ span.sheet-armor-box3.sheet-header { grid-template-rows: auto; } -.sheet-gear-subgrid { +.charsheet .gear-subgrid { display: grid; grid-column-gap: 2px; grid-template-columns: 4em 3em 9em 3em; } -.sheet-gear-subgrid>div { +.charsheet .gear-subgrid>div { align-items: center; display: flex; justify-content: space-around; } -.sheet-gear-box1 { +.charsheet .gear-box1 { grid-column: 1/5; grid-row-start: 1; } -.sheet-gear-box2 { +.charsheet .gear-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-gear-box3 { +.charsheet .gear-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-gear-box4 { +.charsheet .gear-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-gear-box5 { +.charsheet .gear-box5 { grid-column: 1/5; grid-row-start: 2; } -.sheet-gear-weight { +.charsheet .gear-weight { display: grid; grid-column-gap: 5px; grid-column: 1/5; @@ -3238,18 +3238,18 @@ span.sheet-armor-box3.sheet-header { justify-items: end; } -.sheet-gear-weight>div { +.charsheet .gear-weight>div { align-items: center; display: flex; height: 1.5em; justify-content: space-around; } -.sheet-gear-weight>div input { +.charsheet .gear-weight>div input { height: 1.5em; } -.sheet-gear-box6 { +.charsheet .gear-box6 { display: grid; grid-column-gap: 0.25em; grid-column: 1/5; @@ -3259,47 +3259,47 @@ span.sheet-armor-box3.sheet-header { padding-right: 5px; } -.sheet-gear-box7 { +.charsheet .gear-box7 { grid-column: 1/2; grid-row-start: 1; } -.sheet-gear-box8 { +.charsheet .gear-box8 { grid-column-start: 2; grid-row-start: 1; } -.sheet-gear-box9 { +.charsheet .gear-box9 { grid-column-start: 3; grid-row-start: 1; } -.sheet-gear-box10 { +.charsheet .gear-box10 { grid-column-start: 4; grid-row-start: 1; } -.sheet-gear-box11 { +.charsheet .gear-box11 { grid-column: 1/5; grid-row-start: 5; } -.sheet-gear-subgrid2 { +.charsheet .gear-subgrid2 { display: grid; grid-column-gap: 2px; grid-template-columns: auto 8em; margin-top: 2px; } -.sheet-gear-box12 { +.charsheet .gear-box12 { margin-top: 7px; } /* ---------------------------------- Mount */ -.sheet-mount-grid, -.sheet-mount_gear-box5, -.sheet-talents-grid .sheet-talents-box4, -.sheet-gear-box5 { +.charsheet .mount-grid, +.charsheet .mount_gear-box5, +.charsheet .talents-grid .talents-box4, +.charsheet .gear-box5 { background-color: inherit; border: 10px solid #000; border-image-repeat: repeat; @@ -3311,7 +3311,7 @@ span.sheet-armor-box3.sheet-header { padding: 0; } -.sheet-mount-grid { +.charsheet .mount-grid { display: grid; grid-row-gap: 2px; grid-template-columns: auto repeat(4, 2.5em); @@ -3319,116 +3319,116 @@ span.sheet-armor-box3.sheet-header { position: relative; } -.sheet-mount-grid .sheet-header { +.charsheet .mount-grid .header { margin: 0 -7px 0 -7px; } -.sheet-mount-grid>div { +.charsheet .mount-grid>div { align-items: center; display: flex; justify-content: space-around; } -.sheet-mount-box1 { +.charsheet .mount-box1 { grid-column: 1/6; grid-row-start: 1; } -.sheet-mount-box2 { +.charsheet .mount-box2 { grid-column: 1/6; grid-row-start: 2; } -.sheet-mount-box3 { +.charsheet .mount-box3 { grid-column-start: 2; grid-row-start: 3; } -.sheet-mount-box4 { +.charsheet .mount-box4 { grid-column-start: 3; grid-row-start: 3; } -.sheet-mount-box5 { +.mount-box5 { grid-column-start: 4; grid-row-start: 3; } -.sheet-mount-box6 { +.charsheet .mount-box6 { grid-column-start: 5; grid-row-start: 3; } -.sheet-mount-box7 { +.charsheet .mount-box7 { grid-column: 1/6; grid-row-start: 4; } /* ---------------------------------- Mount_gear */ -.sheet-mount_gear-grid { +.charsheet .mount_gear-grid { display: grid; grid-row-gap: 2px; grid-template-columns: auto 3em 2em 3em; grid-template-rows: auto; } -.sheet-mount_gear-subgrid { +.charsheet .mount_gear-subgrid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 4em 3em 9em 3em; } -.sheet-mount_gear-subgrid2 { +.charsheet .mount_gear-subgrid2 { display: grid; grid-template-columns: 2em auto; height: 2em; margin-top: 5px; } -.sheet-mount_gear-subgrid>.sheet-mount_gear-box11 { +.charsheet .mount_gear-subgrid>.mount_gear-box11 { display: block; white-space: nowrap; } -.sheet-mount_gear-subgrid>div { +.charsheet .mount_gear-subgrid>div { align-items: center; display: flex; justify-content: space-around; } -.sheet-mount_gear-box1 { +.charsheet .mount_gear-box1 { grid-column: 1/5; grid-row-start: 1; } -.sheet-mount_gear-box2 { +.charsheet .mount_gear-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-mount_gear-box3 { +.charsheet .mount_gear-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-mount_gear-box4 { +.charsheet .mount_gear-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-mount_gear-box5 { +.charsheet .mount_gear-box5 { grid-column: 1/5; grid-row-start: 2; } -.sheet-mount_gear-coin { +.charsheet .mount_gear-coin { grid-column: 1/5; grid-row-start: 3; } -.sheet-mount_gear-box6 { +.charsheet .mount_gear-box6 { display: grid; grid-column-gap: 0.25em; grid-column: 1/5; @@ -3439,27 +3439,27 @@ span.sheet-armor-box3.sheet-header { padding-right: 5px; } -.sheet-mount_gear-box7 { +.charsheet .mount_gear-box7 { grid-column: 1/2; grid-row-start: 1; } -.sheet-mount_gear-box8 { +.charsheet .mount_gear-box8 { grid-column-start: 2; grid-row-start: 1; } -.sheet-mount_gear-box9 { +.charsheet .mount_gear-box9 { grid-column-start: 3; grid-row-start: 1; } -.sheet-mount_gear-box10 { +.charsheet .mount_gear-box10 { grid-column-start: 4; grid-row-start: 1; } -.sheet-mount_gear-box11 { +.charsheet .mount_gear-box11 { grid-column: 1/5; grid-row-start: 2; justify-content: left; @@ -3467,7 +3467,7 @@ span.sheet-armor-box3.sheet-header { /* ---------------------------------- beasts */ -.sheet-beasts-grid { +.charsheet .beasts-grid { display: grid; grid-row-gap: 2px; grid-template-columns: 1fr 3em 3em 6em 3.5em 7em 3fr; @@ -3475,97 +3475,97 @@ span.sheet-armor-box3.sheet-header { padding-bottom: 1px; } -.sheet-beasts-box { +.charsheet .beasts-box { grid-column: 1/8; grid-row-start: 1; } -.sheet-beasts-box1 { +.charsheet .beasts-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-beasts-box2 { +.charsheet .beasts-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-beasts-box3 { +.charsheet .beasts-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-beasts-box4 { +.charsheet .beasts-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-beasts-box5 { +.charsheet .beasts-box5 { grid-column-start: 5; grid-row-start: 1; } -.sheet-beasts-box6 { +.charsheet .beasts-box6 { grid-column-start: 6; grid-row-start: 1; } -.sheet-beasts-box7 { +.charsheet .beasts-box7 { grid-column-start: 7; grid-row-start: 1; width: 99%; } -.sheet-beasts-box8 { +.charsheet .beasts-box8 { grid-column: 1/8; grid-row-start: 2; } /* ---------------------------------- Experience */ -.sheet-experience-grid { +.charsheet .experience-grid { display: grid; grid-template-columns: 4.25fr 2.2em 1fr; margin-right: -1px; } -.sheet-experience-box1 { +.charsheet .experience-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-experience-box2 { +.charsheet .experience-box2 { grid-column-start: 2; grid-row-start: 1; z-index: 1; } -.sheet-experience-box3 { +.charsheet .experience-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-experience-grid .sheet-header>.sheet-input { +.charsheet .experience-grid .header>.input { z-index: 1; } -.sheet-experience-grid .sheet-header>h1 { +.charsheet .experience-grid .header>h1 { margin: 0; } /* ---------------------------------- Willpower */ -.sheet-willpower-grid { +.charsheet .willpower-grid { display: grid; grid-template-columns: auto 3em 0; } -.sheet-willpower-box1 { +.charsheet .willpower-box1 { grid-column: 1/3; grid-row-start: 1; } -.sheet-willpower-box2 { +.charsheet .willpower-box2 { align-items: center; display: flex; grid-column: 1/2; @@ -3574,7 +3574,7 @@ span.sheet-armor-box3.sheet-header { justify-content: space-evenly; } -.sheet-willpower-box3 { +.charsheet .willpower-box3 { align-items: center; display: flex; grid-column-start: 2; @@ -3583,83 +3583,83 @@ span.sheet-armor-box3.sheet-header { justify-content: center; } -.sheet-willpower-box3 span { +.charsheet .willpower-box3 span { margin: 0 3px 0 3px; } /* ---------------------------------- Relationships */ -.sheet-relationships-grid { +.charsheet .relationships-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 1px; grid-template-columns: 1fr 3fr; } -.sheet-relationships-grid>.sheet-relationships-box3, -.sheet-relationships-grid>.sheet-relationships-box4 { +.charsheet .relationships-grid>.relationships-box3, +.charsheet .relationships-grid>.relationships-box4 { align-items: center; box-sizing: border-box; display: flex; justify-content: space-around; } -.sheet-relationships-box1 { +.charsheet .relationships-box1 { grid-column: 1/3; grid-row-start: 1; } -.sheet-relationships-box2 { +.charsheet .relationships-box2 { grid-column: 1/3; grid-row-start: 2; } -.sheet-relationships-box3 { +.charsheet .relationships-box3 { grid-column-start: 1; grid-row-start: 3; } -.sheet-relationships-box4 { +.charsheet .relationships-box4 { grid-column: 2/3; grid-row-start: 3; } /* ---------------------------------- Notes */ -.sheet-notes-grid { +.charsheet .notes-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 1px; grid-template-columns: 2em 1fr 3fr; } -.sheet-notes-grid>.sheet-notes-box3, -.sheet-notes-grid>.sheet-notes-box4 { +.charsheet .notes-grid>.notes-box3, +.charsheet .notes-grid>.notes-box4 { align-items: center; box-sizing: border-box; display: flex; justify-content: space-around; } -.sheet-notes-box1 { +.charsheet .notes-box1 { grid-column: 1/4; grid-row-start: 1; } -.sheet-notes-box2 { +.charsheet .notes-box2 { grid-column: 1/4; grid-row-start: 2; } -.sheet-notes-box3 { +.charsheet .notes-box3 { grid-column-start: 1; grid-row-start: 2; } -.sheet-notes-box4 { +.charsheet .notes-box4 { grid-column-start: 2; grid-row-start: 2; } -.sheet-notes-box5 { +.charsheet .notes-box5 { grid-column-start: 3; grid-row-start: 2; margin-top: 5px; @@ -3669,7 +3669,7 @@ span.sheet-armor-box3.sheet-header { /* ---------------------------------- Coins */ -.sheet-coins-grid { +.charsheet .coins-grid { display: grid; grid-row-gap: 4px; grid-template-columns: 7em repeat(3, 1fr); @@ -3677,113 +3677,113 @@ span.sheet-armor-box3.sheet-header { margin: 0 0 0 3px; } -.sheet-coins-grid div[class$="-header"] { +.charsheet .coins-grid div[class$="-header"] { margin: 0 -7px 0 -9px; } -.sheet-coins-grid>div { +.charsheet .coins-grid>div { align-items: center; display: flex; justify-content: space-around; } -.sheet-coins-box { +.charsheet .coins-box { grid-column: 1/5; grid-row-start: 1; } -.sheet-coins-box1 { +.charsheet .coins-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-coins-box2 { +.charsheet .coins-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-coins-box3 { +.charsheet .coins-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-coins-box4 { +.charsheet .coins-box4 { grid-column-start: 4; grid-row-start: 1; } -.sheet-coins-box5 { +.charsheet .coins-box5 { grid-column-start: 1; grid-row-start: 2; } -.sheet-coins-box17 { +.charsheet .coins-box17 { height: 3em; } /* ---------------------------------- Spells */ -.sheet-spells-grid { +.charsheet .spells-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 2.5em auto 3em 3em 5.5em 6em 11.5em; } -.sheet-spells-box6>div>.sheet-input { +.charsheet .spells-box6>div>.input { align-items: center; display: flex; justify-content: space-around; } -.sheet-spells-box { +.charsheet .spells-box { grid-column: 1/8; grid-row-start: 1; } -.sheet-spells-box0 { +.charsheet .spells-box0 { grid-column-start: 1; grid-row-start: 1; } -.sheet-spells-box1 { +.charsheet .spells-box1 { grid-column-start: 2; grid-row-start: 1; } -.sheet-spells-box2 { +.charsheet .spells-box2 { grid-column-start: 3; grid-row-start: 1; } -.sheet-spells-box3 { +.charsheet .spells-box3 { grid-column-start: 4; grid-row-start: 1; } -.sheet-spells-box4 { +.charsheet .spells-box4 { grid-column-start: 5; grid-row-start: 1; } -.sheet-spells-box5 { +.charsheet .spells-box5 { grid-column-start: 6; grid-row-start: 1; } -.sheet-spells-box6 { +.charsheet .spells-box6 { grid-column-start: 7; grid-row-start: 1; } -.sheet-spells-box7 { +.charsheet .spells-box7 { grid-column: 1/8; grid-row-start: 2; } /* stronghold grid layout */ -.sheet-stronghold-grid { +.charsheet .stronghold-grid { display: grid; grid-column-gap: 4px; grid-row-gap: 4px; @@ -3792,7 +3792,7 @@ span.sheet-armor-box3.sheet-header { margin: -21px 5px 0 5px; } -.sheet-stronghold-details { +.charsheet .stronghold-details { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20top%20banner.png); background-position-x: center; background-position-y: top; @@ -3806,27 +3806,27 @@ span.sheet-armor-box3.sheet-header { justify-self: stretch; } -.sheet-stronghold-functions { +.charsheet .stronghold-functions { grid-column-start: 1; } -.sheet-stronghold-hirelings { +.charsheet .stronghold-hirelings { grid-column-start: 2; } -.sheet-stronghold-stockpile { +.charsheet .stronghold-stockpile { grid-column: 1/2; grid-row-start: 3; } -.sheet-stronghold-notes { +.charsheet .stronghold-notes { grid-column-start: 2; grid-row-start: 3; } /* ---------------------------------- Stronghold Details */ -.sheet-stronghold-details-grid { +.charsheet .stronghold-details-grid { display: grid; grid-row-gap: 2px; grid-template-columns: 1fr 1fr 1fr; @@ -3835,65 +3835,65 @@ span.sheet-armor-box3.sheet-header { width: 87%; } -.sheet-stronghold-details-grid>div { +.charsheet .stronghold-details-grid>div { align-items: center; display: flex; justify-content: space-around; } -.sheet-stronghold-details-box1 { +.charsheet .stronghold-details-box1 { background-color: inherit; grid-column: 1/4; grid-row: 1; } -.sheet-stronghold-details-box1 h1 { +.charsheet .stronghold-details-box1 h1 { color: #000; } -.sheet-stronghold-details-box2 { +.charsheet .stronghold-details-box2 { grid-column-start: 1; grid-row-start: 1; } -.sheet-stronghold-details-grid .sheet-stronghold-details-box2 { +.charsheet .stronghold-details-grid .stronghold-details-box2 { justify-content: flex-end; margin-right: 18%; } -.sheet-stronghold-details-box3 { +.charsheet .stronghold-details-box3 { grid-column-start: 1; grid-row-start: 2; } -.sheet-stronghold-details-box4 { +.charsheet .stronghold-details-box4 { grid-column-start: 2; grid-row-start: 3; margin: 3.5em 0 0 0; } -.sheet-stronghold-details-box5 { +.charsheet .stronghold-details-box5 { grid-column-start: 2; grid-row-start: 2; margin: 2.5em 0 0 0; } -.sheet-stronghold-details-box6 { +.charsheet .stronghold-details-box6 { grid-column-start: 3; grid-row-start: 1; } -.sheet-stronghold-details-grid .sheet-stronghold-details-box6 { +.charsheet .stronghold-details-grid .stronghold-details-box6 { justify-content: flex-start; margin-left: 15%; } -.sheet-stronghold-details-box7 { +.charsheet .stronghold-details-box7 { grid-column-start: 3; grid-row-start: 2; } -.sheet-stronghold-details-box8 { +.charsheet .stronghold-details-box8 { background-color: inherit; border: 10px solid #000; border-bottom-width: 18px; @@ -3910,7 +3910,7 @@ span.sheet-armor-box3.sheet-header { /* ---------------------------------- Stronghold Functions */ -.sheet-stronghold-functions-grid { +.charsheet .stronghold-functions-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -3918,44 +3918,44 @@ span.sheet-armor-box3.sheet-header { grid-template-rows: auto; } -.sheet-stronghold-functions-grid>div, -.sheet-stronghold-functions-grid>input, -.sheet-stronghold-functions-grid>textarea { +.charsheet .stronghold-functions-grid>div, +.charsheet .stronghold-functions-grid>input, +.charsheet .stronghold-functions-grid>textarea { box-sizing: border-box; } -.sheet-stronghold-functions-grid>.sheet-input-textarea { +.charsheet .stronghold-functions-grid>.input-textarea { height: 2.25em; } -.sheet-stronghold-functions-box { +.charsheet .stronghold-functions-box { grid-column: 1/4; grid-row-start: 1; } -.sheet-stronghold-functions-box1 { +.charsheet .stronghold-functions-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-stronghold-functions-box2 { +.charsheet .stronghold-functions-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-stronghold-functions-box3 { +.charsheet .stronghold-functions-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-stronghold-functions-box4 { +.charsheet .stronghold-functions-box4 { grid-column: 1/4; grid-row-start: 2; } /* ---------------------------------- Stronghold Hirelings */ -.sheet-stronghold-hirelings-grid { +.charsheet .stronghold-hirelings-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -3964,27 +3964,27 @@ span.sheet-armor-box3.sheet-header { margin-bottom: 2px; } -.sheet-stronghold-hirelings-box { +.charsheet .stronghold-hirelings-box { grid-column: 1/4; grid-row-start: 1; } -.sheet-stronghold-hirelings-box1 { +.charsheet .stronghold-hirelings-box1 { grid-column-start: 1; grid-row-start: 1; } -.sheet-stronghold-hirelings-box2 { +.charsheet .stronghold-hirelings-box2 { grid-column-start: 2; grid-row-start: 1; } -.sheet-stronghold-hirelings-box3 { +.charsheet .stronghold-hirelings-box3 { grid-column-start: 3; grid-row-start: 1; } -.sheet-stronghold-hirelings-box3 span { +.charsheet .stronghold-hirelings-box3 span { background: transparent; grid-column-start: 3; grid-row-start: 1; @@ -3995,18 +3995,18 @@ span.sheet-armor-box3.sheet-header { word-break: break-word; } -input.sheet-stronghold-hirelings-box3 { +.charsheet input.stronghold-hirelings-box3 { display: flex; justify-self: center; max-width: 3.5em; } -.sheet-stronghold-hirelings-box4 { +.charsheet .stronghold-hirelings-box4 { grid-column: 1/4; grid-row-start: 2; } -.sheet-stronghold-hirelings-box5 { +.charsheet .stronghold-hirelings-box5 { grid-column: 1/4; grid-row-start: 3; } @@ -4014,112 +4014,112 @@ input.sheet-stronghold-hirelings-box3 { /* ---------------------------------- Stronghold Stockpile */ /* list ordering of stockpile by attribute group */ -.sheet-stronghold-stockpile-grid { +.charsheet .stronghold-stockpile-grid { display: flex; flex-direction: column; } -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(1) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(1) { order: 12; } /* iron ore */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(2) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(2) { order: 6; } /* fur */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(3) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(3) { order: 4; } /* flour */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(4) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(4) { order: 11; } /* iron */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(5) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(5) { order: 13; } /* leather */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(6) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(6) { order: 9; } /* grain */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(7) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(7) { order: 15; } /* silver */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(8) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(8) { order: 2; } /* cloth */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(9) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(9) { order: 14; } /* meat */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(10) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(10) { order: 8; } /* gold */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(11) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(11) { order: 21; } /* wool */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(12) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(12) { order: 3; } /* fish */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(13) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(13) { order: 16; } /* stone */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(14) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(14) { order: 5; } /* food */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(15) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(15) { order: 18; } /* vegetables */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(16) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(16) { order: 7; } /* glass */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(17) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(17) { order: 1; } /* bread */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(18) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(18) { order: 17; } /* tallow */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(19) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(19) { order: 20; } /* wood */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(20) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(20) { order: 19; } /* water */ -.sheet-stockpile-order-group:checked~.sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(21) { +.charsheet .stockpile-order-group:checked~.stronghold-stockpile-grid span.stockpile-row:nth-of-type(21) { order: 10; } @@ -4127,53 +4127,53 @@ input.sheet-stronghold-hirelings-box3 { /* end list order */ -.sheet-stronghold-stockpile-grid { +.charsheet .stronghold-stockpile-grid { display: grid; grid-row-gap: 2px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; } -.sheet-stronghold-stockpile-grid>div, -.sheet-stronghold-stockpile-grid>span { +.charsheet .stronghold-stockpile-grid>div, +.charsheet .stronghold-stockpile-grid>span { align-items: center; display: flex; justify-content: space-around; } -.sheet-stronghold-stockpile-grid>.sheet-column-header>span { +.charsheet .stronghold-stockpile-grid>.column-header>span { width: 100%; } -.sheet-stronghold-stockpile-grid>span>input { +.charsheet .stronghold-stockpile-grid>span>input { max-width: 3em; } -.sheet-stronghold-stockpile-grid>span>span.sheet-label { +.charsheet .stronghold-stockpile-grid>span>span.label { text-align: center; width: 100%; } -.sheet-stronghold-stockpile-box1 { +.charsheet .stronghold-stockpile-box1 { grid-column: 1/4; grid-row-start: 1; } -.sheet-stronghold-stockpile-box2 { +.charsheet .stronghold-stockpile-box2 { grid-column-start: 1; grid-row-start: 1; text-align: right; width: 100%; } -.sheet-stronghold-stockpile-box3 { +.charsheet .stronghold-stockpile-box3 { grid-column-start: 2; grid-row-start: 1; text-align: right; width: 100%; } -.sheet-stronghold-stockpile-box4 { +.charsheet .stronghold-stockpile-box4 { grid-column-start: 3; grid-row-start: 1; text-align: right; @@ -4182,7 +4182,7 @@ input.sheet-stronghold-hirelings-box3 { /* ---------------------------------- Stronghold Notes */ -.sheet-stronghold-notes-grid { +.charsheet .stronghold-notes-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; @@ -4190,65 +4190,65 @@ input.sheet-stronghold-hirelings-box3 { grid-template-rows: auto; } -.sheet-stronghold-notes-grid>div, -.sheet-stronghold-notes-grid>input, -.sheet-stronghold-notes-grid>textarea { +.charsheet .stronghold-notes-grid>div, +.charsheet .stronghold-notes-grid>input, +.charsheet .stronghold-notes-grid>textarea { box-sizing: border-box; } -.sheet-stronghold-notes-box1 { +.charsheet .stronghold-notes-box1 { grid-column: 1/2; grid-row-start: 1; } -.sheet-stronghold-notes-box2 { +.charsheet .stronghold-notes-box2 { grid-column-start: 1; grid-row-start: 2; } /* GRID STYLING */ -.sheet-grid-item { +.charsheet .grid-item { text-align: center; } -.sheet-dice_pool-grid .sheet-grid-item { +.charsheet .dice_pool-grid .grid-item { width: 103%; } -.sheet-sub-grid-item { +.charsheet .sub-grid-item { margin: 2px; text-align: center; } -.sheet-span-two { +.charsheet .span-two { grid-column: 1/3; } -.sheet-span-three { +.charsheet .span-three { grid-column: 1/4; } -.sheet-span-right { +.charsheet .span-right { grid-column: 2/4; } /**** DICE ROLLER STYLING ****/ -button[type="action"]:hover, -button[type="action"]:hover>span, -button[type="roll"]:hover { +.charsheet button[type="action"]:hover, +.charsheet button[type="action"]:hover>span, +.charsheet button[type="roll"]:hover { background: #a60100; color: #fff !important; font-weight: normal; } -button[type="action"]>span { +.charsheet button[type="action"]>span { color: #333; font-size: 1em; } -input.sheet-dice-selection { +.charsheet input.dice-selection { cursor: pointer; height: 25px; margin: -10px 0 2px 3px; @@ -4258,14 +4258,14 @@ input.sheet-dice-selection { z-index: 1; } -input.sheet-mighty, -input.sheet-epic, -input.sheet-legendary { +.charsheet input.mighty, +.charsheet input.epic, +.charsheet input.legendary { margin: 0 -25% 0 0; width: 15%; } -input.sheet-dice-selection+span::before { +.charsheet input.dice-selection+span::before { background-color: #fff; border: solid 1px #000; border-radius: 5px; @@ -4281,72 +4281,72 @@ input.sheet-dice-selection+span::before { width: 28px; } -.sheet-dice-artifact-rolls input.sheet-dice-selection+span::before { +.charsheet .dice-artifact-rolls input.dice-selection+span::before { margin: 0; width: 40px; } -span.sheet-artifact-die { +.charsheet span.artifact-die { margin: 2% 3% 0 -20%; position: relative; } -input.sheet-dice-selection:hover+span::before { +.charsheet input.dice-selection:hover+span::before { background: #a9a9a9; color: #fff; } -input.sheet-attribute:checked+span::before { +.charsheet input.attribute:checked+span::before { background: #fff; color: #000; } -input.sheet-skill:checked+span::before { +.charsheet input.skill:checked+span::before { background: #a60100; color: #fff; } -input.sheet-gear:checked+span::before { +.charsheet input.gear:checked+span::before { background: #000; color: #fff; } -input.sheet-negative:checked+span::before { +.charsheet input.negative:checked+span::before { background: #800080; color: #fff; } -input.sheet-mighty:checked+span::before, -input.sheet-mighty:checked+span+span { +.charsheet input.mighty:checked+span::before, +.charsheet input.mighty:checked+span+span { background: #235402; color: #fff; } -input.sheet-epic:checked+span::before, -input.sheet-epic:checked+span+span { +.charsheet input.epic:checked+span::before, +.charsheet input.epic:checked+span+span { background: #0088af; color: #fff; } -input.sheet-legendary:checked+span::before { +.charsheet input.legendary:checked+span::before { background: #ff8c00; color: #000; } /* Included to help color blind users */ -button[type="action"]:focus { +.charsheet button[type="action"]:focus { background: #a60100; border: 2px dotted white; color: white; } /* localized roll button */ -button[type="action"]~.sheet-rollme, -button[type="action"]~.sheet-rollme-relative { +.charsheet button[type="action"]~.rollme, +.charsheet button[type="action"]~.rollme-relative { display: none; } -button[type="action"]:focus~.sheet-rollme { +.charsheet button[type="action"]:focus~.rollme { box-shadow: 2px 2px 5px black; display: inline-block; font-size: 1em; @@ -4359,7 +4359,7 @@ button[type="action"]:focus~.sheet-rollme { z-index: 1; } -button[type="action"]:focus~.sheet-rollme-relative { +.charsheet button[type="action"]:focus~.rollme-relative { box-shadow: 2px 2px 5px black; display: inline-block; font-size: 1em; @@ -4370,42 +4370,41 @@ button[type="action"]:focus~.sheet-rollme-relative { z-index: 1; } -button[type="action"]:focus~.sheet-rollme:hover, -button[type="action"]:focus~.sheet-rollme-relative:hover { +.charsheet button[type="action"]:focus~.rollme:hover, +.charsheet button[type="action"]:focus~.rollme-relative:hover { border: 1px solid; box-shadow: 3px 3px 4px black; opacity: 1; } -button[type="action"]:focus span { +.charsheet button[type="action"]:focus span { color: white; } -.sheet-dice_pool-grid button[type="action"]:focus { +.charsheet .dice_pool-grid button[type="action"]:focus { border-image: initial; border-style: outset; border-width: 2px; } -input[type="radio"].sheet-dice-selection.sheet-attribute:checked+span::before { +.charsheet input[type="radio"].dice-selection.attribute:checked+span::before { border: 2px dotted black; font-size: 2rem; font-weight: bold; padding: 0 2px 8px 2px; } -input[type="radio"].sheet-dice-selection.sheet-skill:checked+span::before, -input[type="radio"].sheet-dice-selection.sheet-gear:checked+span::before, -input[type="radio"].sheet-dice-selection.sheet-negative:checked+span::before, -input[type="checkbox"].sheet-mighty:checked+span::before, -input[type="checkbox"].sheet-epic:checked+span::before, -input[type="checkbox"].sheet-legendary:checked+span::before { +.charsheet input[type="radio"].dice-selection.skill:checked+span::before, +.charsheet input[type="radio"].dice-selection.gear:checked+span::before, +.charsheet input[type="radio"].dice-selection.negative:checked+span::before, +.charsheet input[type="checkbox"].mighty:checked+span::before, +.charsheet input[type="checkbox"].epic:checked+span::before, +.charsheet input[type="checkbox"].legendary:checked+span::before { border: 2px dotted white; font-size: 2rem; font-weight: bold; padding: 0 2px 8px 2px; } - /* ROLL TEMPLATE STYLING */ .sheet-rolltemplate-forbiddenlands .sheet-small-caps { diff --git a/Forbidden_Lands/sheet.json b/Forbidden_Lands/sheet.json index 5b3c997c98..33856ebf87 100644 --- a/Forbidden_Lands/sheet.json +++ b/Forbidden_Lands/sheet.json @@ -56,5 +56,5 @@ "displaytranslationkey": "sort-stockpile" } ], - "legacy": true + "legacy": false } \ No newline at end of file