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

Forbidden Lands Sheet

Author: coeranys

Slug: forlansheet

Type: GameCharacter

System: Forbidden Lands

DST Source Code

HTML Template

<!DOCTYPE html><html lang="en">
<head>
</head>
<div class="forlan-sheet">
    <div class="container">
      <div class="forlanrow">
        <div class="col-4">
		<table class="Kin">
                    <tr><td><strong>Kin:</strong><span class="dsf dsf_kin"></span></td></tr>
                </table>
          <table class="attributes">
            <tr>
                <th colspan="3">ATTRIBUTES</th>
            </tr>
            <tr>
                <td>Strength</td>
                <td><span class="dsf dsf_strength"></span></td>
				<td><span class="dsf dsf_str1 checkbox"></span><span class="dsf dsf_str2 checkbox"></span><span class="dsf dsf_str3 checkbox"></span><span class="dsf dsf_str4 checkbox"></span><span class="dsf dsf_str5 checkbox"></span><span class="dsf dsf_str6 checkbox"></span></td>
            </tr>
             <tr>
                <td>Agility</td>
                <td><span class="dsf dsf_agility"></span></td>
				<td><span class="dsf dsf_agi1 checkbox"></span><span class="dsf dsf_agi2 checkbox"></span><span class="dsf dsf_agi3 checkbox"></span><span class="dsf dsf_agi4 checkbox"></span><span class="dsf dsf_agi5 checkbox"></span><span class="dsf dsf_agi6 checkbox"></span></td>
            </tr>
             <tr>
                <td>Wits</td>
                <td><span class="dsf dsf_wits"></span></td>
				<td><span class="dsf dsf_wits1 checkbox"></span><span class="dsf dsf_wits2 checkbox"></span><span class="dsf dsf_wits3 checkbox"></span><span class="dsf dsf_wits4 checkbox"></span><span class="dsf dsf_wits5 checkbox"></span><span class="dsf dsf_wits6 checkbox"></span></td>
            </tr>
             <tr>
                <td>Empathy</td>
                <td><span class="dsf dsf_empathy"></span></td>
				<td><span class="dsf dsf_emp1 checkbox"></span><span class="dsf dsf_emp2 checkbox"></span><span class="dsf dsf_emp3 checkbox"></span><span class="dsf dsf_emp4 checkbox"></span><span class="dsf dsf_emp5 checkbox"></span><span class="dsf dsf_emp6 checkbox"></span></td>
            </tr>
          </table>


        <table class="skills">
            <tr>
                <th colspan="2">SKILLS</th>
            </tr>
            <tr>
                <td>Might (Strength)</td>
                <td><span class="dsf dsf_might"></span></td>
            </tr>
             <tr>
                <td>Endurance (Strength)</td>
                <td><span class="dsf dsf_endurance"></span></td>
            </tr>
             <tr>
                <td>Melee (Strength)</td>
                <td><span class="dsf dsf_melee"></span></td>
            </tr>
			<tr>
                <td>Crafting (Strength)</td>
                <td><span class="dsf dsf_crafting"></span></td>
            </tr>
             <tr>
                <td>Stealth (Agility)</td>
                <td><span class="dsf dsf_stealth"></span></td>
            </tr>
            <tr>
                <td>Move (Agility)</td>
                <td><span class="dsf dsf_move"></span></td>
            </tr>
            <tr>
                <td>Sleight of Hand (Agility)</td>
                <td><span class="dsf dsf_sleightofhand"></span></td>
            </tr>
			<tr>
                <td>Marksmanship (Agility)</td>
                <td><span class="dsf dsf_marksmanship"></span></td>
            </tr>
            <tr>
                <td>Scouting (Wits)</td>
                <td><span class="dsf dsf_scouting"></span></td>
            </tr>
            <tr>
                <td>Lore (Wits)</td>
                <td><span class="dsf dsf_lore"></span></td>
            </tr>
            <tr>
                <td>Survival (Wits)</td>
                <td><span class="dsf dsf_survival"></span></td>
            </tr>
			<tr>
                <td>Insight (Wits)</td>
                <td><span class="dsf dsf_insight"></span></td>
            </tr>
            <tr>
                <td>Manipulation (Empathy)</td>
                <td><span class="dsf dsf_manipulation"></span></td>
            </tr>
            <tr>
                <td>Performance (Empathy)</td>
                <td><span class="dsf dsf_performance"></span></td>
            </tr>
            <tr>
                <td>Healing (Empathy)</td>
                <td><span class="dsf dsf_healing"></span></td>
            </tr>
			<tr>
                <td>Animal Handling (Empathy)</td>
                <td><span class="dsf dsf_animalhandling"></span></td>
            </tr>
          </table>

          <table>
            <tr><td><strong>Conditions:</strong></td><td class="condit"><span class="dsf dsf_condition"></span></td></tr>
            <tr><td><strong>Critical Injuries:</strong></td><td class="condit"><span class="dsf dsf_injuries"></span></td></tr>
            <tr><td><strong>Experience Points</strong></td><td><span class="dsf dsf_xp"></span></td></tr>
            <tr><td><strong>Encumberance </strong></td><td class="encumberance"><span class="dsf dsf_encumberance"></span></td></tr>
            
        </table>

        </div>
        <div class="col-8">
         <div class="forlanrow">
            <div class="col-6">
                <table class="name">
                    <tr><td><strong>Name:</strong><span class="dsf dsf_name"></span></td></tr>
                </table>
                <table class="appearance">
                    <tr>
                        <th>APPEARANCE</th>
                    </tr>
                    <tr>
                        <td><strong>Face</strong><span class="dsf dsf_face"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Body</strong><span class="dsf dsf_body"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Clothing</strong><span class="dsf dsf_clothing"></span></td>
                    </tr>
                </table>

                <table class="gear">
                    <tr>
                        <th>GEAR</th><th>BONUS</th>
                    </tr>
                    <tr>
                        <td><span class="num">1</span> <span class="dsf dsf_gear1"></span></td><td><span class="dsf dsf_gear1bonus"></span></td>
                    </tr>
                    <tr>
                        <td><span class="num">2</span> <span class="dsf dsf_gear2"></span></td><td><span class="dsf dsf_gear2bonus"></span></td>
                    </tr>
                    <tr>
                        <td><span class="num">3</span> <span class="dsf dsf_gear3"></span></td><td><span class="dsf dsf_gear3bonus"></span></td>
                    </tr>
                    <tr>
                        <td><span class="num">4</span> <span class="dsf dsf_gear4"></span></td><td><span class="dsf dsf_gear4bonus"></span></td>
                    </tr>
                    <tr>
                        <td><span class="num">5</span> <span class="dsf dsf_gear5"></span></td><td><span class="dsf dsf_gear5bonus"></span></td>
                    </tr>
                    <tr>
                        <td><span class="num">6</span> <span class="dsf dsf_gear6"></span></td><td><span class="dsf dsf_gear6bonus"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Carrying Capacity</strong>:</td><td><span class="dsf dsf_carrying"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Water</strong>: <span class="dsf dsf_water"></span></td> <td><strong>Food</strong>: <span class="dsf dsf_food"></span></td>
                    </tr>
                     <tr>
                        <td><strong>Ammo</strong>: <span class="dsf dsf_ammo"></span></td> <td> <strong>Torches</strong>: <span class="dsf dsf_torches"></span> </td>
                    </tr>
                    
                </table>
            </div>
            <div class="col-6">
               <table class="profession">
                <tr><td><strong>Profession:</strong> <span class="dsf dsf_profession"></span></td></tr>
              </table>

              <table class="talents">
                    <tr>
                        <th colspan="2">GENERAL TALENTS</th>
                    </tr>
                    <tr>
                        <td><span class="dsf dsf_talent1"></span> </td>
						<td><span class="dsf dsf_talent1rank"></span> </td>
                    </tr>
                    <tr>
                        <td><span class="dsf dsf_talent2"></span> </td>
						<td><span class="dsf dsf_talent2rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_talent3"></span> </td>
						<td><span class="dsf dsf_talent3rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_talent4"></span> </td>
						<td><span class="dsf dsf_talent4rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_talent5"></span> </td>
						<td><span class="dsf dsf_talent5rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_talent6"></span> </td>
						<td><span class="dsf dsf_talent6rank"></span> </td>
                    </tr>
                </table>

                <table class="talents">
                    <tr>
                        <th colspan="2">KIN/PROFESSION TALENTS</th>
                    </tr>
                    <tr>
                        <td><span class="dsf dsf_kptalent1"></span> </td>
						<td><span class="dsf dsf_kptalent1rank"></span> </td>
                    </tr>
                    <tr>
                        <td><span class="dsf dsf_kptalent2"></span></td>
						<td><span class="dsf dsf_kptalent2rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_kptalent3"></span> </td>
						<td><span class="dsf dsf_kptalent3rank"></span> </td>
                    </tr>
                     <tr>
                        <td><span class="dsf dsf_kptalent4"></span> </td>
						<td><span class="dsf dsf_kptalent4rank"></span> </td>
                    </tr>
                </table>

                 <table class="name">
                    <tr><td><strong>Helmet Bonus:</strong> <span class="dsf dsf_helmet"></span></td></tr>
					<tr><td><strong>Shield Bonus:</strong> <span class="dsf dsf_shield"></span></td></tr>
					<tr><td><strong>Armor Bonus:</strong> <span class="dsf dsf_armor"></span></td></tr>
                </table>

            </div>
            <div class="col-12">
              <table>
                <tr>
                    <th>WEAPONS</th>
                    <th>Bonus</th>
                    <th>Damage</th>
                    <th>Range</th>
                    <th>Special</th> 
               </tr>
                <tr>
                    <td><span class="dsf dsf_weapon1"></span></td>
                    <td><span class="dsf dsf_bonus1"></span></td>
                    <td><span class="dsf dsf_damage1"></span></td>
                    <td><span class="dsf dsf_range1"></span></td>
                    <td><span class="dsf dsf_special1"></span></td>
               </tr>
               <tr>
                    <td><span class="dsf dsf_weapon2"></span></td>
                    <td><span class="dsf dsf_bonus2"></span></td>
                    <td><span class="dsf dsf_damage2"></span></td>
                    <td><span class="dsf dsf_range2"></span></td>
                    <td><span class="dsf dsf_special2"></span></td>
               </tr>
               <tr>
                    <td><span class="dsf dsf_weapon3"></span></td>
                    <td><span class="dsf dsf_bonus3"></span></td>
                    <td><span class="dsf dsf_damage3"></span></td>
                    <td><span class="dsf dsf_range3"></span></td>
                    <td><span class="dsf dsf_special3"></span></td>
               </tr>

              </table>

               <table class="relationships">
                    <tr>
                        <th colspan="2">RELATIONSHIPS</th>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>PC1:</strong> <span class="dsf dsf_pc1"></span> </td>
                    </tr>
                     <tr>
                        <td colspan="2"><strong>PC2:</strong> <span class="dsf dsf_pc2"></span> </td>
                    </tr>
                     <tr>
                        <td colspan="2"><strong>PC3:</strong> <span class="dsf dsf_pc3"></span> </td>
                    </tr>
                     <tr>
                        <td colspan="2"><strong>PC4:</strong> <span class="dsf dsf_pc4"></span> </td>
                    </tr>
                     <tr>
                        <td colspan="2"><strong>Pride:</strong> <span class="dsf dsf_pride"></span> </td>
                    </tr>
                     <tr>
                        <td colspan="2"><strong>Dark Secret:</strong> <span class="dsf dsf_darksecret"></span> </td>
                    </tr>
                     <tr>
                        <td><strong>Reputation:</strong> <span class="dsf dsf_reputation"></span></td><td><strong>Age:</strong> <span class="dsf dsf_age"></span></td>
                    </tr>
                    </table>
            </div>
        </div>
      </div>
      </div>
    </div>


<div class="bio"><span class="dsf dsf_bio"></span><span class="dsf dsf_avatar_image"></span></div>
<div class="extrainfo"> Player:<span class="dsf dsf_player"></span>, Campaign: <span class="dsf dsf_campaign"></span>,  Sheet created by:<span class="dsf dsf_dst_author"></span> </div>
</div>

CSS

.forlan-sheet table {border: 2px solid black; width: 100%; margin-bottom: 15px;}
  .forlan-sheet .attributes td:last-child,  .forlan-sheet .skills td:last-child {width:20%}
  .forlan-sheet td,  .forlan-sheet th {padding: 7px; height: 30px; }
  .forlan-sheet td {border-bottom: 1px dotted #AAA}
  .forlan-sheet th {border-bottom: 1px solid black}
  .forlan-sheet .condit {font-size: 10px}
  .forlan-sheet .bio {overflow: overlay; margin-top: 20px;}
  .forlan-sheet .num, .forlan-sheet .relationships strong {font-size:10px; margin-bottom: 5px; height: 20px; vertical-align: top;}
  .forlan-sheet .extrainfo {font-size:10px; text-align:center}

  .forlan-sheet .dsf_avatar_image {display:block; float:right; max-width:25%;}
.editable .dynamic_sheet_html_template .dsf {background-color:#FFFF66;}


 .forlan-sheet .container {
    width: 100%;
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

 .forlan-sheet .forlanrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

 .forlan-sheet .col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

 .forlan-sheet .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

 .forlan-sheet .col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

 .forlan-sheet {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

 .forlan-sheet *,  .forlan-sheet ::after,  .forlan-sheet ::before {
    box-sizing: border-box;
}

JavaScript

Back

Forbidden Lands Sheet

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account