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

Genius Saeculi

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

Genius Saeculi

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.

Genius Saeculi

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.