diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.css b/Die_Schwarze_Katze/Die_Schwarze_Katze.css index b779d411b2..e539148ebc 100644 --- a/Die_Schwarze_Katze/Die_Schwarze_Katze.css +++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.css @@ -1,6 +1,11 @@ @import url('https://fonts.googleapis.com/css?family=Philosopher&display=swap'); /* ------------------ Tab selection ------------------ */ + +div { /* Roll20 bug workaround - the first CSS rule is ignored by Roll20 at the moment */ + display: block; +} + .sheet-charactertab, .sheet-skillstab, .sheet-ancestortab, @@ -28,6 +33,10 @@ background-color: var(--theme-bg-color); } +input[type="checkbox"].sheet-nsc-charactersheet:checked + .sheet-container { + border-color: rgb(71 151 255); +} + .sheet-tab-navi { margin-bottom: 20px; display: grid; @@ -187,6 +196,7 @@ input[type="checkbox"].sheet-detail-toggle:checked + label::before { .sheet-character-container { display: grid; grid-template-areas: "baseinfo" + "nsc-info" "combat" "vorteilenachteilesonderfertigkeiten"; } @@ -196,7 +206,8 @@ input[type="checkbox"].sheet-detail-toggle:checked + label::before { .sheet-character-base-info-3, .sheet-character-base-info-4, .sheet-character-base-info-eigenschaften, -.sheet-character-combat-container { +.sheet-character-combat-container, +.sheet-nsc-additional-info-container { border: 2px solid var(--theme-2nd-color); padding: 5px; } @@ -391,7 +402,11 @@ h3.sheet-character-status-label { .sheet-base-info-character-rudel, .sheet-base-info-character-rasse, .sheet-base-info-character-geschlecht, -.sheet-base-info-character-alter { +.sheet-base-info-character-alter, +.sheet-base-info-character-typus, +.sheet-base-info-character-groesse, +.sheet-base-info-character-gewicht, +.sheet-base-info-character-laenge { width: 120px; } @@ -403,6 +418,24 @@ h3.sheet-character-status-label { margin-left: -15px; } +/* NSC additional info */ +.sheet-nsc-additional-info-container { + grid-area: nsc-info; + display: none; +} + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-nsc-additional-info-container { + display: grid; + padding: 5px; + margin-bottom: 10px; + grid-template-columns: 1105px; +} + +.sheet-nsc-additional-info-container textarea { + margin-bottom: 0; + width: 95% +} + /* Kampf / Waffen */ .sheet-character-combat-container { @@ -715,6 +748,47 @@ input[type="checkbox"].sheet-toggle-characterstatus-detail + label::before { margin-left: 10px; } +input[type="checkbox"].sheet-nsc-charactersheet { + display: none; +} + +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-fw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-fw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-pw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-pw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-aw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-aw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-vw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-vw:not(:read-only), + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-player-character-sheet, +input[type="checkbox"].sheet-nsc-charactersheet:not(checked) ~ div .sheet-nsc-sheet-block, +input[type="checkbox"].sheet-nsc-charactersheet:not(checked) ~ div .sheet-nsc-sheet-inline, +input[type="checkbox"].sheet-nsc-charactersheet:not(checked) ~ div .sheet-nsc-sheet-inline-block { + display: none; +} + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-fw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-fw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-pw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-pw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-aw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-aw:not(:read-only), +input[type="checkbox"].sheet-nsc-charactersheet:not(:checked) ~ div .sheet-vw:read-only, +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-vw:not(:read-only), + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-nsc-sheet-block { + display: block; +} + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-nsc-sheet-inline-block { + display: inline-block; +} + +input[type="checkbox"].sheet-nsc-charactersheet:checked ~ div .sheet-nsc-sheet-inline { + display: inline; +} + .sheet-skill-wissender label { padding-right: 2px; } diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.html b/Die_Schwarze_Katze/Die_Schwarze_Katze.html index c9ada652a8..54d39d1197 100644 --- a/Die_Schwarze_Katze/Die_Schwarze_Katze.html +++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.html @@ -1,13 +1,14 @@ +