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

Blades in the Dark v1.12: Transitions

Browse Source
This commit is contained in:
joesinghaus
2017-08-22 09:42:26 +02:00
parent 2e27acbbe8
commit 7f70d32623
6 changed files with 34 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Blades in the Dark/README.md
+1
View File
@@ -8,6 +8,7 @@ This is a character sheet for Blades in the Dark for use on Roll20.
* Calculate trauma automatically
* Overhauled roll template internally, no more distinction between normal dice and bonus dice
* Visual improvements to layout for some kinds of checkboxes
* Overall transition eye-candy
### 1.11
* Internal change to how checkbox attributes are stored
Blades in the Dark/Source/character.html
+7 -14
View File
@@ -112,13 +112,10 @@
<div class="sheet-blackheader">
<div class="sheet-label"><span name="attr_setting_trauma_label" class="sheet-inherit"></span></div>
</div>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_trauma" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-traumaholder">
<input type="checkbox" name="attr_setting_extra_trauma" class="sheet-hidden" value="1"/>
<input type="checkbox" value="0" name="attr_trauma" class="sheet-regulartooth sheet-hidden" checked/>
<input type="radio" value="0" name="attr_trauma" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="radio" value="1" name="attr_trauma" class="sheet-tooth sheet-regulartooth"/>
<span></span>
<input type="radio" value="2" name="attr_trauma" class="sheet-tooth sheet-regulartooth"/>
@@ -404,7 +401,7 @@
<div class="sheet-specialheader sheet-col100 sheet-label" data-i18n="special_abilities">Special Abilities</div>
<div class="sheet-greyholder sheet-col100">
<fieldset class="repeating_ability">
<div class="sheet-specialability">
<div class="sheet-specialability sheet-flex">
<input type="checkbox" name="attr_check" class="sheet-checkbox sheet-circlebox" value="1"/>
<span></span>
<textarea spellcheck="false" class="sheet-abilityname" name="attr_name" data-i18n-placeholder="ability_name" placeholder="Ability Name"></textarea>
@@ -420,9 +417,8 @@
<div class="sheet-label" data-i18n="playbook_advancement">Playbook Advancement </div>
<div class="sheet-advancement-xpholder">
<input type="checkbox" value="1" name="attr_setting_vampirexp" class="sheet-hidden"/>
<input type="radio" value="0" name="attr_playbook_xp" class="sheet-zero" checked/>
<input type="radio" value="0" name="attr_playbook_xp" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="checkbox" value="0" name="attr_playbook_xp" class="sheet-xptooth sheet-hidden" checked/>
<input type="radio" value="1" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/>
<span></span>
<input type="radio" value="2" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/>
@@ -768,9 +764,8 @@
<input type="hidden" value="0" name="attr_insight"/>
<div class="sheet-attribute-xp-box">
<input type="checkbox" value="1" name="attr_setting_vampirexp" class="sheet-hidden"/>
<input type="radio" value="0" name="attr_insight_xp" class="sheet-zero" checked/>
<input type="radio" value="0" name="attr_insight_xp" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="checkbox" value="0" name="attr_insight_xp" class="sheet-hidden sheet-xptooth" checked/>
<input type="radio" value="1" name="attr_insight_xp" class="sheet-tooth sheet-xptooth"/>
<span></span>
<input type="radio" value="2" name="attr_insight_xp" class="sheet-tooth sheet-xptooth"/>
@@ -885,9 +880,8 @@
<input type="hidden" value="0" name="attr_prowess"/>
<div class="sheet-attribute-xp-box">
<input type="checkbox" value="1" name="attr_setting_vampirexp" class="sheet-hidden"/>
<input type="radio" value="0" name="attr_prowess_xp" class="sheet-zero" checked/>
<input type="radio" value="0" name="attr_prowess_xp" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="checkbox" value="0" name="attr_prowess_xp" class="sheet-hidden sheet-xptooth" checked/>
<input type="radio" value="1" name="attr_prowess_xp" class="sheet-tooth sheet-xptooth"/>
<span></span>
<input type="radio" value="2" name="attr_prowess_xp" class="sheet-tooth sheet-xptooth"/>
@@ -1002,9 +996,8 @@
<input type="hidden" value="0" name="attr_resolve"/>
<div class="sheet-attribute-xp-box">
<input type="checkbox" value="1" name="attr_setting_vampirexp" class="sheet-hidden"/>
<input type="radio" value="0" name="attr_resolve_xp" class="sheet-zero" checked/>
<input type="radio" value="0" name="attr_resolve_xp" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="checkbox" value="0" name="attr_resolve_xp" class="sheet-hidden sheet-xptooth" checked/>
<input type="radio" value="1" name="attr_resolve_xp" class="sheet-tooth sheet-xptooth"/>
<span></span>
<input type="radio" value="2" name="attr_resolve_xp" class="sheet-tooth sheet-xptooth"/>
Blades in the Dark/Source/crew.html
+4 -8
View File
@@ -502,12 +502,9 @@
<div class="sheet-blackheader">
<button type="roll" name="roll_wanted" class="sheet-rollbutton sheet-tierbutton" value='&{template:bitd}{{charname=@{character_name}}}{{vice=1}}{{short=1}}{{title-entanglement=1}}{{title=^{entanglement}}}{{subtitle=^{wantedroll1}@{heat}&nbsp;^{heat}^{wantedroll2}}}{{roll1=[[[[{[[@{wanted}+@{bonusdice}}]],1}kl1]]d6]]}}{{roll2=[[[[{[[@{wanted}+@{bonusdice}-1}]],1}kl1]]d6]]}}{{roll3=[[[[{[[@{wanted}+@{bonusdice}-2}]],1}kl1]]d6]]}}{{roll4=[[[[{[[@{wanted}+@{bonusdice}-3}]],1}kl1]]d6]]}}{{roll5=[[[[{[[@{wanted}+@{bonusdice}-4}]],1}kl1]]d6]]}}{{roll6=[[[[{[[@{wanted}+@{bonusdice}-5}]],1}kl1]]d6]]}}{{roll7=[[[[{[[@{wanted}+@{bonusdice}-6}]],1}kl1]]d6]]}}{{roll8=[[[[{[[@{wanted}+@{bonusdice}-7}]],1}kl1]]d6]]}}{{roll9=[[[[{[[@{wanted}+@{bonusdice}-8}]],1}kl1]]d6]]}}{{roll10=[[[[{[[@{wanted}+@{bonusdice}-9}]],1}kl1]]d6]]}}{{roll11=[[[[{[[@{wanted}+@{bonusdice}-10}]],1}kl1]]d6]]}}{{zerodice=[[[[{[[1-@{wanted}-(@{bonusdice})]],1}kl1]]d6]], [[[[{[[1-@{wanted}-(@{bonusdice})]],1}kl1]]d6]]}}@{title_text}' data-i18n="wanted">Wanted</button>
</div>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_wanted" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-wantedholder">
<input type="checkbox" value="0" name="attr_wanted" class="sheet-regulartooth sheet-hidden" checked/>
<input type="radio" value="0" name="attr_wanted" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="radio" value="1" name="attr_wanted" class="sheet-tooth sheet-regulartooth"/>
<span></span>
<input type="radio" value="2" name="attr_wanted" class="sheet-tooth sheet-regulartooth"/>
@@ -580,7 +577,7 @@
<div class="sheet-specialheader sheet-col100 sheet-label" data-i18n="special_abilities">Special Abilities</div>
<div class="sheet-greyholder sheet-col100">
<fieldset class="repeating_crewability">
<div class="sheet-specialability">
<div class="sheet-specialability sheet-flex">
<input type="checkbox" name="attr_check" class="sheet-checkbox sheet-circlebox" value="1"/>
<span></span>
<textarea spellcheck="false" class="sheet-abilityname" name="attr_name" data-i18n-placeholder="ability_name" placeholder="Ability Name"></textarea>
@@ -595,9 +592,8 @@
<div class="sheet-label" data-i18n="mark_xp:">Mark XP:</div>
<div class="sheet-label" data-i18n="crew_advancement">Crew Advancement </div>
<div class="sheet-advancement-xpholder">
<input type="radio" value="0" name="attr_crew_xp" class="sheet-zero" checked/>
<input type="radio" value="0" name="attr_crew_xp" class="sheet-tooth sheet-zero" checked/>
<span></span>
<input type="checkbox" value="0" name="attr_crew_xp" class="sheet-xptooth sheet-hidden" checked/>
<input type="radio" value="1" name="attr_crew_xp" class="sheet-tooth sheet-xptooth"/>
<span></span>
<input type="radio" value="2" name="attr_crew_xp" class="sheet-tooth sheet-xptooth"/>
Blades in the Dark/Source/sheet.css
+20 -19
View File
@@ -176,6 +176,7 @@ input[type=text] {
padding: 0;
color: black;
border-radius: 0;
transition: all 0.2s;
}
textarea {
box-shadow: none;
@@ -187,6 +188,8 @@ textarea {
background: transparent;
color: black;
resize: vertical;
display: block;
transition: all 0.2s;
}
li {
cursor: default;
@@ -225,6 +228,7 @@ input[type=radio] {
input[type=checkbox] + span,
input[type=radio] + span {
cursor: pointer;
transition: all 0.2s;
}
input[type=number] {
color: black;
@@ -482,6 +486,7 @@ textarea.sheet-label {
.sheet-item textarea.sheet-upgradename {
width: calc(100% - 20px);
resize: none;
display: inline-block;
vertical-align: top;
height: 18px;
font-size: 11px;
@@ -584,7 +589,7 @@ textarea.sheet-label {
}
.sheet-itemholder input[name="attr_setting_show_itemdesc"]:not(:checked) ~ div input.sheet-expand,
.sheet-itemholder input[name="attr_setting_show_itemdesc"]:not(:checked) ~ div input.sheet-expand + span,
.sheet-itemholder input[name="attr_setting_show_itemdesc"]:not(:checked) ~ div textarea:last-child {
.sheet-itemholder input[name="attr_setting_show_itemdesc"]:not(:checked) ~ div input.sheet-expand ~ textarea {
display: none;
}
.sheet-itemholder input.sheet-expand {
@@ -596,19 +601,16 @@ textarea.sheet-label {
.sheet-itemholder input.sheet-expand + span::before {
content: "◀";
}
.sheet-itemholder .sheet-playbookitems textarea:last-child {
.sheet-playbookitems input.sheet-expand ~ textarea {
border-top: 1px solid darkgrey;
}
.sheet-itemholder textarea:last-child {
.sheet-itemholder input.sheet-expand ~ textarea {
border-top: 1px solid lightgray;
border-radius: 0;
line-height: 12px;
font-size: 10px;
height: 40px;
}
.sheet-itemholder input[name="attr_setting_show_itemdesc"]:checked ~ div input.sheet-expand:not(:checked) ~ textarea:last-child {
display: none;
}
/* LOGO */
.sheet-bladeslogo {
border-right: 12px solid transparent;
@@ -783,6 +785,7 @@ span.sheet-viceblurb {
margin-left: calc(100% - 46px);
height: 44px;
width: 44px;
transition: all 0.2s;
}
.repcontainer[data-groupname="repeating_clock"] textarea,
.repcontainer[data-groupname="repeating_crewclock"] textarea {
@@ -1135,7 +1138,7 @@ input.sheet-xptooth + span {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-red.png);
margin-right: 4px;
}
input.sheet-xptooth:checked ~ input.sheet-xptooth + span {
input.sheet-tooth:checked ~ input.sheet-xptooth + span {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-white.png);
}
/* red tooth */
@@ -1153,7 +1156,7 @@ input.sheet-holdtooth + span {
input.sheet-regulartooth[type=radio] + span {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-red.png);
}
input.sheet-regulartooth:checked ~ input.sheet-regulartooth[type=radio] + span {
input.sheet-tooth:checked ~ input.sheet-regulartooth[type=radio] + span {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-grey.png);
}
input.sheet-zero {
@@ -1539,8 +1542,7 @@ button.repcontrol_add:hover {
.sheet-traumaholder,
.sheet-wantedholder {
height: 13px;
padding-left: 15px;
text-align: right;
padding-left: 2px;
}
.sheet-rep1 {
width: 33px;
@@ -1580,10 +1582,6 @@ button.repcontrol_add:hover {
.sheet-rep3 .sheet-zeroholder {
margin: 13px 0 0 2px;
}
.sheet-stress3 .sheet-zeroholder,
.sheet-heat3 .sheet-zeroholder {
margin-left: 2px;
}
.sheet-crewcoin .sheet-zeroholder {
margin: 3px 0 0 -10px;
}
@@ -1617,10 +1615,10 @@ input[name="attr_setting_extra_stress5"]:checked ~ input.sheet-tooth[value="14"]
margin-right: 0 !important;
}
.sheet-regulartooth + span {
margin-right: calc((100% - 32px)/3);
margin-right: calc((100% - 45px)/3);
}
input[name="attr_setting_extra_trauma"]:checked ~ .sheet-tooth + span {
margin-right: calc((100% - 40px)/4);
margin-right: calc((100% - 53px)/4);
}
input[name="attr_setting_vampirexp"]:checked ~ .sheet-tooth + span {
margin-right: 2px;
@@ -1808,8 +1806,8 @@ input.sheet-frienddown:checked ~ input[type=text] {
color: black;
}
.sheet-contact input.sheet-checkbox:checked ~ input[type=text] {
font-weight: 800;
color: black;
font-weight: 800;
}
/* specific adjustments */
.sheet-item input.sheet-checkbox.sheet-circlebox-small {
@@ -1982,6 +1980,7 @@ div.sheet-cohort-condition :last-child {
.sheet-claimbox {
background-color: #d6d8d9;
width: 18%;
transition: all 0.2s;
}
.sheet-claimbox,
.sheet-lairbox,
@@ -2097,6 +2096,7 @@ input.sheet-alchemicals-checkbox:not(:checked) ~ .sheet-alchemicals-content {
height: 13px;
padding-left: 2px;
line-height: 12px;
transition: all 0.2s;
}
.sheet-cohort-dropdown:hover {
height: 42px;
@@ -2179,8 +2179,9 @@ input.sheet-expand:checked + span::before {
font-size: 11px;
height: 40px;
}
.sheet-faction input.sheet-expand:not(:checked) ~ textarea {
display: none;
input.sheet-expand:not(:checked) ~ textarea {
height: 0;
border: none;
}
.sheet-faction input[type=number] {
border: none;
Blades in the Dark/blades.css
+1 -1
View File
File diff suppressed because one or more lines are too long
Blades in the Dark/blades.html
+1 -1
View File
File diff suppressed because one or more lines are too long