roll20-character-sheets-tester/D&D_5e_Shaped/precompiled/pages/header.html

<div class="sheet-core-header">
  <div class="sheet-important-text">If your spell templates shows red text then they will not work ~Sep 12th. Please create macros based on new spells. Questions on forum thread.</div>
  <div class="sheet-shaped-row sheet-mar-b-sm">
    <div class="sheet-col-25">
      <div class="sheet-dnd-image-wrapper">
        <img src="http://i.imgur.com/4725LWH.png" alt="Dungeons and Dragons (5th edition)">
      </div>
      <div class="sheet-character-name">
        <input type="text" name="attr_character_name">
        <div class="sheet-wrap-box-label sheet-pc">
          <span class="sheet-en">Character Name</span>
          <span class="sheet-de">Charaktername</span>
        </div>
        <div class="sheet-wrap-box-label sheet-npc">
          <span class="sheet-en">Creature Name</span>
          <span class="sheet-de">Kreaturenname</span>
        </div>
      </div>
    </div>
    <div class="sheet-col-75 sheet-header-info">
      <div class="sheet-wrap-box sheet-pad-md">
        <div class="sheet-shaped-row">
          <div class="sheet-col-15 sheet-mar-t-md sheet-pad-r-sm">
            <div class="sheet-pc">
              <input type="text" name="attr_class">
              <div class="sheet-wrap-box-label">
                <span class="sheet-en">Class</span>
                <span class="sheet-de">Klasse</span>
              </div>
            </div>
            <div class="sheet-npc">
              <input type="text" name="attr_size">
              <div class="sheet-wrap-box-label">
                <span class="sheet-en">Size</span>
                <span class="sheet-de">Größe</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-33 sheet-mar-t-md sheet-pad-r-md">
            <input type="text" name="attr_prolanguages">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Languages</span>
              <span class="sheet-de">Sprachen</span>
            </div>
          </div>
          <div class="sheet-col-06 sheet-mar-t-md sheet-pad-r-sm">
            <input class="sheet-passive-skill sheet-no-spin" type="number" name="attr_passive_perception" value="10 + @{perception} + @{perception_passive_bonus}" disabled="disabled">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">P Perc</span>
              <span class="sheet-de">P Wahr</span>
            </div>
          </div>
          <div class="sheet-col-12 sheet-sense sheet-center sheet-relative sheet-pad-r-sm">
            <label class="sheet-checkbox-label-sm sheet-absolute">
              <input type="checkbox" name="attr_blindsight_blind_beyond"><span class="sheet-en">blind beyond</span><span class="sheet-de">blind nach</span>
            </label>
            <input class="sheet-center sheet-mar-t-md" type="text" name="attr_blindsight">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">Blindsight</span>
              <span class="sheet-de">Blindsicht</span>
            </div>
          </div>
          <div class="sheet-col-11 sheet-sense sheet-center sheet-mar-t-md sheet-pad-r-sm">
            <input class="sheet-center" type="text" name="attr_darkvision">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">Darkvision</span>
              <span class="sheet-de">Dunkelsicht</span>
            </div>
          </div>
          <div class="sheet-col-13 sheet-sense sheet-center sheet-mar-t-md sheet-pad-r-sm">
            <input class="sheet-center" type="text" name="attr_tremorsense">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">Tremorsense</span>
              <span class="sheet-de">Erschütterungssinn</span>
            </div>
          </div>
          <div class="sheet-col-10 sheet-sense sheet-center sheet-mar-t-md">
            <input class="sheet-center" type="text" name="attr_truesight">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">Truesight</span>
              <span class="sheet-de">Wahrsicht</span>
            </div>
          </div>
        </div>
        <div class="sheet-shaped-row">
          <div class="sheet-col-16 sheet-mar-t-md sheet-pad-r-sm">
            <div class="sheet-pc">
              <input type="text" name="attr_race">
              <div class="sheet-wrap-box-label">
                <span class="sheet-en">Race</span>
                <span class="sheet-de">Rasse</span>
              </div>
            </div>
            <div class="sheet-npc">
              <input type="text" name="attr_npc_type">
              <div class="sheet-wrap-box-label">
                <span class="sheet-en">Type</span>
                <span class="sheet-de">Typ</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-14 sheet-mar-t-md sheet-pad-r-sm">
            <input type="text" name="attr_alignment">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Alignment</span>
              <span class="sheet-de">Gesinnung</span>
            </div>
          </div>
          <div class="sheet-col-10 sheet-mar-t-md sheet-pad-r-sm" title="This is automatically calculated from your individual class levels listed in the class section">
            <input type="hidden" name="attr_pc_level" value="(@{barbarian_level} + @{bard_level} + @{cleric_level} + @{druid_level} + @{fighter_level} + @{monk_level} + @{paladin_level} + @{ranger_level} + @{rogue_level} + @{sorcerer_level} + @{warlock_level} + @{wizard_level} + @{custom_class_level_1} + @{custom_class_level_2} + @{custom_class_level_3} + @{custom_class_level_4} + @{custom_class_level_5} + @{custom_class_level_6})" disabled="disabled">
            <div class="sheet-pc">
              <input class="sheet-center" type="number" name="attr_level" value="((@{is_pc} * @{pc_level}) + (@{is_npc} * @{challenge}))" disabled="disabled">
              <div class="sheet-wrap-box-label sheet-center">
                <span class="sheet-en">Level</span>
                <span class="sheet-de">Stufe</span>
              </div>
            </div>
            <div class="sheet-npc">
              <input class="sheet-center" type="text" name="attr_challenge" value="0">
              <div class="sheet-wrap-box-label sheet-center">
                <span class="sheet-en">Challenge</span>
                <span class="sheet-de">Herrausforderung</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-08 sheet-mar-t-md sheet-pad-r-sm">
            <input class="sheet-center sheet-no-spin" type="number" name="attr_xp" min="0" step="1">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-en">XP</span>
              <span class="sheet-de">EP</span>
            </div>
          </div>
          <div class="sheet-col-15 sheet-vert-middle sheet-mar-t-md sheet-pad-l-md sheet-pad-r-md">
            <div class="sheet-pc">
              <input type="text" name="attr_background_name">
              <div class="sheet-wrap-box-label">
                <span class="sheet-en">Background</span>
                <span class="sheet-de">Hintergrund</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-07 sheet-speed sheet-center sheet-mar-t-md sheet-pad-l-sm">
            <input class="sheet-center" type="text" name="attr_speed">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Speed</span>
              <span class="sheet-de">Gesch</span>
            </div>
          </div>
          <div class="sheet-col-09 sheet-speed sheet-center sheet-mar-t-md sheet-pad-l-sm">
            <input class="sheet-center" type="text" name="attr_speed_burrow">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Burrow</span>
              <span class="sheet-de">Graben</span>
            </div>
          </div>
          <div class="sheet-col-07 sheet-speed sheet-center sheet-mar-t-md sheet-pad-l-sm">
            <input class="sheet-center" type="text" name="attr_speed_climb">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Climb</span>
              <span class="sheet-de">Klett.</span>
            </div>
          </div>
          <div class="sheet-col-07 sheet-speed sheet-relative sheet-center sheet-pad-l-sm">
            <label class="sheet-checkbox-label-sm sheet-absolute">
              <input type="checkbox" name="attr_speed_fly_hover"><span>
              <span class="sheet-en">hover</span>
              <span class="sheet-de">schweben</span>
            </span>
            </label>
            <input class="sheet-center sheet-mar-t-md" type="text" name="attr_speed_fly">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Fly</span>
              <span class="sheet-de">Flieg.</span>
            </div>
          </div>
          <div class="sheet-col-07 sheet-speed sheet-center sheet-mar-t-md sheet-pad-l-sm">
            <input class="sheet-center" type="text" name="attr_speed_swim">
            <div class="sheet-wrap-box-label">
              <span class="sheet-en">Swim</span>
              <span class="sheet-de">Schwim.</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>