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

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.

Genius Saeculi

Author: MALfunction84

Slug: genius_saeculi

System: Spirit of the Century

DST Source Code

HTML Template

<div class="genius_saeculi_header">
	<div class="genius_saeculi_image">
		<span class="dsf dsf_avatar_image readonly"></span>
	</div>
	<div class="genius_saeculi_name_player_campaign">
		<table cellspacing="2" cellpadding="0">
			<tr class="genius_saeculi_character">
				<th>Character</th>
				<td><span class="dsf dsf_name readonly"></td>
			</tr>
			<tr class="genius_saeculi_player">
				<th>Player</th>
				<td><span class="dsf dsf_player readonly"></span></td>
			</tr>
			<tr class="genius_saeculi_campaign">
				<th>Campaign</th>
				<td><span class="dsf dsf_campaign readonly"></span></td>
			</tr>
		</table>
	</div>
</div>
				
<div class="genius_saeculi_stress_consequences">

	<div class="genius_saeculi_stress">
		<h3 class="genius_saeculi_heading">Stress</h3>
		<table cellspacing="2" cellpadding="0">
			<tr class="genius_saeculi_values">
				<th></th>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
				<td>7</td>
				<td>8</td>
				<td>9</td>
				<td>10</td>
			</tr>
			<tr>
				<th>Health</th>
				<td><span class="dsf dsf_health1 checkbox"></span></td>
				<td><span class="dsf dsf_health2 checkbox"></span></td>
				<td><span class="dsf dsf_health3 checkbox"></span></td>
				<td><span class="dsf dsf_health4 checkbox"></span></td>
				<td><span class="dsf dsf_health5 checkbox"></span></td>
				<td><span class="dsf dsf_health6 checkbox">1</span></td>
				<td><span class="dsf dsf_health7 checkbox">1</span></td>
				<td><span class="dsf dsf_health8 checkbox">1</span></td>
				<td><span class="dsf dsf_health9 checkbox">1</span></td>
				<td><span class="dsf dsf_health10 checkbox">1</span></td>
			</tr>
			<tr>
				<th>Composure</th>
				<td><span class="dsf dsf_composure1 checkbox"></span></td>
				<td><span class="dsf dsf_composure2 checkbox"></span></td>
				<td><span class="dsf dsf_composure3 checkbox"></span></td>
				<td><span class="dsf dsf_composure4 checkbox"></span></td>
				<td><span class="dsf dsf_composure5 checkbox"></span></td>
				<td><span class="dsf dsf_composure6 checkbox">1</span></td>
				<td><span class="dsf dsf_composure7 checkbox">1</span></td>
				<td><span class="dsf dsf_composure8 checkbox">1</span></td>
				<td><span class="dsf dsf_composure9 checkbox">1</span></td>
				<td><span class="dsf dsf_composure10 checkbox">1</span></td>
			</tr>
		</table>
	</div>

	<div class="genius_saeculi_consequences">
		<h3 class="genius_saeculi_heading">Consequences</h3>
		<table cellspacing="2" cellpadding="0">
			<tr>
				<th>Mild</th>
				<td><span class="dsf dsf_consequence_mild"></span></td>
			</tr>
			<tr>
				<th>Moderate</th>
				<td><span class="dsf dsf_consequence_moderate"></span></td>
			</tr>
			<tr>
				<th>Severe</th>
				<td><span class="dsf dsf_consequence_severe"></span></td>
			</tr>
		</table>
	</div>

</div>

<div class="genius_saeculi_skills_fate_aspects">

	<div class="genius_saeculi_skills">
		<h3 class="genius_saeculi_heading">Skills</h3>
		<table cellspacing="2" cellpadding="0">
			<tr>
				<th rowspan="1">Superb (+5)</th>
				<td><span class="dsf dsf_skill_superb1"></span></td>
			</tr>
			<tr>
				<th rowspan="2">Great (+4)</th>
				<td><span class="dsf dsf_skill_great1"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_skill_great2"></span></td></tr>
			<tr>
				<th rowspan="3">Good (+3)</th>
				<td><span class="dsf dsf_skill_good1"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_skill_good2"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_good3"></span></td></tr>
			<tr>
				<th rowspan="4">Fair (+2)</th>
				<td><span class="dsf dsf_skill_fair1"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_skill_fair2"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_fair3"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_fair4"></span></td></tr>
			<tr>
				<th rowspan="5">Average (+1)</th>
				<td><span class="dsf dsf_skill_average1"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_skill_average2"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_average3"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_average4"></span></td></tr>
			<tr><td><span class="dsf dsf_skill_average5"></span></td></tr>
		</table>
	</div>
	
	<div class="genius_saeculi_fate">
		<h3 class="genius_saeculi_heading">Fate</h3>
		<table cellspacing="2" cellpadding="0">
			<tr>
				<th>Fate Points</th>
				<td><span class="dsf dsf_fate_points">10</span></td>
				<th>Refresh Rate</th>
				<td><span class="dsf dsf_fate_refresh">10</span></td>
			</tr>
		</table>
	</div>

	<div class="genius_saeculi_aspects">
		<h3 class="genius_saeculi_heading">Aspects</h3>
		<table cellspacing="2" cellpadding="0">
			<tr>
				<th rowspan="2">Background</th>
				<td><span class="dsf dsf_aspect1"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_aspect2"></span></td></tr>
			<tr>
				<th rowspan="2">War</th>
				<td><span class="dsf dsf_aspect3"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_aspect4"></span></td></tr>
			<tr>
				<th rowspan="2">Novel</th>
				<td><span class="dsf dsf_aspect5"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_aspect6"></span></td></tr>
			<tr>
				<th rowspan="2">Guest Star</th>
				<td><span class="dsf dsf_aspect7"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_aspect8"></span></td></tr>
			<tr>
				<th rowspan="2">Guest Star</th>
				<td><span class="dsf dsf_aspect9"></span></td>
			</tr>
			<tr><td><span class="dsf dsf_aspect10"></span></td></tr>
		</table>
	</div>

</div>

<div class="genius_saeculi_stunts_gadgets">

	<div class="genius_saeculi_stunts">
		<h3 class="genius_saeculi_heading">Stunts</h3>
		<table cellspacing="2" cellpadding="0">
			<tr><td><span class="dsf dsf_stunt1"></span></td></tr>
			<tr><td><span class="dsf dsf_stunt2"></span></td></tr>
			<tr><td><span class="dsf dsf_stunt3"></span></td></tr>
			<tr><td><span class="dsf dsf_stunt4"></span></td></tr>
			<tr><td><span class="dsf dsf_stunt5"></span></td></tr>
		</table>
	</div>

	<div class="genius_saeculi_gadgets">
		<h3 class="genius_saeculi_heading">Gadgets</h3>
		<table cellspacing="2" cellpadding="0">
			<tr><td><span class="dsf dsf_gadget1"></span></td></tr>
			<tr><td><span class="dsf dsf_gadget2"></span></td></tr>
			<tr><td><span class="dsf dsf_gadget3"></span></td></tr>
			<tr><td><span class="dsf dsf_gadget4"></span></td></tr>
			<tr><td><span class="dsf dsf_gadget5"></span></td></tr>
		</table>
	</div>

</div>

<div class="genius_saeculi_bio">
	<h3 class="genius_saeculi_heading">Bio</h3>
	<span class="dsf dsf_bio readonly"></span>
</div>

<div class="genius_saeculi_footer">
        <!--
	<div class="genius_saeculi_more">
		<span class="genius_saeculi_more_icon">[<a href="#">more</a>]</span>
		<div class="genius_saeculi_more_panel genius_saeculi_hidden">
			For best results, install these fonts:
			<ul>
				<li><a href="http://www.blambot.com/font_letteromatic.shtml" target="_blank">Letter-O-Matic</a></li>
				<li><a href="http://www.urbanfonts.com/fonts/Adventure.htm" target="_blank">Adventure</a></li>
			</ul>
		</div>
	</div>
        -->
	<div class="genius_saeculi_credits">
		"Genius Saeculi 1.0" by <span class="dsf dsf_dst_author readonly"></span>
	</div>
</div>

CSS

/****************************
* This is the CSS for the DST.
* Copy and paste this directly into the CSS textarea on obsidianportal.com
*****************************/

.ds_genius_saeculi {
	font-size: 11pt;
	font-family: "LetterOMatic!", "Century Gothic", sans-serif;
	font-variant: small-caps;
}

.ds_genius_saeculi a.dst_player_link,
.ds_genius_saeculi a.dst_character_name_link,
.ds_genius_saeculi a.dst_campaign_link {
	text-decoration: none;
}

.ds_genius_saeculi .genius_saeculi_hidden {
	display: none;
}

.ds_genius_saeculi h3.genius_saeculi_heading {
	font-size: 1.5em;
	margin: 0;
	text-decoration: underline;
	font-family: "Adventure", "Century Gothic", sans-serif;
}

.ds_genius_saeculi table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 2px 2px;
}

.ds_genius_saeculi table th {
	font-size: inherit;
	vertical-align: top;
	text-align: right;
	padding: 0 0.5em 0 0;
	margin: 0;
	background-image: none;
	background-color: transparent;
	white-space: nowrap;
	width: 25%;
}

.ds_genius_saeculi table td {
	font-size: inherit;
	vertical-align: top;
	padding: 0;
}

.ds_genius_saeculi form button {
	display: none;
}

.ds_genius_saeculi form {
	display: inline;
	margin: 0;
	padding: 0;
}

.ds_genius_saeculi span.dsf {
	display: inline-block;
	border-bottom: 1px solid silver;
	width: 100%;
	height: 20px;
	line-height: 18px;
}

.ds_genius_saeculi span.dsf input {
	border: none;
	margin-left: -1px;
	padding: 0;
	border: none;
	font: inherit;
}

.ds_genius_saeculi.editable span.dsf {
	background-color: #ffffdd;
	cursor: pointer;
}

.ds_genius_saeculi.editable span.dsf:hover {
	background-color: #eeeeff;
}

.ds_genius_saeculi.editable span.dsf.readonly,
.ds_genius_saeculi.editable span.dsf.readonly:hover {
	background-color: inherit;
	cursor: inherit;
	border-bottom: inherit;
}

.ds_genius_saeculi span.dsf.checkbox {
	background-color: transparent;
	border: none;
	height: auto;
	text-align: center;
	cursor: inherit;
}

.ds_genius_saeculi span.dsf.checkbox:hover {
	background-color: transparent;
}

.ds_genius_saeculi span.dsf.checkbox input {
	padding: 0;
	margin: 0;
}



.ds_genius_saeculi div.genius_saeculi_header,
.ds_genius_saeculi div.genius_saeculi_stress_consequences,
.ds_genius_saeculi div.genius_saeculi_skills_fate_aspects,
.ds_genius_saeculi div.genius_saeculi_stunts_gadgets,
.ds_genius_saeculi div.genius_saeculi_bio,
.ds_genius_saeculi div.genius_saeculi_footer {
	clear: left;
	border-top: 1px solid gray;
	width: 732px;
}

.ds_genius_saeculi div.genius_saeculi_image {
	float: left;
	width: 96px;
}

.ds_genius_saeculi div.genius_saeculi_skills,
.ds_genius_saeculi div.genius_saeculi_stunts,
.ds_genius_saeculi div.genius_saeculi_stress {
	float: left;
	width: 304px;
}

.ds_genius_saeculi div.genius_saeculi_image table,
.ds_genius_saeculi div.genius_saeculi_skills table,
.ds_genius_saeculi div.genius_saeculi_stunts table,
.ds_genius_saeculi div.genius_saeculi_stress table {
	padding-right: 0.5em;
}

.ds_genius_saeculi div.genius_saeculi_name_player_campaign,
.ds_genius_saeculi div.genius_saeculi_consequences,
.ds_genius_saeculi div.genius_saeculi_fate,
.ds_genius_saeculi div.genius_saeculi_aspects,
.ds_genius_saeculi div.genius_saeculi_gadgets {
	float: left;
	width: 428px;
}

.ds_genius_saeculi span.dsf.dsf_avatar_image {
	width: 96px;
	height: 96px;
}

.ds_genius_saeculi div.genius_saeculi_stress td {
	vertical-align: bottom;
}

.ds_genius_saeculi div.genius_saeculi_stress tr.genius_saeculi_values td {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
}

.ds_genius_saeculi div.genius_saeculi_fate {
	margin-bottom: 1em;
}

.ds_genius_saeculi div.genius_saeculi_fate table td {
	width: 25%;
}

.ds_genius_saeculi div.genius_saeculi_bio span.dsf_bio {
	display: block;
	height: auto;
	border: none;
}

.ds_genius_saeculi div.genius_saeculi_footer div.genius_saeculi_more span.genius_saeculi_more_icon {
	font-variant: normal;
	font-family: "Courier New", monospace;
	float: right;
}

.ds_genius_saeculi div.genius_saeculi_footer div.genius_saeculi_more div.genius_saeculi_more_panel {
	position: absolute;
	background-color: white;
	border: 1px solid black;
}

.ds_genius_saeculi div.genius_saeculi_footer div.genius_saeculi_credits {
	text-align: right;
	font-style: italic;
}

.ds_genius_saeculi div.genius_saeculi_footer span {
	display: inline;
}

Javascript

(function($){
	$.fn.editable.defaults.onblur = 'submit';
})(jQuery);

function genius_saeculi_dataPreLoad(options) {
	// Called just before the data is loaded.
	// alert("dataPreLoad");
	jQuery(".genius_saeculi_footer .genius_saeculi_more .genius_saeculi_more_icon a").click(function () {
		if ($(this).text() == "more") {
			$(this).text("less");
		} else {
			$(this).text("more");
		}
		jQuery(".genius_saeculi_footer .genius_saeculi_more .genius_saeculi_more_panel").toggleClass("genius_saeculi_hidden");
		return false;
	});
}

Back

ObsidianPortal

Genius Saeculi

Obsidian Portal Around the Web