Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
×

Cookie Preferences

We use Cookies to help personalize and improve Roll20. For more information on our use of non-essential Cookies, visit our Privacy Policy here.
Create a free account

Shadowdark character sheet request

  1. Community Forums
  2. Character Sheets & Compendium
  3. Shadowdark character sheet request
March 23 (2 years ago)
DarkRaptor
Pro
Permalink for 11383768 Quote

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.


March 30 (2 years ago)
Kev
Plus
Permalink for 11394669 Quote

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

March 31 (2 years ago)

Edited April 29 (2 years ago)
Kilter
Pro
Permalink for 11394803 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;">
<!-- Begin page background -->
<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(https://media.discordapp.net/attachments/724777318253592588/1007070211154907217/1.jpg); height: 100%; border: none; margin: 0px;  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; "></div>
<!-- End page background -->
<!-- Begin Form Data -->
<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>
<!-- End Form Data -->
</div>
</div>
</div>
</div>



<rolltemplate class="sheet-rolltemplate-simple">
    <div>
        <span style="background: url(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); background-size: contain;">{{roll}}</span>
        <span class="rolldescr">{{description}}</span>
    </div>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-randomencounters">
    <div>
        <span style="background: url(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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(https://cdn.discordapp.com/attachments/963049372973674536/1009128561879302304/rollbanner.png); 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;
}
March 31 (2 years ago)

Edited March 31 (2 years ago)
DarkRaptor
Pro
Permalink for 11395046 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!

April 17 (2 years ago)
HylianEOD
Pro
Permalink for 11423274 Quote

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

April 17 (2 years ago)
Kilter
Pro
Permalink for 11423361 Quote

Yep

April 26 (2 years ago)
Troy W.
Pro
Permalink for 11436631 Quote

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

April 26 (2 years ago)
Kilter
Pro
Permalink for 11436708 Quote

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

April 27 (2 years ago)
Troy W.
Pro
Permalink for 11437921 Quote

Ahh gotcha. Thanks!

April 29 (2 years ago)
Scotty
Pro
Permalink for 11439638 Quote

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


April 29 (2 years ago)
Kilter
Pro
Permalink for 11439910 Quote

Add this to the CSS and it seems to fix it.

.charsheet {

    overflow: hidden;

}

April 29 (2 years ago)
vÍnce
Pro
Sheet Author
Permalink for 11441073 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">
  <!-- roll template code here -->
</rolltemplate>
https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates

You can even wrap the roll template code block with an element set to display:hidden.

May 09 (1 year ago)
Chris
Pro
Sheet Author
Permalink for 11454918 Quote

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

You must Login to your Roll20 Account to post a reply.