diff --git a/Cypher Systems by Roll20/cypher_systems_by_roll20.css b/Cypher Systems by Roll20/cypher_systems_by_roll20.css index 0394b5456e..9dd88bcbdb 100644 --- a/Cypher Systems by Roll20/cypher_systems_by_roll20.css +++ b/Cypher Systems by Roll20/cypher_systems_by_roll20.css @@ -20,11 +20,11 @@ textarea margin: 0; padding: 0; } + input[type=text] , input[type=number] , select , textarea { - font-size: 1.15em; border: 1px solid transparent; vertical-align: baseline; } @@ -55,20 +55,30 @@ select { max-width: 10em; flex-grow: 0; } +.sheet-pc { + --inputfont: 'Patrick Hand'; + --inputfontsize: 1.15em; +} +input[type="checkbox"].sheet-easy-font:checked ~ .sheet-pc { + --inputfont: sans-serif; + --inputfontsize: 1em; +} .sheet-pc input , .sheet-pc textarea , .sheet-pc select { - font-family: 'Patrick Hand'; + font-family: var(--inputfont); + font-size: var(--inputfontsize); color: #303030; } + .sheet-pc input[type=text].sheet-xsmall { - width: 2.8em; + width: 45px; } .sheet-pc input[type=text].sheet-small { - width: 5em; + width: 80px; } .sheet-pc input[type=text].sheet-medium { - width: 10em; + width: 155px; } input[type=text]::placeholder , textarea::placeholder { @@ -207,6 +217,7 @@ input[type="checkbox"].sheet-stl-cypher:checked ~ .sheet-pc --notablecolor: #BE202E; --inblkbg: rgba(239,237,237, 0.85); } + input[type="checkbox"].sheet-stl-numenera:checked ~ .sheet-pc , .sheet-rolltemplate-cyphsys .sheet-rtemplate1 { --mainfont: 'Arial'; @@ -253,6 +264,21 @@ input[type="checkbox"].sheet-stl-strange:checked ~ .sheet-pc --notablecolor: #3D61B3; --inblkbg: rgba(237,237,239, 0.85); } +input[type="checkbox"].sheet-easy-font:checked ~ input[type="checkbox"].sheet-stl-numenera:checked ~ .sheet-pc +, input[type="checkbox"].sheet-easy-font:checked ~ input[type="checkbox"].sheet-stl-cypher:checked ~ .sheet-pc +, input[type="checkbox"].sheet-easy-font:checked ~ input[type="checkbox"].sheet-stl-strange:checked ~ .sheet-pc +, .sheet-rolltemplate-cyphsys .sheet-rtemplate0.sheet-font-easy +, .sheet-rolltemplate-cyphsys .sheet-rtemplate1.sheet-font-easy +, .sheet-rolltemplate-cyphsys .sheet-rtemplate2.sheet-font-easy +, .sheet-rolltemplate-cyphsys .sheet-rtemplate99.sheet-font-easy { + --mainfont: sans-serif; + --titlefont: sans-serif; + --placeholderfont: sans-serif; + --titlefontsize: 1.3em; + --subtitlefontsize: 1em; +} + + input[type="checkbox"].sheet-imgbg:checked ~ .sheet-pc { background: var(--imgbg); } @@ -365,9 +391,9 @@ input[type=checkbox].sheet-pseudocheck.sheet-expand:not(:checked) ~ .sheet-subbl width : 100%; height : 4em; } -input[type=checkbox].sheet-pseudocheck.sheet-expand:checked ~ .sheet-subblock { - height: auto; - display: flex; +input[type=checkbox].sheet-subsection-height:checked ~ .sheet-pc input[type=checkbox].sheet-pseudocheck.sheet-expand:checked ~ .sheet-subblock .sheet-inblock { + max-height: calc(var(--subblockheight)*2); + overflow-y: auto; } .sheet-subblock.sheet-wide { width: 100%; @@ -889,8 +915,8 @@ input[type="checkbox"].sheet-hide:checked ~ div.sheet-hide { text-align: left; } .sheet-pc .sheet-autoex { - font-family: 'Patrick Hand'; - font-size: 1.2em; + font-family: var(--inputfont); + font-size: var(--inputfontsize); line-height: 1.4em; min-height: 1.4em; } @@ -1190,7 +1216,7 @@ input[type="checkbox"].sheet-useasset:checked ~ .sheet-pc .sheet-useasset cursor: help; font-size: 18px; padding: 2px; - font-family: 'Patrick Hand'; + font-family: var(--inputfontsize); } .sheet-rolltemplate-cyphsys .inlinerollresult , .sheet-rolltemplate-cyphsys .sheet-pseudoroll { diff --git a/Cypher Systems by Roll20/cypher_systems_by_roll20.html b/Cypher Systems by Roll20/cypher_systems_by_roll20.html index 6e71fe706a..67a10a1c3b 100644 --- a/Cypher Systems by Roll20/cypher_systems_by_roll20.html +++ b/Cypher Systems by Roll20/cypher_systems_by_roll20.html @@ -22,6 +22,16 @@ NPC + Misc: + + + Background: