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
