slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add conditions

Browse Source
This commit is contained in:
Alex Rinehart
2023-02-16 16:50:44 -08:00
parent d0fc924406
commit eba57c225c
2 changed files with 114 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Cyberrats/Cyberrats.css
+31 -2
View File
@@ -10,10 +10,11 @@ main {
height: 1460px;
grid-gap: 4px;
grid-template-columns: 240px 10px 240px 260px;
grid-template-rows: 40px 230px 300px 1fr 1fr 1fr 1fr;
grid-template-rows: 40px 230px 220px 300px 1fr 1fr 1fr 1fr;
grid-template-areas:
"settings settings settings settings"
"header header header header"
"conditions conditions conditions conditions"
". . . portrait"
"powers powers powers background"
"gear . items background"
@@ -132,6 +133,34 @@ section.empty {
grid-area: loadout;
}
.conditions {
grid-area: conditions;
}
.conditions h2 {
display: flex;
justify-content: center;
}
.allConditions {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 200px;
}
.conds {
display: flex;
}
.cond input[type=text], .cond input[type=number] {
border: 1px solid black;
}
input.sheet-briny:not(:checked) + section.conditions div .brinycond {
display: none;
}
.settings {
grid-area: settings;
display: flex;
@@ -2331,7 +2360,7 @@ body.sheet-darkmode .threatlabel.threat4 {
--blueDark: #458588;
--lightOffset: #d5c4a1;
--darkText: #3c3836;
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg""https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg");
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg");
}
Cyberrats/Cyberrats.html
+83 -7
View File
@@ -35,13 +35,7 @@
<label>Tattoo/Brand</label>
</div>
</div>
<div class="stack header-left empty">
<label for="attr_injured">Injured?
<input name="attr_injured" type="checkbox"></label>
</div>
<div class="stack header-left">
<div class="autoExpand long">
<input spellcheck="false" class="header-input" name="attr_character_name" type="text">
@@ -85,6 +79,88 @@
</div>
</section>
<input class="hidden sheet-briny" name="attr_briny" type="checkbox">
<section class="conditions">
<div class="title">
<h2>Conditions</h2>
</div>
<div class="allConditions">
<div class="conds">
<div class="cond">
<label for="attr_injured">Injured?
<input name="attr_injured" type="checkbox"></label>
</div>
</div>
<div class="conds">
<div class="cond">
<label for="attr_taunted">Taunted?
<input name="attr_taunted" type="checkbox">
By <input name="attr_taunted_by" type="text">
</label>
</div>
</div>
<div class="conds">
<div class="cond">
<label for="attr_painted">Painted?
<input name="attr_painted" type="number" min="0" value="0">
</label>
</div>
</div>
<div class="conds">
<div class="cond">
<label for="attr_bleed">Bleed?
<input name="attr_bleed" type="number" min="0" value="0">
</label>
</div>
</div>
<div class="conds">
<div class="cond">
<label for="attr_screwed">Screwed?
<input name="attr_screwed" type="checkbox"></label>
</div>
</div>
<div class="conds brinycond">
<div class="cond">
<label for="attr_burn">Burning?
<input name="attr_burn" type="number" min="0" value="0">
</label>
</div>
</div>
<div class="conds brinycond">
<div class="cond">
<label for="attr_immobilized">Immobilized?
<input name="attr_immobilized" type="checkbox"></label>
</div>
</div>
<div class="conds">
<div class="cond">
<input name="attr_blank1" type="text">
</div>
</div>
<div class="conds">
<div class="cond">
<input name="attr_blank2" type="text">
</div>
</div>
<div class="conds">
<div class="cond">
<input name="attr_blank3" type="text">
</div>
</div>
</div>
</section>
<section class="powers">
<span class="spacer">
<h2 class="narrow">All Known Powers</h2>