Obsidian Portal
Menu
Sign In / Create Account
JavaScript is currently disabled. Obsidian Portal has a lot of really cool features that use JavaScript. You should check them out. We think you'll have a much more enjoyable experience.
Home
Campaigns
Games Nearby
Plans
Community
Help
Resources
DCC RPG
Author:
thatmaxsteele
Slug:
dccrpg
System:
Dungeon Crawl Classics
DST Source Code
HTML Template
<!-- Main Character Sheet Page Background Div --> <div class="content"> <!-- General Character Information --> <div class="section top" style="left:2px;width:726px;height:59px;"> <span class="linefield dsf dsf_name" style="left:2px;top:3px;width:230px;text-align:left;"></span> <span class="linefield dsf dsf_level" style="left:240px;top:3px;"></span> <span class="linefield dsf dsf_class" style="left:298px;top:3px;width:110px;"></span> <span class="linefield dsf dsf_alignment" style="left:412px;top:3px;width:115px;"></span> <span class="linefield dsf dsf_xp" style="left:530px;top:3px;width:118px;"></span> <span class="lable" style="left:3px;top:20px;">Character Name</span> <span class="lable" style="left:254px;top:20px;">Level</span> <span class="lable" style="left:300px;top:20px;">Class</span> <span class="lable" style="left:414px;top:20px;">Alignment</span> <span class="lable" style="left:532px;top:20px;">XP</span> <span class="linefield dsf dsf_race" style="left:2px;top:32px;width:142px;text-align:left;"></span> <span class="linefield dsf dsf_size" style="left:147px;top:32px;width:37px;"></span> <span class="linefield dsf dsf_age" style="left:187px;top:32px;width:39px;"></span> <span class="linefield dsf dsf_gender" style="left:229px;top:32px;width:38px;"></span> <span class="linefield dsf dsf_height" style="left:270px;top:32px;width:38px;"></span> <span class="linefield dsf dsf_weight" style="left:311px;top:32px;width:38px;"></span> <span class="linefield dsf dsf_alignment" style="left:352px;top:32px;width:76px;"></span> <span class="linefield dsf dsf_deity" style="left:431px;top:32px;width:84px;"></span> <span class="linefield dsf dsf_annointed" style="left:518px;top:32px;width:206px;"></span> <span class="lable" style="left:3px;top:49px;">Race</span> <span class="lable" style="left:149px;top:49px;">Size</span> <span class="lable" style="left:190px;top:49px;">Age</span> <span class="lable" style="left:231px;top:49px;">Gender</span> <span class="lable" style="left:272px;top:49px;">Height</span> <span class="lable" style="left:313px;top:49px;">Weight</span> <span class="lable" style="left:354px;top:49px;">Alignment</span> <span class="lable" style="left:433px;top:49px;">Deity</span> <span class="lable" style="left:520px;top:49px;">Annointed</span> </div> <div class="column_200"> <!-- Abilities --> <div class="section" style="min-height:170px;left:0px;min-height:50px\9"> <div class="header">ABILITIES</div> <span class="labelh1" style="left:3px;top:20px;">STR</span> <span class="dsf dsf_strength" style="position:absolute;left:50px;top:20px;width:150px;"></span> <span class="labelh1" style="left:3px;top:40px;">INT</span> <span class="labelh1" style="left:3px;top:60px;">WIS</span> <span class="labelh1" style="left:3px;top:80px;">DEX</span> <span class="labelh1" style="left:3px;top:100px;">CON</span> <span class="labelh1" style="left:3px;top:120px;">LKS</span> <span class="labelh1" style="left:3px;top:140px;">CHA</span> </div> </div> <div class="column_530"> <div class="block_50"> <span class="boxfield_50 dsf dsf_strength_damage_mod"></span> <span class="lable2">Dmg Mod</span> </div> <div class="block_50"> <span class="boxfield_50 dsf dsf_feat_of_strength"></span> <span class="lable2">Feat of Str</span> </div> <div class="block_50"> <span class="boxfield_50 dsf dsf_lift"></span> <span class="lable2">Lift(lbs)</span> </div> <div class="block_50"> <span class="boxfield_50 dsf dsf_carry"></span> <span class="lable2">Carry (lbs)</span> </div> <div class="block_50"> <span class="boxfield_50 dsf dsf_drag"></span> <span class="lable2">Drag (lbs)</span> </div> <div class="block_50"> <span class="boxfield_50 dsf dsf_initive_mod"></span> <span class="lable2">Init Mod</span> </div> <!-- <span class="lable" style="left:80px;top:80px">Att Mod</span> <span class="lable" style="left:100px;top:80px">Def Mod)</span> <span class="lable" style="left:120px;top:80px">Dodge</span> <span class="lable" style="left:140px;top:80px">Feat Agil</span> --> </div> <div class="required_info"> <p> Name:<span class="dsf dsf_name"></span> </p> <p> Player Name: <span class="dsf dsf_player"></span> </p> <p> Campaign: <span class="dsf dsf_campaign"></span> </p> <p> Author: <span class="dsf dsf_dst_author"></span> </p> <p> Bio: <span class="dsf dsf_bio"></span> </p> </div> </div>
CSS
/* CSS Document */ div.ds_dccrpg .linefield{ position: absolute; display: inline-block; height: 16px; border-width: 1px; border-color: #33CC99; border-bottom-style: solid; text-align: center; font-size: 9pt; } div.ds_dccrpg .boxfield_50{ position:absolute; display:inline-block; height:25px; top:0px; margin-left:auto; margin-right:auto; width:100%; font-size:14pt; text-align:center; font-weight:normal; } div.ds_dccrpg .box_50{ top:0px; height:40px; width:40px; } div.ds_dccrpg .block_50{ display:inline-block; position:relative; width:40px; height:40px; } div.ds_dccrpg .lable{ position:absolute; font-size:7pt; color:#998877; font-variant:small-caps; } div.ds_dccrpg .lable2{ top:25px; width:100%; position:absolute; font-size:6pt; color:#998877; font-variant:small-caps; text-align:center; } div.ds_dccrpg .content{ width:730px; font-family:arial; padding-bottom:51px; background-color:#ffffff; /* background-image:url('http://zenowerks.com/hackmaster/200x20px.png'); */ color:#776655; position:relative; } div.ds_dccrpg .section{ position:relative; margin-bottom:3px; z-index:2; } div.ds_dccrpg .column_200{ display:inline-block; width:200px; vertical-align:top; position:relative; background-color:#CCC } div.ds_dccrpg .column_530{ display: inline-block; width: 520px; vertical-align: top; position: relative; left: -1px; border:thin; } div.ds_dccrpg .header{ position:relative; padding-bottom:5px; text-align:center; font-size:9pt; color:#000; font-weight:bold; height:13px; } div.ds_dccrpg .labelh1{ position:absolute; margin-left:auto; font-size:9pt; color:#776655; font-weight:bold; } div.ds_dccrpg .jeditable_submit{ position:absolute; right:-20px; top:-2px; height:18px; width:10px; z-index:5; } div.ds_dccrpg .jeditable_submit_text { position:relative; top:-4px; left:-1px; font-size:9pt; color:#070; } div.editable .dsf{ cursor:pointer; overflow:hidden; text-overflow:hidden; text-align:center; }
Javascript
Submit Notes
Back
I'm sorry, but we no longer support this web browser. Please
upgrade your browser
or install
Chrome
or
Firefox
to enjoy the full functionality of this site.