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

Star Trek Adventures Character Sheet

Author: Robertness

Slug: star_trek_adventures

Type: GameCharacter

System: Star Trek RPG

DST Source Code

HTML Template

<div class="basic_info">

        <h3>Starfleet Personnel File</h3>
		<table>
		<tr>
		<td>
        <div class="name">
          <span><strong>Name:</strong></span>
		  <span class="dsf dsf_name"></span>
		 </div>
		 </td>
		 </tr>
        
		<tr>
		<td>
		<div class="player">
          <span><strong>Player:</strong></span>
		  <span class="dsf dsf_player"></span>
        </div>
		</td>
		<td>
		<div class="campaign">
          <span><strong>Campaign:</strong></span>
		  <span class="dsf dsf_campaign"></span>
        </div>
		</td>
		</tr>
         <tr>
		 <td>
		<div class="species">
          <span><strong>Species:</strong></span>
     	  <span class="dsf dsf_species"></span>
        </div>
		</td>
		<td>
        <div class="rank">
          <span><strong>Rank:</strong></span>
          <span class="dsf dsf_rank"></span>
        </div>
		</td>
		</tr>    
        <tr>
		<td>
		<div class="environment">
          <span><strong>Environment:</strong></span>
          <span class="dsf dsf_environment"></span>
        </div>
		</td>
		<td>
		<div class="upbringing">
          <span><strong>Upbringing:</strong></span>
          <span class="dsf dsf_upbringing"></span>
        </div>
		</td>
		</tr>
		<tr>
		<td>
		<div class="assignment">
          <span><strong>Assignment:</strong></span>
          <span class="dsf dsf_assignment"></span>
        </div>
		</td>
		</tr>
		<tr>
		<td>
		<div class="traits">
          <span><strong>Traits:</strong></span>
          <span class="dsf dsf_traits"></span>
        </div>
		</td>
		</tr>
		</table>
      </div>
	 <div class="attribute_scores">
        <h3>Attributes</h3>
        <table>
			<tr>
				<td>
				<div class="attribute_score control">
				  <span class="attribute_score_name">CONTROL</span>
				  <span class="dsf attribute_score_score dsf_control"></span>
				</div>
				</td>
				<td>
				<div class="attribute_score fitness">
				  <span class="attribute_score_name">FITNESS</span>
				  <span class="dsf attribute_score_score dsf_fitness"></span>
				</div>
				</td>
				<td>
				<div class="attribute_score presence">
				  <span class="attribute_score_name">PRESENCE</span>
				  <span class="dsf attribute_score_score dsf_presence"></span>
				</div>
				</td>
			</tr>
			<tr>
				<td>
				<div class="attribute_score daring">
				  <span class="attribute_score_name">DARING</span>
				  <span class="dsf attribute_score_score dsf_daring"></span>
				</div>
				</td>
				<td>
				<div class="attribute_score insight">
				  <span class="attribute_score_name">INSIGHT</span>
				  <span class="dsf attribute_score_score dsf_insight"></span>
				</div>
				</td>
				<td>
				<div class="attribute_score reason">
				  <span class="attribute_score_name">REASON</span>
				  <span class="dsf attribute_score_score dsf_reason"></span>
				</div>
				</td>
			</tr>
		</table>
      </div>
      <br/>
	  <div class="disciplines">
        <h3>Disciplines</h3>
        <table>
			<tr>
			<td>
				<div class="discipline_score command">
				  <span class="discipline_score_name">COMMAND</span>
				  <span class="dsf discipline_score_score dsf_command"></span>
				</div>
			</td>
			<td>
				<div class="discipline_score security">
				  <span class="discipline_score_name">SECURITY</span>
				  <span class="dsf discipline_score_score dsf_security"></span>
				</div>
			</td>
			<td>
				<div class="discipline_score science">
				  <span class="discipline_score_name">SCIENCE</span>
				  <span class="dsf discipline_score_score dsf_science"></span>
				</div>
			</td>
			</tr>
			<tr>
			<td>
				<div class="discipline_score conn">
				  <span class="discipline_score_name">CONN</span>
				  <span class="dsf discipline_score_score dsf_conn"></span>
				</div>
			</td>
			<td>
				<div class="discipline_score engineering">
				  <span class="discipline_score_name">ENGINEERING</span>
				  <span class="dsf discipline_score_score dsf_engineering"></span>
				</div>
			</td>
			<td>
				<div class="discipline_score medicine">
				  <span class="discipline_score_name">MEDICINE</span>
				  <span class="dsf discipline_score_score dsf_medicine"></span>
				</div>
			</td>
			</tr>
		</table>
      </div>
      <div class="portrait_holder"><span class="dsf dsf_avatar_image"></span></div>

	   <br/>
	  <div class="focuses">
	 
		<h3>Focuses</h3>
		
		 <div class="focus_1">
                  <span class="dsf dsf_focus_1"></span>
		 </div>
		 <div class="focus_2">
                    <span class="dsf dsf_focus_2"></span>
		 </div>
		 <div class="focus_3">
                  <span class="dsf dsf_focus_3"></span>
		 </div>
		 <div class="focus_4">
                    <span class="dsf dsf_focus_4"></span>
		 </div>
		 <div class="focus_5">
                   <span class="dsf dsf_focus_5"></span>
		 </div>
		 <div class="focus_6">
                   <span class="dsf dsf_focus_6"></span>
		 </div>
		 <div class="focus_7">
                   <span class="dsf dsf_focus_7"></span>
		 </div>
		 <div class="focus_8">
                   <span class="dsf dsf_focus_8"></span>
		 </div>
		 <div class="focus_9">
                   <span class="dsf dsf_focus_9"></span>
		 </div>
		 <div class="focus_10">
                   <span class="dsf dsf_focus_10"></span>
		 </div>
		 </div>
		 	   <br/>
       <div class="talents">
	 
		<h3>Talents</h3>
		
		 <div class="talent_1">
                  <span class="dsf dsf_talent_1"></span>
		 </div>
		 <div class="talent_2">
                    <span class="dsf dsf_talent_2"></span>
		 </div>
		 <div class="talent_3">
                  <span class="dsf dsf_talent_3"></span>
		 </div>
		 <div class="talent_4">
                    <span class="dsf dsf_talent_4"></span>
		 </div>
		 <div class="talent_5">
                  <span class="dsf dsf_talent_5"></span>
		 </div>
		 <div class="talent_6">
                    <span class="dsf dsf_talent_6"></span>
		 </div>
		 </div>
<br/>

	  <div class="values">
	 
		<h3>Values</h3>
		
		 <div class="value_1">
                  <span class="dsf dsf_value_1"></span>
		 </div>
		 <div class="value_2">
                    <span class="dsf dsf_value_2"></span>
		 </div>
		 <div class="value_3">
                  <span class="dsf dsf_value_3"></span>
		 </div>
		 <div class="value_4">
                    <span class="dsf dsf_value_4"></span>
		 </div>
	</div>
<br/>
	<div class="biography">
	 
		<h3>Biographical Data</h3>
		
		 <div class="bio">
                  <span class="dsf dsf_bio"></span>
		 </div>
	</div>

	</div>
	<p>
	Dynamic Character Sheet Template by <span class="dsf dsf_dst_author"></span>.
	</p>
	</div>

CSS

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


/****************************
* Basic Info
*****************************/
.ds_star_trek_adventures .basic_info h3 {
      color: #8f1853;
      font-weight: bold;
}


.ds_star_trek_adventures table {
	border: 1px solid #e81d81;
}

.ds_star_trek_adventures .portrait_holder {
         float: right;
         width: 40%;
         border: 1px solid #e81d81;
}

/****************************
* Attribute Scores
*****************************/
.ds_star_trek_adventures .attribute_scores {
  margin-top: 30px; 
}

.ds_star_trek_adventures .attribute_scores h3 {
     font-weight: bold;
     color: #f29c20;
}

.ds_star_trek_adventures .attribute_score {
  clear: left;
}

.ds_star_trek_adventures .attribute_score_header span {
  display: block;
  float: left;
  width: 120px;
  font-weight: bold;
}

.ds_star_trek_adventures .attribute_score_name {
  display: block;
  float: left;
  width: 120px;
  color: #ffffff;
  background-color: #8f1853;
  padding-left: 5px;
}

.ds_star_trek_adventures .attribute_score_score {
  display: block;
  float: left;
  width: 120px;
  padding-left: 5px;
}


/****************************
* Discipline Scores
*****************************/
.ds_star_trek_adventures .disciplines h3 {
     font-weight: bold;
     color: #f29c20;
}

.ds_star_trek_adventures .discipline_scores {
  margin-top: 30px; 
}

.ds_star_trek_adventures .discipline_score {
  clear: left;
}

.ds_star_trek_adventures .discipline_score_header span {
  display: block;
  float: left;
  width: 120px;
  font-weight: bold;
}

.ds_star_trek_adventures .discipline_score_name {
  display: block;
  float: left;
  width: 120px;
  color: #ffffff;
  background-color: #8f1853;
  padding-left: 5px;
}

.ds_star_trek_adventures .discipline_score_score {
  display: block;
  float: left;
  width: 120px;
  padding-left: 5px;
}

/****************************
* Focuses
*****************************/
.ds_star_trek_adventures .focuses h3 {
     font-weight: bold;
     color: #f29c20;
}

/****************************
* Talents
*****************************/
.ds_star_trek_adventures .talents h3 {
     font-weight: bold;
     color: #f29c20;
}

/****************************
* Values
*****************************/
.ds_star_trek_adventures .values h3 {
     font-weight: bold;
     color: #f29c20;
}

/****************************
* Biography
*****************************/
.ds_star_trek_adventures .biography h3 {
     font-weight: bold;
     color: #f29c20;
}

JavaScript

Back

Star Trek Adventures Character Sheet

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account