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

Victoriana 3rd edition

Author: Suitengo

Slug: victoriana

System: Victoriana

DST Source Code

HTML Template

<div class="dynamic_sheet_html_template">

  <div class="basic_info">
            
    <div class="player">
      <span>Player:</span> <span class="dsf dsf_player"></span>
    </div>

    <div class="basic">
  
      <div class="length">
        <span>Name:</span> <span class="dsf dsf_name">Name...</span>
      </div>

      <div class="length">
        <span>Association:</span><span class="dsf dsf_association"></span>
      </div>

      <div class="length">
        <span>Nationality:</span> <span class="dsf dsf_nationality"></span>
      </div>

      <div class="length">
        <span>Age/Gender:</span> <span class="dsf dsf_age"></span>
      </div>

      <div class="length">
        <span>Class/Subspecies:</span> <span class="dsf dsf_social_class"></span>
      </div>

      <div class="length">
        <span>Ethics:</span> <span class="dsf dsf_ethics"></span>
      </div>
    </div>

    <div class="reputation_block">
      <div class="ability_score reputation">
        <span class="dsf ability_score_score dsf_noteriaty" style="top 120px;"></span>
        <span class="victoriana_label" style="top:120px;">Noteriaty</span>
      </div>

      <div class="ability_score reputation">
        <span class="dsf ability_score_score dsf_propriety" style="top 120px;"></span>
        <span class="victoriana_label" style="top:120px;">Propriaty</span>
      </div>
    </div>

    <div class=basic_right>
     
      <div class="length">
        <span>Build:</span> <span class="dsf dsf_build"></span>
      </div> 

      <div class="length">
        <span>Hair/Eyes:</span> <span class="dsf dsf_hair"></span>
      </div>

      <div class="length">
        <span>Childhood Exp:</span> <span class="dsf dsf_childhood"></span>
      </div>

     <div class="length">
        <span>Vocation:</span> <span class="dsf dsf_vocation"></span>
      </div>
 
      <div class="length">
        <span>Personality:</span> <span class="dsf dsf_personality"></span>
      </div>

      <div class="length">
        <span>Campaign:</span> <span class="dsf dsf_campaign"></span>
      </div>
    </div>
  </div>
  
  <div class="attributes">
    <div class="ability_scores attributes">
      <h3>Attributes</h3>
      <div class="abilities_block innate_attributes">
        <div class="ability_score strength">
          <span class="dsf ability_score_score dsf_str" style="top 120px;"></span>
          <span class="victoriana_label" style="top:120px;">&nbsp&nbsp Strength &nbsp&nbsp</span>
        </div>

        <div class="ability_score dexerity">
          <span class="dsf ability_score_score dsf_dex"></span> 
          <span class="victoriana_label">&nbsp&nbsp Dexerity &nbsp&nbsp</span>
        </div>

        <div class="ability_score fortitude">
          <span class="dsf ability_score_score dsf_fort"></span> 
          <span class="victoriana_label">&nbsp&nbsp Fortitude &nbsp&nbsp</span>
        </div>
          
        <div class="ability_score presence">
          <span class="dsf ability_score_score dsf_pres"></span> 
          <span class="victoriana_label">&nbsp&nbsp Presence &nbsp&nbsp</span>
        </div>

        <div class="ability_score wits">
          <span class="dsf ability_score_score dsf_wits"></span> 
          <span class="victoriana_label">&nbsp&nbsp&nbsp&nbsp Wits &nbsp&nbsp&nbsp&nbsp</span>
        </div>

        <div class="ability_score resolve">
          <span class="dsf ability_score_score dsf_res"></span>
          <span class="victoriana_label">&nbsp&nbsp&nbsp&nbsp Resolve &nbsp&nbsp&nbsp&nbsp</span>
        </div>
      </div>
     
      <div class="abilities_block derived_attributes attributes">
        <h3>Derived Attributes</h3>
        <div class="ability_score health">
          <span class="dsf ability_score_score dsf_health"></span> 
          <span class="victoriana_label" style="left:5px;top:120px;">&nbsp&nbsp&nbsp health &nbsp&nbsp&nbsp</span>
        </div>
              
        <div class="ability_score initiative">
          <span class="dsf ability_score_score ability_score_initative dsf_initative"></span>
          <span class="victoriana_label">&nbsp&nbsp&nbsp&nbsp Initative &nbsp&nbsp&nbsp&nbsp</span>
        </div>

        <div class="ability_score quint_quint">
          <span class="dsf ability_score_score dsf_quint"></span> 
          <span class="victoriana_label">Quintessence</span>
        </div>

        <div class="ability_score movement">
          <span class="dsf ability_score_score ability_score_movement dsf_movement"></span> 
          <span class="victoriana_label">&nbsp&nbsp&nbsp Movement &nbsp&nbsp&nbsp</span>
        </div>

        <div class="ability_score_subsection">

          <div class="ability_score_subsection_entry">
            <div class="dsf ability_score_subsection_score ability_score_subsection_sneak dsf_sneak"></div> 
            <span class="ability_score_subsection_name">Sneak</span> 
          </div>

          <div class="ability_score_subsection_entry">
            <div class="dsf ability_score_subsection_score ability_score_subsection_run dsf_run"></div> 
            <span class="ability_score_subsection_name">Run</span>
          </div>

          <div class="ability_score_subsection_entry">
            <div class="dsf ability_score_subsection_score ability_score_subsection_swim dsf_swim"></div> 
            <span class="ability_score_subsection_name">Swim</span>
          </div>

          <div class="ability_score_subsection_entry">
            <div class="dsf ability_score_subsection_score ability_score_subsection_leap_h dsf_leap_h"></div>
            <span class="ability_score_subsection_name">Leap</span>
          </div>

          <div class="ability_score_subsection_entry">
            <div class="dsf ability_score_subsection_score ability_score_subsection_leap_v dsf_leap_v"></div> 
            <span class="ability_score_subsection_name">Jump</span>
          </div>
        </div>
      </div>
    </div>
  </div>
      
  <div class="skills">
    <div class="common_skills">
      <h3>Common Skills</h3>
      <table>
        <tbody>
          <tr>
            <td class="skill_name">Act</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_act"></span></td>

            <td class="skill_name">Concentration</td>
            <td class="skill_attribute">Resolve</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_concentration"></span></td>

            <td class="skill_name">Fisticuffs</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_fisticuffs"></span></td>

            <td class="skill_name">Might</td>
            <td class="skill_attribute">Strength</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_might"></span></td>
            
          <tr>
            <td class="skill_name">Athletics</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_athletics"></span></td>

            <td class="skill_name">Dance*</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_dance"></span></td>

            <td class="skill_name">General Knowledge</td>
            <td class="skill_attribute">Wits</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_knowledge"></span></td>

            <td class="skill_name">Perception</td>
            <td class="skill_attribute">Wits</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_perception"></span></td>
            
          <tr>
            <td class="skill_name">Blunt Weapons</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_blunt"></span></td>

            <td class="skill_name">Dodge</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_dodge"></span></td>

            <td class="skill_name">Haggling*</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_haggling"></span></td>

            <td class="skill_name">Streetwise*</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_streetwise"></span></td>
          <tr>
      
            <td class="skill_name">Bull</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_bull"></span></td>

            <td class="skill_name">Empathy</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_empathy"></span></td>

            <td class="skill_name">Hide &amp; Sneak</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_hide"></span></td>

            <td class="skill_name">Swordplay</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_swordplay"></span></td>
          <tr>
      
            <td class="skill_name">Charm</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_charm"></span></td>

            <td class="skill_name">Etiquitte</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_etiquitte"></span></td>

            <td class="skill_name">Improvised Weapons</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_improvised"></span></td>

            <td class="skill_name">Throwing</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_throwing"></span></td>
          <tr>
      
            <td class="skill_name">Conceal</td>
            <td class="skill_attribute">Wits</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_conceal"></span></td>

            <td class="skill_name">Firearms</td>
            <td class="skill_attribute">Dexterity</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_firearms"></span></td>

            <td class="skill_name">Intimidate</td>
            <td class="skill_attribute">Presence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_common_skill_intimidate"></span></td>

            <td class="skill_name" colspan="3">*social class modifier applies</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  
  <div class=titles>
    <span class="abilities" style="margin-left: 58px;"> Specialities </span> 
    <span class="abilities" style="margin-left: 70px;"> Celestial Engine </span> 
    <span class="abilities" style="margin-left: 45px;"> Special Abilities </span>
  </div>
  
    <div class="specialities">
      <ol type= "1">
        <li> <div class="victoriana_linefield dsf dsf_specialities_1"></div> </li>
            
        <li> <div class=" victoriana_linefield  dsf dsf_specialities_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_speciaities_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_7"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_8"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_9"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_specialities_10"></div> </li>
      </ol>
    </div>

    <div class=celestial_engine>
      <div class="wheel"> 
        <span class="dsf checkbox wheel_position_1 dsf_position_1">
          <input type="checkbox" value="0">
        </span> 
        <span class="dsf checkbox wheel_position_2 dsf_position_2">
          <input type="checkbox" value="0">
        </span> 

        <span class="dsf checkbox wheel_position_3 dsf_position_3">
          <input type="checkbox" value="0">
        </span> 

        <span class="dsf checkbox wheel_position_4 dsf_position_4">
          <input type="checkbox" value="0">
        </span> 

        <span class="dsf checkbox wheel_position_5 dsf_position_5">
          <input type="checkbox" value="0">
        </span>
     
        <span class="dsf checkbox wheel_position_6 dsf_position_6">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_7 dsf_position_7">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_8 dsf_position_8">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_9 dsf_position_9">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_10 dsf_position_10">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_11 dsf_position_11">
          <input type="checkbox" value="0">
        </span>

        <span class="dsf checkbox wheel_position_12 dsf_position_12">
          <input type="checkbox" value="0">
        </span>

        <div class="fate_points">
          <span></span> <span class="dsf dsf_fate"></span>
        </div>
      </div>
    </div>
 
    <div class="special_abilities"> 
      <ol type="1">
         
        <li> <div class=" victoriana_linefield dsf dsf_special_ability_1"></div> </li>
            
        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_7"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_8"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_9"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_special_ability_10"></div> </li>
      </ol>
    </div>

    <div class="health">
      <h3>Health</h3>
      <div class="health_dice dice">
    
        <div class="die">
          <span class="dsf top checkbox dsf_health_die_9"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_10"><input type="checkbox" value="0" class="healthbox"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_11"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_12"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_13"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_14"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_15"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_16"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_17"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_18"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_19"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_20"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_21"><input type="checkbox" value="0"></span> 
          <span class="dsf bottom checkbox dsf_health_die_22"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_23"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_24"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_25"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_26"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_25"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_26"><input type="checkbox" value="0"></span>
        </div>

        <div class="die">
          <span class="dsf top checkbox dsf_health_die_27"><input type="checkbox" value="0"></span>
          <span class="dsf bottom checkbox dsf_health_die_28"><input type="checkbox" value="0"></span>
        </div>

        <div class="die negative">
          -2 <span class="dsf top checkbox dsf_health_die_1"><input type="checkbox" value="0"></span> 
          <span class="dsf bottom checkbox dsf_health_die_2"><input type="checkbox" value="0"></span>
        </div>

        <div class="die negative">
          -4 <span class="dsf top checkbox dsf_health_die_3"><input type="checkbox" value="0">
          </span> <span class="dsf bottom checkbox dsf_health_die_4"><input type="checkbox" value="0"></span>
        </div>

        <div class="die negative">
          -8 <span class="dsf top checkbox dsf_health_die_5"><input type="checkbox" value="0" width="0px"></span>
          <span class="dsf bottom checkbox dsf_health_die_6"><input type="checkbox" value="0"></span>
        </div>

        <div class="die negative">
          -16 <span class="dsf top checkbox dsf_health_die_7"><input type="checkbox" value="0"></span> 
          <span class="dsf bottom checkbox dsf_health_die_8"><input type="checkbox" value="0"></span>
        </div>
      </div>
    </div>

 <!-- Page two of the official PDF sheet -->

    <div class=titles_menu>
      <span class="abilities" style="margin-left: 150px;"> Talents</span> 
      <span class="abilities" style="margin-left: 190px;"> Magic and Marvels</span>
    </div>
  
    <div class="talents_special_abilities">
      <ol type="1">
        
        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_1"></div></li>
        
        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_3"></div></li>

        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_4"></div></li>

        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_6"></div></li>

        <li> <div class=" victoriana_linefield  dsf dsf_talents_special_ability_7"></div> </li>
      </ol>
    </div>
 
    <div class="magic_and_marvels">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_magic_and_marvels_1"></div> </li>
            
        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_magic_and_marvels_7"></div> </li>
      </ol>
    </div>

    <div class=titles>
      <span class="abilities" style="margin-left: 150px;"> Assets</span> 
      <span class="abilities" style="margin-left: 210px;">Personal Effects</span>
    </div>

    <div class="assets">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_assets_1"></div> </li>
        
        <li> <div class=" victoriana_linefield  dsf dsf_assets_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_assets_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_assets_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_assets_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_assets_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_assets_7"></div> </li>
      </ol>
    </div>
 
    <div class="personal_effects">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_personal_effects_1"></div> </li>
       
        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_personal_effects_7"></div> </li>
      </ol>
    </div>

<div class=titles>
      <span class="abilities" style="margin-left: 130px;">Privileges</span> 
      <span class="abilities" style="margin-left: 210px;">Complications</span>
    </div>

 <div class="privileges">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_privileges_1"></div> </li>
        
        <li> <div class=" victoriana_linefield  dsf dsf_privileges_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_privileges_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_privileges_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_privileges_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_privileges_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_privileges_7"></div> </li>
      </ol>
    </div>
 
    <div class="complications">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_complications_1"></div> </li>
       
        <li> <div class=" victoriana_linefield  dsf dsf_complications_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_complications_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_complications_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_complications_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_complications_6"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_complications_7"></div> </li>
      </ol>
    </div>

    <div class="weapons">
      <h3>Weapons</h3>
      <div class="weapons_table">
        <table>
          <tbody>
            <th></th>
            <th>Weapon</th>
            <th>skill</th>
            <th>Damage Dice</th>
            <th>rof</th>        
            <th>shots</th>
            <th>reload</th>
            <th>range</th>
            <th>speical attacks</th>
            <tr>
              <td width="5px" class= "weapon_name">1.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_1"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_1"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_1"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_1"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_1"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_1"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_1"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_1"></span></td>
            </tr>
            <tr>
              <td class="weapon_name">2.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_2"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_2"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_2"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_2"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_2"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_2"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_2"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_2"></span></td>
            </tr>
            <tr>
              <td class="weapon_name">3.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_3"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_3"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_3"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_3"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_3"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_3"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_3"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_3"></span></td>
            </tr>
            <tr>
              <td class="weapon_name" col width="50">4.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_4"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_4"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_4"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_4"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_4"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_4"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_4"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_4"></span></td>
            </tr>
            <tr>
              <td class="weapon_name" col width="50">5.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_5_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_shots_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_reload_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_range_5"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_5"></span></td>
            </tr>
            <tr>
              <td class="weapon_name" col width="50">6.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_6"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_6"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_6"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_6"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_6"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_6"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_6"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_6"></span></td>
            </tr>
            <tr>
              <td class="weapon_name" col width="50">7.</td>
              <td class="skill_score"><span class="dsf skill_score dsf_weapon_7"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_skill_7"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_damage_7"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_rof_7"></span></td>        
              <td class="skill_score"><span class="dsf skill_score dsf_shots_7"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_reload_7"></span></td> 
              <td class="skill_score"><span class="dsf skill_score dsf_range_7"></span></td>
              <td class="skill_score"><span class="dsf skill_score dsf_special_7"></span></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  
    <div class=titles>
      <span class="abilities" style="margin-left: 150px;"> Armour</span> 
      <span class="abilities" style="margin-left: 148px;">Personal Fortune and Income</span>
    </div>

    <div class="armour">
      <ol type="1">
        <li> <div class=" victoriana_linefield dsf dsf_armour_1"></div> </li>
            
        <li> <div class=" victoriana_linefield  dsf dsf_armour_2"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_armour_3"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_armour_4"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_armour_5"></div> </li>

        <li> <div class=" victoriana_linefield  dsf dsf_armour_6"></div> </li>

      </ol>
    </div>
 
    <div class="personal_income">
      <table class="table1">
        <tbody>
          <th></th>
          <th align="center">Income</th>
          <th align="center">Savings</th> 
          <tr>
            <td class="names">Pounds</td>
            <td class="skill_score"><span class="dsf skill_score dsf_pounds_income_1"></span></td>
            <td class="skill_score"><span class="dsf skill_score dsf_pounds_savings_1"></span></td>
          <tr>
             <td class="names">Shillings</td>
            <td class="skill_score"><span class="dsf skill_score dsf_shillings_income_1"></span></td>
            <td class="skill_score"><span class="dsf skill_score dsf_shillings_savings_1"></span></td>
          </tr>
          <tr>
            <td class="names">Pence</td>
            <td class="skill_score"><span class="dsf skill_score dsf_pence_income_1"></span></td>
            <td class="skill_score"><span class="dsf skill_score dsf_pence_savings_1"></span></td>
        </tbody>
      </table>
    </div>

    <div class="quintessence">
      <div class="quintessence_block">
        <h3>Quintessence</h3>
        <div class="quintessence_dice qdice">
  
          <div class="qdie d6">                    
            <span class="dsf checkbox qdie_position_1 dsf_qdie_1">
              <input type="checkbox" value="0" class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_2 dsf_qdie_2">
              <input type="checkbox" value="0" class=manabox>
            </span> 
            
            <span class="dsf checkbox qdie_position_3 dsf_qdie_3">
              <input type="checkbox" value="0" class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_4 dsf_qdie_4">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_5 dsf_qdie_5">
              <input type="checkbox" value="0"  class=manabox>
            </span>
            
            <span class="dsf checkbox qdie_position_6 dsf_qdie_6">
              <input type="checkbox" value="0"  class=manabox>
            </span>
          </div>
                         
          <div class="qdie d6">
            <span class="dsf checkbox qdie_position_1 dsf_qdie_7">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_2 dsf_qdie_8">
              <input type="checkbox" value="0"  class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_3 dsf_qdie_9">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_4 dsf_qdie_10">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_5 dsf_qdie_11">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_6 dsf_qdie_12">
              <input type="checkbox" value="0"  class=manabox>
            </span>
          </div>

          <div class="qdie d6">
            <span class="dsf checkbox qdie_position_1 dsf_qdie_13">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_2 dsf_qdie_14">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_3 dsf_qdie_15">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_4 dsf_qdie_16">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_5 dsf_qdie_17">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_6 dsf_qdie_18">
              <input type="checkbox" value="0"  class=manabox>
            </span>
          </div>

          <div class="qdie d6">
            <span class="dsf checkbox qdie_position_1 dsf_qdie_19">
              <input type="checkbox" value="0"  class=manabox>
            </span> 
                    
            <span class="dsf checkbox qdie_position_2 dsf_qdie_20">
              <input type="checkbox" value="0"  class=manabox>
            </span>
                    
            <span class="dsf checkbox qdie_position_3 dsf_qdie_21">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_4 dsf_qdie_22">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_5 dsf_qdie_23">
              <input type="checkbox" value="0"  class=manabox>
            </span> 
                    
            <span class="dsf checkbox qdie_position_6 dsf_qdie_24">
              <input type="checkbox" value="0"  class=manabox>
            </span>
          </div>

          <div class="qdie d6">
            <span class="dsf checkbox qdie_position_1 dsf_qdie_25">
              <input type="checkbox" value="0"  class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_2 dsf_qdie_26">
              <input type="checkbox" value="0"  class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_3 dsf_qdie_27">
              <input type="checkbox" value="0"  class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_4 dsf_qdie_28">
              <input type="checkbox" value="0"  class=manabox>
            </span> 

            <span class="dsf checkbox qdie_position_5 dsf_qdie_29">
              <input type="checkbox" value="0"  class=manabox>
            </span>

            <span class="dsf checkbox qdie_position_6 dsf_qdie_30">
              <input type="checkbox" value="0"  class=manabox></span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_31">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_2 dsf_qdie_32">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_3 dsf_qdie_33">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_4 dsf_qdie_34">
                <input type="checkbox" value="0"  class=manabox>
              </span> 
   
              <span class="dsf checkbox qdie_position_5 dsf_qdie_35">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_6 dsf_qdie_36">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_37">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_2 dsf_qdie_38">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_3 dsf_qdie_39">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_4 dsf_qdie_40">
                <input type="checkbox" value="0"  class=manabox>
              </span>
              
              <span class="dsf checkbox qdie_position_5 dsf_qdie_41">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_6 dsf_qdie_42">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_43">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_2 dsf_qdie_44">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_3 dsf_qdie_45">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_4 dsf_qdie_46">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_5 dsf_qdie_47">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_6 dsf_qdie_48">
                <input type="checkbox" value="0" class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_49">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_2 dsf_qdie_50">
                <input type="checkbox" value="0"  class=manabox>
              </span>
                    
              <span class="dsf checkbox qdie_position_3 dsf_qdie_51">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_4 dsf_qdie_52">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_5 dsf_qdie_53">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_6 dsf_qdie_54">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_55">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_2 dsf_qdie_56">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_3 dsf_qdie_57">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_4 dsf_qdie_58">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_5 dsf_qdie_59">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_6 dsf_qdie_60">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_61">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_2 dsf_qdie_62">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_3 dsf_qdie_63">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_4 dsf_qdie_64">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_5 dsf_qdie_65">
                <input type="checkbox" value="0"  class=manabox>
              </span> 
 
              <span class="dsf checkbox qdie_position_6 dsf_qdie_66">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>

            <div class="qdie d6">
              <span class="dsf checkbox qdie_position_1 dsf_qdie_67">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_2 dsf_qdie_68">
                <input type="checkbox" value="0"  class=manabox>
              </span> 

              <span class="dsf checkbox qdie_position_3 dsf_qdie_69">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_4 dsf_qdie_70">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_5 dsf_qdie_71">
                <input type="checkbox" value="0"  class=manabox>
              </span>

              <span class="dsf checkbox qdie_position_6 dsf_qdie_72">
                <input type="checkbox" value="0"  class=manabox>
              </span>
            </div>
          </div>
        </div>
      </div>
 
      <div class="biography">
        <h3>Biography</h3>
        <div class="bio"><span class="dsf dsf_bio"></span>
      </div>
     
      <div class=creator>
       Character sheet created by
        <span class="dsf dsf_dst_author">
          </div>
</div>

CSS

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

/*****************************
  Css code is not compatible with all
  tablets. Let me know if your tablet
  is not supported and I will try to fix
  the problem
 *******************************/
/****************************
* Generic formatting
*****************************/

.ds_victoriana h3 {
    font-family: courier, "courier new", monospace;
    margin: 0;
    padding-top: 4px;
    margin-top: 4px;
    clear: both;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    background-color: white;
}

.ds_victoriana table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-left: 5px;
}

.ds_victoriana table td[scope] {
    font-weight: bold;
}

.ds_victoriana .row {
    clear: both;
    overflow: hidden;
}

.ds_victoriana .double_width_column {
    float: left;
    width: 488px;
}

.ds_victoriana .single_width_column {
    float: left;
    width: 244px;
}

div .ds_victoriana .victoriana_label {
    position: inherit;
    font-size: 11px;
    color: #333333;
    font-variant: small-caps;
    white-space: nowrap;
    border: solid;
    border-radius: 5px;
    background: white;
  }

/* Override default styling */

.ds_victoriana th {
    background: white;
    margin-bottom: 3px;
}

div .ds_victoriana .victoriana_linefield {
    border-width: 1px;
    border-color: #000000;
    border-bottom-style: solid;
    font-size: 10px;
}

.ds_victoriana .titles_menu {
    margin-top: 110px;
}

ol {
    font-size: 10px;
}

/****************************
* Editor layout
*****************************/

 .ds_victoriana form,
.ds_victoriana form * {
    display: inline;
}

/****************************
* Main section layout
*****************************/

.ds_victoriana .dynamic_sheet_html_template {
    float: left;
    background-image: URL("https://chainsawxiv.github.io/DST/common/images/misc/V1.jpg");
    margin-left: 15px;
}

.ds_victoriana .skills {
    width: 700px;
    padding: 0 4px 4px 4px;
    overflow: hidden;
}

.ds_victoriana .attributes h3 {
    border: solid #aaa 3px;
    width: 18%;
    margin-left: 40%;
    border-radius: 5px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .attributes .derived_attributes h3 {
    border: solid #aaa 3px;
    width: 37%;
    margin-top: 100px;
    margin-left: 100px;
    border-radius: 5px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .abilities {
    border: solid #aaa 3px;
    width: 10%;
    margin-left: 7%;
    border-radius: 5px;
    background: white;
    padding-left: 15px;
    padding-right: 15px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .common_skills h3 {
    border: solid #aaa 3px;
    width: 30%;
    margin-left: 250px;
    margin-bottom: 5px;
    border-radius: 5px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .manabox {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

/****************************
* Basic Info                                       *
*****************************/

.ds_victoriana .basic_info div {
    display: inline-block;
    width: 20%;
    margin-top: 0;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    overflow: hidden;
    background-color: white;
    float: left;
}

.ds_victoriana .basic_info span {
    display: inline;
    width: 45%;
    margin: 0px;
    font-variant: small-caps;
    font-size: 90%;
    vertical-align: bottom;
}

.ds_victoriana .basic_info .dsf {
    display: inline;
    width: auto;
    margin: 0;
    font-variant: normal;
    font-size: 75%;
}
.ds_victoriana .basic_info .player {
    display: block;
    width: 93.5%;
    font-family: courier, "courier new", monospace;
    background-color: white;
    margin-top: .8%;
    margin-bottom: .5%;
    margin-left: 10px;
    border: solid;
    border-radius: 5px;
}

.ds_victoriana .basic_info .player span {
    width: auto;
    margin-right: 5px;
}
.ds_victoriana .basic_info .player .dsf {
    font-size: 110%;
    font-weight: bold;
}

/*****************************
    Basic 
******************************/

.ds_victoriana .basic_info .basic {
    float: left;
    width: 36.5%;
    border-color: transparent;
    background-color: transparent;
    margin-left: 10px;
    margin-bottom: 2%;
}

.ds_victoriana .basic_info .length {
    width: 95%;
    margin-bottom: 3px;
    border: solid 1px;
    border-color: black;
    border-radius: 5px;
}

.ds_victoriana .basic_info .abilities_block {
    display: Block;
    margin-top: 5%;
    margin-left: 0px;
    margin-bottom: 30px;
    opacity: 100.0;
    width: 20.8%;
    background-color: transparent;
}

.ds_victoriana .basic_info .reputation_block {
    display: Block;
    margin-top: 5%;
    margin-left: 0px;
    margin-bottom: 30px;
    opacity: 100.0;
    width: 20.8%;
    background-color: transparent;
}

.ds_victoriana .reputation {
    margin-left: 5px;
}

.ds_victoriana .basic_info .ability_score {
    margin-top: 3px;
    margin-right: 6px;
    opacity: 100.0;
    width: 60px;
    float: left;
    background-color: transparent;
}

.ds_victoriana .basic_info .ability_score_score {
    display: inline-block;
    padding: 25px;
    background-image: url(https://chainsawxiv.github.io/DST/common/images/misc/Untitled-1.png);
    background-position: right-bottom;
    background-repeat: no-repeat;
    background-size: 85%;
    border-radius: 1em;
    width: 18%;
    text-align: center;
    line-height: 5%;
    vertical-align: middle;
    margin-top: 0px;
}

/*****************************
    Basic right
******************************/

.ds_victoriana .basic_info .basic_right {
    float: left;
    width: 36.5%;
   margin-bottom: 10px;
    border-color: transparent;
    background-color: transparent;
    margin-left: 5px;
}

.ds_victoriana .basic_right .length {
    width: 95%;
}

/*****************************
* Attributes                                       *
*****************************/

.ds_victoriana .attributes {
    opacity: 100.0;
}

.ds_victoriana .attributes .ability_score {
    margin-top: 3px;
    margin-right: 12px;
    opacity: 100.0;
    width: 60px;
    float: left;
}

.ds_victoriana .attributes .abilities_block {
    display: Block;
    margin-left: 150px;
    margin-bottom: 30px;
    opacity: 100.0;
}

/******************************* **
 * Circles for displaying attributes          *
 **********************************/

.ds_victoriana .attributes .ability_score_score {
    display: inline-block;
    padding: 25px;
    background-image: url(https://chainsawxiv.github.io/DST/common/images/misc/Untitled-1.png);
    background-position: right-bottom;
    background-repeat: no-repeat;
    background-size: 60px;
    border-radius: 1em;
    width: 20%;
    text-align: center;
    line-height: 10px;
    vertical-align: middle;
    margin-top: 0px;
}

.ds_victoriana .attributes .ability_score_name {
    display: inline-block;
    line-height: 2em;
    vertical-align: middle;
    font-variant: small-caps;
    font-size: 90%;
}

/***************************** 
  * Derived Attributes movement  *
  ****************************/

.ds_victoriana .attributes .ability_score_subsection {
    font-size: 11px;
    display: inline-block;
    border: solid;
    background: white;
    margin-top: 15px;
}

.ds_victoriana .attributes .ability_score_subsection_entry {
    display: inline-block;
    border: 1em;
}

.ds_victoriana .attributes .ability_score_subsection_entry span {
    display: table-cell;
    padding: 0.25em;
    vertical-align: middle;
    vertical-align: text-top;
    border: 1em;
}

.ds_victoriana .attributes .ability_score_subsection .ability_score_subsection_name {
    display: inline-block;
    line-height: 2em;
    vertical-align: middle;
    font-variant: small-caps;
    font-size: 90%;
}

.ds_victoriana .attributes .ability_score_subsection .ability_score_subsection_score {
    border-left: solid black 1px;
    border-right: solid black 1px;
    border-radius: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

/**************
 * Health Dice   *
 **************/

.ds_victoriana .health h3 {
    margin-top: 15px;
    margin-left: 318px;
    border: solid;
    border-radius: 5px;
    border-color: #aaa;
    background: white;
    width: 80px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .dice {
    overflow: : hidden;
    width: 100%;
    margin-left: 63px;
    margin-bottom: 90px;
}

.ds_victoriana .dice .die {
    float: Left;
    border: solid black 1px;
    border-radius: 0.2em;
    position: Relative;
    height: 30px;
    width: 30px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin: 4px;
    background-color: white;
}

.ds_victoriana .dice .negative {
    background: #aaa;
    text-align: center;
}

.ds_victoriana .dice .die span {
    position: absolute; 
    opacity: 0.7;
    z-index: 2;
}

.ds_victoriana .dice .die .top {
    top: 2px;
    right: 2px;
}
.ds_victoriana .dice .die .bottom {
    bottom: 2px;
    left: 2px;
}

.ds_victoriana .healthbox {
  }

/**************************
 *  Quintessence Dice                *
***************************/
.ds_victoriana .quintessence h3 {
    margin-top: 15px;
    margin-left: 280px;
    border: solid;
    border-radius: 5px;
    border-color: #aaa;
    background: white;
    width: 140px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .qdice {
    overflow: : hidden;
    width: 100%;
    margin-left: 30px;
}

.ds_victoriana .qdice .qdie {
    float: Left;
    border: solid black 1px;
    border-radius: 0.2em;
    position: relative;
    height: 45px;
    width: 45px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    margin: 4px;
    background-color: white;
}

.ds_victoriana .qdice .qdie span {
    position: absolute;
    opacity: 0.7;
    z-index: 2;
}

.ds_victoriana .quintessence .qdice .qdie_position_1 {
    left: 2px;
    top: 2px;
}

.ds_victoriana .qdie_position_2 {
    left: 2px;  /*****2*****/
    top: 15px;
}

.ds_victoriana .qdie_position_3 {
    left: 2px;
    top: 30px;
}

.ds_victoriana .qdie_position_4 {
    right: 2px;
    top: 1px;
}

.ds_victoriana .qdie_position_5 {
    right: 2px;
    top: 15px;
}

.ds_victoriana .qdie_position_6 {
    right: 2px;
    top: 30px;
}

***************************
* Skills                                                *
*****************************/

.ds_victoriana .skills {
    float: none;
    margin-left: -10px;
}

.ds_victoriana .skills table {
    border: solid black 2px;
    border-collapse: collapse;
}

.ds_victoriana .skills td {
    padding: 0 4px;
}

.ds_victoriana .skill_name {
    font-variant: small-caps;
    font-size: 80%;
    border-left: solid black 1px;
    width: 5%;
}

.ds_victoriana .skill_attribute {
    font-style: italic;
    font-size: 80%;
    width: 15%;
}

.ds_victoriana .skill_score {
    width: 5%;
}

/**************************
 *   special abilities menu          *
***************************/

.ds_victoriana .specialities {
    border: solid;
    border-radius: 10px;
    width: 30%;
    background: white;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 3px;
    float: left;
}    
 
.ds_victoriana .special_abilities {
    border: solid;
    border-radius: 10px;
    width: 30%;
    background: white;
    margin-top: 5px;
    margin-left: 4px;
    float: left;
}

/****************************
* Number counting boxes             *
*****************************/

.ds_victoriana .round_tracker {
    display: inline-block;
}

.ds_victoriana .round_tracker .name {
    font-size: 75%;
    font-style: italic;
    display: block;
}

.ds_victoriana .round_tracker .score {
    display: block;
    margin: 5px;
    border: solid black 1px;
    border-radius: 1em;
    width: 2em;
    text-align: center;
    line-height: 2em;
    vertical-align: middle;
}

/**********************
 *  Wheel               *
***********************/

.ds_victoriana .wheel h3 {
    margin-bottom: 200px;
    padding-top: -80px;
}

 .ds_victoriana .celestial_engine {
    float: Left;
    width: 30%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 4px;
    background-image: url("https://chainsawxiv.github.io/DST/common/images/misc/celestial_engine.png");
    background-size: 225px;
    background-position: center;
}

 .ds_victoriana .wheel {
    float: Left;
    position: inherit;
    height: 220px;
    width: 100%;
}

.ds_victoriana .wheel span {
    opacity: .7;
    z-index: 2;
}

.ds_victoriana .wheel .top {
    top: 2px;
    right: 2px;
}
.ds_victoriana .wheel .bottom {
    bottom: 2px;
    left: 2px;
}

.ds_victoriana .wheel_position_1 {
    border: none;
    position: relative; 
    left: 97px;
    top: 8px;
}

.ds_victoriana .wheel_position_2 {
    position: relative;
    left: 18%; 
    top: 16.5px;
}
.ds_victoriana .wheel_position_3 {
    position: relative;
    left: -5%;
    top: 47px;
}
.ds_victoriana .wheel_position_4 {
    position: relative;
    right: 18%;
    top: 85px;
}

.ds_victoriana .wheel_position_5 {
    position: relative;
    right: 22%;
    top: 124px;
}

.ds_victoriana .wheel_position_6 {
    position: relative;
    right: 17%;
    top: 154px;
}

.ds_victoriana .wheel_position_7 {
    position: relative;
    left: 22px;
    bottom: -16.5px;
}

.ds_victoriana .wheel_position_8 {
    position: relative;
    left: 33px;
    top: 46px;
}

.ds_victoriana .wheel_position_9 {
    position: relative;
    left: 23px;
    top: 86px;
}

.ds_victoriana .wheel_position_10 {
    position: relative;
    left: -6px;
    top: 124px;
}

.ds_victoriana .wheel_position_11 {
    position: relative;
    left: -54px;
    top: 154px;
}

.ds_victoriana .wheel_position_12 {
    position: relative;
    left: 2px;
    top: 122px;
}

.ds_victoriana .wheel .fate_points {
    margin-top: 0px;
  }

/*********************************
 *  Info Boxes                                              *
 *********************************/

.ds_victoriana .talents_special_abilities {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    margin-top: 5px;
    margin-left: 4.5%;
    float: left;
}

.ds_victoriana .magic_and_marvels {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    margin-top: 5px;
    margin-left: 6%;
    margin-bottom: 12px;
    float: left;
}

.ds_victoriana .assets {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    margin-top: 5px;
    margin-left: 4.5%;
    float: left;
}

.ds_victoriana .personal_effects {
    border: solid;
    border-radius: 10px;
    background: white;
    width: 41%;
    margin-top: 5px;
    margin-left: 6%;
    margin-bottom: 12px;
    float: left;
}

.ds_victoriana .privileges {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    margin-top: 5px;
    margin-left: 4.5%;
    float: left;
}

.ds_victoriana .complications {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    margin-top: 5px;
    margin-left: 5%;
    float: left;
}

/***********************
  Weapons Table                   *
************************/

.ds_victoriana .weapons h3 {
    margin-top: 12px;
    margin-bottom: 5px;
    margin-left: 286px;
    border: solid;
    border-radius: 5px;
    border-color: #aaa;
    background: white;
    width: 140px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .weapons {
    width: 95%;
    float: left;
}

.ds_victoriana .weapons .weapons_table {
    border-collapse: collapse;
    border: solid;
    border-radius: 10px;
    width: 100%;
    background: white;
    col width: 5%;
    overflow: hidden;
    font-size: 60%;
    margin-left: 8px;
    margin-bottom: 12px;
}

.ds_victoriana .weapon_name {
    font-variant: small-caps;
    font-size: 80%;
    width: 2%;
}

/*******************
 *    Armour list            *
********************/
.ds_victoriana .armour {
    border: solid;
    border-radius: 10px;
    width: 41%;
    background: white;
    float: left;
    margin-top: 5px;
    margin-bottom: 12px;
    margin-left: 34px;
}

/*********************
 *     Currency Table         *
 *********************/

.ds_victoriana .personal_income {
    width: 41%;
    margin-top: 5px;
    margin-left: 5%;
    margin-bottom: 12px;
    float: left;
}

.ds_victoriana .personal_income .table1 {
    border-collapse: inherit;
    border: solid;
    border-color: black;
    border-radius: 10px;
    width: 100%;
    background: white;
    overflow: hidden;
    font-size: 70%;
    margin-left: 8px;
    margin-bottom: 6px;
    text-align: center;
}

.ds_victoriana .names {
    font-variant: small-caps;
    font-size: 100%;
    width: 20%;
    border: collapse;
}

/*********************
  *     biography                 *
  *********************/

.ds_victoriana .bio {
 background-color: white;
 border-radius: 10px;
 border:solid 2px #000000; 
 margin-left: 8px;
 width: 95%;
}

.ds_victoriana .biography {
    margin-top: 180px;
    clear: both;
  }

.ds_victoriana .biography h3 {
    border: solid #aaa 3px;
    width: 18%;
    margin-left: 40%;
    border-radius: 5px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

/*******************
  *      creator                 *
  *******************/

.ds_victoriana .creator {
color: white;
}

/************************
  *   ipad config                        *
 ************************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {


/*************************
 *  Health Dice                           *
 *************************/

.ds_victoriana .health h3 {
    margin-top: 15px;
    margin-left: 325px;
    border: solid;
    border-radius: 5px;
    border-color: #aaa;
    background: white;
    width: 80px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}
.ds_victoriana .dice {
    overflow: : hidden;
    width: 100%;
    margin-left: 15px;
    margin-bottom: 90px;
}

.ds_victoriana .dice .die {
    float: Left;
    border: solid black 1px;
    border-radius: 0.2em;
    position: Relative;
    height: 37px;
    width: 37px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin: 4px;
    background-color: white;
}

.ds_victoriana .healthbox {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0px;
    margin: 0px;
}

.ds_victoriana .dice .die .top {
    top: 8px;
    right: 2px;
}
.ds_victoriana .dice .die .bottom {
    bottom: 8px;
    left: 2px;
}

.ds_victoriana .dice .negative {
    background: #706060;
    text-align: center;
}

/************************
  *      Celestial Engine            *
  ************************/

.ds_victoriana .wheel span {
    opacity: .25;
    z-index: 2;
}

   .ds_victoriana .wheel_position_2 {
    position: relative;
    left: 16%; 
    top: 18px;
   }
.ds_victoriana .wheel_position_3 {
    position: relative;
    left: -10%;
    top: 47px;
}
.ds_victoriana .wheel_position_4 {
    position: relative;
    right: 25%;
    top: 85px;
}

.ds_victoriana .wheel_position_5 {
    position: relative;
    right: 31%;
    top: 125px;
}

.ds_victoriana .wheel_position_6 {
    position: relative;
    right: 30%;
    top: 155px;
}

.ds_victoriana .wheel_position_7 {
    position: relative;
    left: -7px;
    bottom: -15px;
}

.ds_victoriana .wheel_position_8 {
    position: relative;
    left: 0px;
    top: 45px;
}

.ds_victoriana .wheel_position_9 {
    position: relative;
    left: -12px;
    top: 85px;
}

.ds_victoriana .wheel_position_10 {
    position: relative;
    left: 93px;
    top: 82px;
}

.ds_victoriana .wheel_position_11 {
    position: relative;
    left: 40px;
    top: 111px;
}

.ds_victoriana .wheel_position_12 {
    position: relative;
    left: -22px;
    top: 122px;
}

/**************************
 *  Quintessence Dice                *
***************************/
.ds_victoriana .quintessence h3 {
    margin-top: 15px;
    margin-left: 265px;
    border: solid;
    border-radius: 5px;
    border-color: #aaa;
    background: white;
    width: 140px;
    font-family: cursive;
    font-variant: small-caps;
    font-size: large;
    font-weight: bolder;
}

.ds_victoriana .qdice {
    overflow: : hidden;
    width: 100%;
    margin-left: 0px;
}

.ds_victoriana .qdice .qdie {
    float: Left;
    border: solid black 1px;
    border-radius: 0.2em;
    position: relative;
    height: 48px;
    width: 48px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    margin: 4px;
    background-color: white;
}

.ds_victoriana .qdice .qdie span {
    position: absolute;
    opacity: 0.7;
    z-index: 2;
}

.ds_victoriana .quintessence .qdice .qdie_position_1 {
    left: 2px;
    top: 2px;
}

.ds_victoriana .qdie_position_2 {
    left: 2px;
    top: 15px;
}

.ds_victoriana .qdie_position_3 {
    left: 2px;
    top: 30px;
}

.ds_victoriana .qdie_position_4 {
    right: 2px;
    top: 1px;
}

.ds_victoriana .qdie_position_5 {
    right: 2px;
    top: 15px;
}

.ds_victoriana .qdie_position_6 {
    right: 2px;
    top: 30px;
}

/***************************
 *            reputation                       *
 ***************************/

.ds_victoriana .basic_info .ability_score_score {
    display: inherit;
    padding: 25px;
    background-image: url(https://chainsawxiv.github.io/DST/common/images/misc/Untitled-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0px;
    width: 40%;
    text-align: center;
    line-height: 20%;
    vertical-align: middle;
    overflow: visible;

    }

.ds_victoriana .attributes .ability_score_name {
    display: inline-block;
    line-height: 2em;
    vertical-align: top;
    font-variant: small-caps;
    font-size: 90%;
    margin: 100px; /***new***/
}

.ds_victoriana .basic_info .reputation_block {
    display: Block;
    margin-top: 5%;
    margin-left: 0px;
    margin-bottom: 30px;
    opacity: 100.0;
    width: 20.8%;
    background-color: transparent;
}

.ds_victoriana .basic_info .dsf {
  display: inline;
  width: auto;
  margin: 0;
  font-variant: normal;
  font-size: 100%;
}

.ds_victoriana .basic_info div {
    display: inline-block;
    width: 20%;
    margin-top: 0;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    overflow: visible;
    background-color: white;
    float: left;
}

.ds_victoriana .reputation span {
    display: inherit;
    width: 100%;
    margin-top: 30px;
    margin-left: 5px;
    font-variant: small-caps;
    font-size: 90%;
    vertical-align: middle;
}

}

Javascript

aisleten.characters.jeditablePlaceholder  = "Edit";

Back

Victoriana 3rd edition

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account