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

Forbidden Lands Sheet

Author: coeranys

Slug: forlansheet

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

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.

Forbidden Lands Sheet

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.