Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

DCC RPG

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

Back

DCC RPG

Create Your Campaign

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.

DCC RPG

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

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.