Community Forums: Shadowdark character sheet request

1679607660

Pro

I've got about a dozen folks interested in playing the forthcoming Shadowdark RPG.  Right now, we're using actual printed sheets & pencils.  If anyone here's already working on one, we'd be happy to help test it out!  The game mechanics and the sheet are rather simple.  I can't offer a true "bounty," but I'm happy to throw a few bucks your way for development.

1680215609

Kev

Plus

Permalink Quote

Second this. This game is going to be massive soon. Hopeful for a character sheet :)

1680221417

Edited 1682742613

Kilter

Pro

Permalink Quote

<div name="contentContainer"> <div name="page1" style="width: 962px; height: 632px; margin-top:20px;"> <div name="page-inner" style="width: 962px; height: 632px;"> <div name="p1" style="overflow: hidden; position: relative; width: 962px; height: 632px; margin-top:auto; margin-left:auto; margin-right:auto; background-color: white;">  <div name="pg1Overlay" style="width:100%; height:100%; position:absolute; z-index:1; background-color:rgba(0,0,0,0); -webkit-user-select: none;"></div> <div name="pg1" style=" background: #000 url(<a href="https://media.discordapp.net/attachments/724777318253592588/1007070211154907217/1.jpg" rel="nofollow">https://media.discordapp.net/attachments/724777318253592588/1007070211154907217/1.jpg</a>); height: 100%; border: none; margin: 0px;  background-size: 100%;   background-repeat: no-repeat;   background-position: center; "></div>   <input name="attr_str" type="number" tabindex="1" value="" data-objref="55 0 R" data-field-name="Strength Total" style="z-index: 2; padding: 0px; position: absolute; left: 49px; top: 141px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;"/> <input name="attr_str_mod" type="text" tabindex="2" value="" data-objref="54 0 R" data-field-name="Strength Modifier" style=" z-index: 2; padding: 0px; position: absolute; left: 101px;  top: 139px; width: 37px;  height: 20px; text-align: center; background: transparent;  border: none; font: normal 16px Arial, Helvetica, sans-serif;" /> <input name="attr_dex" type="number" tabindex="3" value="" data-objref="53 0 R" data-field-name="Dexterity Total" style="z-index: 2; padding: 0px; position: absolute; left: 49px; top: 216px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_dex_mod" type="text" tabindex="4" value="" data-objref="52 0 R" data-field-name="Dexterity Modifier" style="z-index: 2; padding: 0px; position: absolute; left: 101px;  top: 214px; width: 37px;  height: 20px; text-align: center; background: transparent;  border: none; font: normal 16px Arial, Helvetica, sans-serif;" /> <input name="attr_con" type="number" tabindex="5" value="" data-objref="51 0 R" data-field-name="Constitution Total" style="z-index: 2; padding: 0px; position: absolute; left: 49px; top: 290px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_con_mod" type="text" tabindex="6" value="" data-objref="50 0 R" data-field-name="Constitution Modifier" style="z-index: 2; padding: 0px; position: absolute; left: 101px;  top: 289px; width: 37px;  height: 20px; text-align: center; background: transparent;  border: none; font: normal 16px Arial, Helvetica, sans-serif;" /> <input name="attr_int" type="number" tabindex="7" value="" data-objref="49 0 R" data-field-name="Intelligence Total" style="z-index: 2; padding: 0px; position: absolute; left: 170px;  top: 139px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_int_mod" type="text" tabindex="8" value="" data-objref="48 0 R" data-field-name="Intelligence Modifier" style="z-index: 2; padding: 0px; position: absolute; left: 222px;  top: 139px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_wis" type="number" tabindex="9" value="" data-objref="47 0 R" data-field-name="Wisdom Total" style="z-index: 2; padding: 0px; position: absolute; left: 170px;  top: 216px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_wis_mod" type="text" tabindex="10" value="" data-objref="46 0 R" data-field-name="Wisdom Modifier" style="z-index: 2; padding: 0px; position: absolute; left: 222px;  top: 214px; width: 37px;  height: 20px; text-align: center; background: transparent;  border: none; font: normal 16px Arial, Helvetica, sans-serif;" /> <input name="attr_cha" type="number" tabindex="11" value="" data-objref="45 0 R" data-field-name="Charisma Total" style=" z-index: 2; padding: 0px; position: absolute; left: 168px;  top: 290px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_cha_mod" type="text" tabindex="12" value="" data-objref="44 0 R" data-field-name="Charisma Modifier" style="z-index: 2; padding: 0px; position: absolute; left: 220px;  top: 290px; width: 37px;  height: 19px; text-align: center; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <textarea name="attr_attacks" tabindex="13" data-objref="41 0 R" data-field-name="Attacks" style="z-index: 2; resize: none; padding: 0px; position: absolute; left: 44px; top: 484px; width: 216px; height: 101px;  text-align: left; background: transparent;  border: none; font: normal 18px Arial, Helvetica, sans-serif;" ></textarea> <input type="number" name="attr_AC" value="0" tabindex="14" value="" data-objref="42 0 R" data-field-name="Armor Class" style="z-index: 2; padding: 0px; position: absolute; left: 167px;  top: 371px; width: 92px;  height: 57px; text-align: center; background: transparent;  border: none; font: normal 45px Arial, Helvetica, sans-serif" /> <input name="attr_hp" type="text" tabindex="15" value="" data-objref="43 0 R" data-field-name="Hit Points" style="z-index: 2; padding: 0px; position: absolute; left: 46px; top: 370px; width: 93px;  height: 58px; text-align: center; background: transparent;  border: none; font: normal 47px Arial, Helvetica, sans-serif;" /> <input type="text" name="attr_character_name" style="z-index: 2; padding: 0px; position: absolute; left: 338px; top: 70px; width: 182px; height: 32px; text-align: center; background: transparent; border: none; font: normal 25px Arial, Helvetica, sans-serif;}" /> <input name="attr_race" type="text" tabindex="17" value="" data-objref="57 0 R" data-field-name="Race" style="z-index: 2; padding: 0px; position: absolute; left: 341px;  top: 130px; width: 179px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <input name="attr_class" type="text" tabindex="18" value="" data-objref="58 0 R" data-field-name="Class" style="z-index: 2; padding: 0px; position: absolute; left: 350px;  top: 200px; width: 168px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <input name="attr_level" type="number" tabindex="19" value="" data-objref="59 0 R" data-field-name="Level" style="z-index: 2; padding: 0px; position: absolute; left: 290px;  top: 287px; width: 64px;  height: 17px; text-align: center; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_xp_current" type="number" tabindex="20" value="" data-objref="60 0 R" data-field-name="XP Current" style="z-index: 2; padding: 0px; position: absolute; left: 404px;  top: 272px; width: 34px;  height: 26px; text-align: center; background: transparent;  border: none; font: normal 21px Arial, Helvetica, sans-serif;" /> <input name="attr_xp_target" type="number" tabindex="21" value="" data-objref="61 0 R" data-field-name="XP Target" style="z-index: 2; padding: 0px; position: absolute; left: 460px;  top: 271px; width: 49px;  height: 29px; text-align: center; background: transparent;  border: none; font: normal 24px Arial, Helvetica, sans-serif;" /> <input name="attr_title" type="text" tabindex="22" value="" data-objref="62 0 R" data-field-name="Title" style="z-index: 2; padding: 0px; position: absolute; left: 344px;  top: 342px; width: 174px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <input name="attr_alignment" type="text" tabindex="23" value="" data-objref="63 0 R" data-field-name="Alignment" style="z-index: 2; padding: 0px; position: absolute; left: 407px;  top: 413px; width: 113px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <input name="attr_background" type="text" tabindex="24" value="" data-objref="64 0 R" data-field-name="Background" style="z-index: 2; padding: 0px; position: absolute; left: 413px;  top: 483px; width: 106px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <input name="attr_deity" type="text" tabindex="25" value="" data-objref="65 0 R" data-field-name="Deity" style="z-index: 2; padding: 0px; position: absolute; left: 345px;  top: 552px; width: 173px; height: 32px; text-align: center; background: transparent;  border: none; font: normal 25px Arial, Helvetica, sans-serif;" /> <textarea name="attr_talents_spells" tabindex="26" data-objref="66 0 R" data-field-name="Talents / Spells" style="z-index: 2; resize: none; padding: 0px; position: absolute; left: 549px;  top: 78px;  width: 365px; height: 225px;  text-align: left; background: transparent;  border: none; font: normal 18px Arial, Helvetica, sans-serif;" ></textarea> <input name="attr_gp" type="number" tabindex="27" value="" data-objref="67 0 R" data-field-name="Gold Pieces" style="z-index: 2; padding: 0px; position: absolute; left: 708px;  top: 333px; width: 28px;  height: 17px; text-align: center; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_sp" type="number" tabindex="28" value="" data-objref="68 0 R" data-field-name="Silver Pieces" style="z-index: 2; padding: 0px; position: absolute; left: 772px;  top: 333px; width: 26px;  height: 17px; text-align: center; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_cp" type="number" tabindex="29" value="" data-objref="69 0 R" data-field-name="Copper Pieces" style="z-index: 2; padding: 0px; position: absolute; left: 839px;  top: 333px; width: 28px;  height: 15px; text-align: center; background: transparent;  border: none; font: normal 12px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-01" type="text" tabindex="30" value="" data-objref="70 0 R" title="1" data-field-name="Gear 1" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 364px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-02" type="text" tabindex="31" value="" data-objref="71 0 R" title="2" data-field-name="Gear 2" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 385px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-03" type="text" tabindex="32" value="" data-objref="72 0 R" title="3" data-field-name="Gear 3" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 405px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-04" type="text" tabindex="33" value="" data-objref="73 0 R" title="4" data-field-name="Gear 4" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 426px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-05" type="text" tabindex="34" value="" data-objref="74 0 R" title="5" data-field-name="Gear 5" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 446px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-06" type="text" tabindex="35" value="" data-objref="75 0 R" title="6" data-field-name="Gear 6" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 468px; width: 99px;  height: 17px; text-align: left; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-07" type="text" tabindex="36" value="" data-objref="76 0 R" title="7" data-field-name="Gear 7" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 488px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-08" type="text" tabindex="37" value="" data-objref="77 0 R" title="8" data-field-name="Gear 8" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 507px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-09" type="text" tabindex="38" value="" data-objref="78 0 R" title="9" data-field-name="Gear 9" style="z-index: 2; padding: 0px; position: absolute; left: 570px;  top: 529px; width: 99px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-10" type="text" tabindex="39" value="" data-objref="79 0 R" title="10" data-field-name="Gear 10" style="z-index: 2; padding: 0px; position: absolute; left: 575px;  top: 549px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-11" type="text" tabindex="40" value="" data-objref="80 0 R" title="11" data-field-name="Gear 11" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 364px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-12" type="text" tabindex="41" value="" data-objref="81 0 R" title="12" data-field-name="Gear 12" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 385px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-13" type="text" tabindex="42" value="" data-objref="82 0 R" title="13" data-field-name="Gear 13" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 405px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-14" type="text" tabindex="43" value="" data-objref="83 0 R" title="14" data-field-name="Gear 14" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 426px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-15" type="text" tabindex="44" value="" data-objref="84 0 R" title="15" data-field-name="Gear 15" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 446px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-16" type="text" tabindex="45" value="" data-objref="85 0 R" title="16" data-field-name="Gear 16" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 468px; width: 95px;  height: 17px; text-align: left; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-17" type="text" tabindex="46" value="" data-objref="86 0 R" title="17" data-field-name="Gear 17" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 489px; width: 95px;  height: 15px; text-align: left; background: transparent;  border: none; font: normal 12px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-18" type="text" tabindex="47" value="" data-objref="87 0 R" title="18" data-field-name="Gear 18" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 507px; width: 95px;  height: 17px; text-align: left; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-19" type="text" tabindex="48" value="" data-objref="88 0 R" title="19" data-field-name="Gear 19" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 529px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <input name="attr_gear-20" type="text" tabindex="49" value="" data-objref="89 0 R" title="20" data-field-name="Gear 20" style="z-index: 2; padding: 0px; position: absolute; left: 704px;  top: 549px; width: 95px;  height: 19px; text-align: left; background: transparent;  border: none; font: normal 15px Arial, Helvetica, sans-serif;" /> <textarea name="attr_free-to-cary" tabindex="50" data-objref="90 0 R" data-field-name="Free To Carry" style="z-index: 2; resize: none; padding: 0px; position: absolute; left: 819px;  top: 387px; width: 83px;  height: 177px;  color: rgb(0,0,0);  text-align: left; background: transparent;  border: none; font: normal 13px Arial, Helvetica, sans-serif;" ></textarea>  </div> </div> </div> </div> <rolltemplate class="sheet-rolltemplate-simple">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{roll}}</span>         <span style="background:white;">{{result}}</span>         <span class="rolldescr">             {{description}}         </span>     </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-desc">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{roll}}</span>         <span class="rolldescr">{{description}}</span>     </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-randomencounters">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{title}}</span>         <span style="background:white;" class="rolldescr"><b>Encounter:</b> {{encounter}}</span>         <span style="background:white;" class="rolldescr"><b>Distance:</b> {{distance}}</span>         <span style="background:white;" class="rolldescr"><b>Activity:</b> {{activity}}</span>         <span style="background:white;" class="rolldescr"><b>Reaction:</b> {{reaction}}</span>     </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-greater">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{roll}}</span>         <span style="background:white;display:none;">{{check}}</span>         <span style="background:white;">{{result}}</span>         {{#rollLess() result check}}             <span class="rollresult rollfail" data-i18n="fail">Fail</span>         {{/rollLess() result check}}         {{#rollGreater() result check}}             <span class="rollresult rollsuccess" data-i18n="success">Success</span>         {{/rollGreater() result check}}         {{#rollTotal() result check}}             <span class="rollresult rollsuccess" data-i18n="success">Success</span>         {{/rollTotal() result check}}     </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-less">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{roll}}</span>         <span style="background:white;display:none;">{{check}}</span>         <span style="background:white;">{{result}}</span>         {{#rollTotal() result check}}             <span class="rollresult rollsuccess" data-i18n="success">Success</span>         {{/rollTotal() result check}}         {{#rollLess() result check}}             <span class="rollresult rollsuccess" data-i18n="success">Success</span>         {{/rollLess() result check}}         {{#rollGreater() result check}}             <span class="rollresult rollfail" data-i18n="fail">Fail</span>         {{/rollGreater() result check}}     </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-skill">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">{{roll}}</span>         <span style="background:white;">{{result}}</span>         {{#rollTotal() symbol 2}}             {{#rollLess() result check}}                 <span class="rollresult rollfail" data-i18n="fail">Fail</span>             {{/rollLess() result check}}             {{#rollGreater() result check}}                 <span class="rollresult rollsuccess" data-i18n="success">Success</span>             {{/rollGreater() result check}}             {{#rollTotal() result check}}                 <span class="rollresult rollsuccess" data-i18n="success">Success</span>             {{/rollTotal() result check}}         {{/rollTotal() symbol 2}}         {{#rollTotal() symbol 1}}             {{#rollTotal() result check}}                 <span class="rollresult rollsuccess" data-i18n="success">Success</span>             {{/rollTotal() result check}}             {{#rollLess() result check}}                 <span class="rollresult rollsuccess" data-i18n="success">Success</span>             {{/rollLess() result check}}             {{#rollGreater() result check}}                 <span class="rollresult rollfail" data-i18n="fail">Fail</span>             {{/rollGreater() result check}}         {{/rollTotal() symbol 1}}         <span class="rolldescr">             {{description}}         </span>          </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-reaction">     <div>         <span style="background: url(<a href="https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png" rel="nofollow">https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png</a>); background-size: contain;">REACTION</span>         <span style="background:white;" class="rolldescr"><b>2d6 + CHA mod</b></span>         <span style="background:white;" class="rolldescr"> 0-6  Hostile</span>         <span style="background:white;" class="rolldescr"> 7-8  Suspicious</span>         <span style="background:white;" class="rolldescr">  9   Neutral</span>         <span style="background:white;" class="rolldescr">10-11 Curious</span>         <span style="background:white;" class="rolldescr"> 12+  Friendly</span>     </div> </rolltemplate> CSS: .charsheet { overflow: hidden; } .sheet-rolltemplate-desc span.sheet-rolldescr, .sheet-rolltemplate-skill span.sheet-rolldescr, .sheet-rolltemplate-randomencounters span.sheet-rolldescr, .sheet-rolltemplate-reaction span.sheet-rolldescr {     height:auto;     color:black;     line-height:24px;     text-align:left;     border-top:1px solid black;     background:white;     padding:4px; } .sheet-rolltemplate-greater span.sheet-rollresult,  .sheet-rolltemplate-less span.sheet-rollresult, .sheet-rolltemplate-skill span.sheet-rollresult {     background:white;     border-top:1px solid black; } .sheet-rolltemplate-greater span.sheet-rollfail,  .sheet-rolltemplate-less span.sheet-rollfail, .sheet-rolltemplate-skill span.sheet-rollfail {     color:#990000; } .sheet-rolltemplate-greater span.sheet-rollsuccess,  .sheet-rolltemplate-less span.sheet-rollsuccess, .sheet-rolltemplate-skill span.sheet-rollsuccess {     color:#009900; } .sheet-rolltemplate-desc span, .sheet-rolltemplate-randomencounters span, .sheet-rolltemplate-reaction span, .sheet-rolltemplate-simple span,  .sheet-rolltemplate-greater span,  .sheet-rolltemplate-less span, .sheet-rolltemplate-skill span, {     background-color:black;     color:white;     display: inline-block;     vertical-align:middle;     text-align:center;     line-height: 3em;     height:3em;     width:100%;     border-bottom:1px solid black; /*    border-left:1px solid black;     border-right:1px solid black; */ } .sheet-rolltemplate-desc .inlinerollresult, .sheet-rolltemplate-simple .inlinerollresult, .sheet-rolltemplate-simple .inlinerollresult.fullfail, .sheet-rolltemplate-simple .inlinerollresult.fullcrit, .sheet-rolltemplate-simple .inlinerollresult.importantroll,  .sheet-rolltemplate-greater .inlinerollresult, .sheet-rolltemplate-greater .inlinerollresult.fullfail, .sheet-rolltemplate-greater .inlinerollresult.fullcrit, .sheet-rolltemplate-greater .inlinerollresult.importantroll,  .sheet-rolltemplate-less .inlinerollresult, .sheet-rolltemplate-less .inlinerollresult.fullfail, .sheet-rolltemplate-less .inlinerollresult.fullcrit, .sheet-rolltemplate-less .inlinerollresult.importantroll, .sheet-rolltemplate-skill .inlinerollresult, .sheet-rolltemplate-skill .inlinerollresult.fullfail, .sheet-rolltemplate-skill .inlinerollresult.fullcrit, .sheet-rolltemplate-skill .inlinerollresult.importantroll {     background-color: transparent;     border: none;     color:black; }

1680234385

Edited 1680272233

DarkRaptor

Pro

Permalink Quote

I know just enough about coding to know I can't code.  How would I go about implementing this? *** Never mind - I figured it out.  Looks great so far!

1681766928

HylianEOD

Pro

Permalink Quote

Ok so do I just put all that code in the custom character sheet? 

1681770645

Kilter

Pro

Permalink Quote

Yep

1682544571

Troy W.

Pro

Permalink Quote

I tried putting this into the custom character sheet and while I saw the sheet there was a bunch of code underneath it.

1682547132

Kilter

Pro

Permalink Quote

I separated it out the CSS and HTML where in the same place.

1682625820

Troy W.

Pro

Permalink Quote

Ahh gotcha. Thanks!

1682729021

Scotty

Pro

Permalink Quote

Better, but there's still quite a bit of syntax underneath the character sheet:

1682742585

Kilter

Pro

Permalink Quote

Add this to the CSS and it seems to fix it. .charsheet {     overflow: hidden; }

1682796899

vÍnce

Pro

Sheet Author

Permalink Quote

There may be an un-closed html element messing things up or perhaps the roll template code has not been entered properly... (make sure to use double quotes for class) <rolltemplate class="sheet-rolltemplate-foo">    </rolltemplate> <a href="https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates</a> You can even wrap the roll template code block with an element set to display:hidden.

1683646280

Chris

Pro

Sheet Author

Permalink Quote

Is anyone working on getting this into the Character sheet repository?

Cookie Preferences

Shadowdark character sheet request