Example Savage Worlds Roll20 sheet

savageworlds.css

.charsheet label {
    display: inline-block;
	width: 75px;
	text-align: right;
}

.charsheet input {
	display: inline-block;
	width: 165px;
}

.sheet-col strong.sheet-dee {
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 4px;
}

.charsheet input.sheet-short {
	width: 3.5em;
}

.charsheet {
	background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
}

.charsheet table td, .charsheet table th {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

select.sheet-dtype {
    width: 60px;
    vertical-align: top;
}

savageworlds.html

<div class="sheet-3colrow">

    <div class="sheet-col">

    	<label>Name:</label><input type="text" name="attr_name" />
		<label>Rank:</label><input type="text" name="attr_rank" />
		<label>XP:</label><input type="number" name="attr_xp" />

	</div>

	<div class="sheet-col">
		<p style="text-align: center;">
			<img src="http://shop.sci-fi-city.com/images/savage-logo.png" style="max-height: 100px;" />
		</p>
	</div>

	<div class="sheet-col">

		<label>Setting:</label><input type="text" name="attr_setting" />
		<label>Race:</label><input type="text" name="attr_race" />

	</div>

</div>

<hr/>

<div class="sheet-3colrow">

	<div class="sheet-col">

		<h3 style="margin-bottom: 10px;">Attributes</h3>

		<label>Agility</label><strong class='dee'>d</strong><input type="text" name='attr_agility' class='sheet-short'><button type='roll' name='roll_TestAttack' value='/roll 1d20 + @{Agility}'></button><br />
		<label>Smarts</label><strong class='dee'>d</strong><input type="text" name='attr_smarts' class='sheet-short'><br />
		<label>Spirit</label><strong class='dee'>d</strong><input type="text" name='attr_spirit' class='sheet-short'><br />
		<label>Strength</label><strong class='dee'>d</strong><input type="text" name='attr_strength' class='sheet-short' value='@{Agility}+5'><br />
		<label>Vigor</label><strong class='dee'>d</strong><input type="text" name='attr_vigor' class='sheet-short' value='25'>

        <hr />
        
        <h3 style="margin-bottom: 10px;">Skills</h3>
        
        <fieldset class="repeating_skills">
            <select name="attr_dtype" class="dtype">
                <option value="d4">d4</option>
                <option value="d6">d6</option>
                <option value="d8">d8</option>
                <option value="d10">d10</option>
                <option value="d12">d12</option>
            </select>
            <input type="text" name="attr_skillname" />
        </fieldset>

	</div>

	<div class="sheet-col">
		<h3 style="text-align: center;">Derived Stats</h3>
        
        <table style="width: 100%;">
            <thead>
                <tr>
                    <th>Base</th>
                    <th>&nbsp;</th>
                    <th>Mod</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="text" name="attr_pace" class="sheet-short" /></td>
                    <td>Pace</td>
                    <td><input type="text" name="attr_pace_max" class="sheet-short" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="attr_parry" class="sheet-short" /></td>
                    <td>Parry</td>
                    <td><input type="text" name="attr_parry_max" class="sheet-short" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="attr_toughness" class="sheet-short" /></td>
                    <td>Toughness</td>
                    <td><input type="text" name="attr_toughness_max" class="sheet-short" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="attr_charisma" class="sheet-short" /></td>
                    <td>Charisma</td>
                    <td><input type="text" name="attr_charisma_max" class="sheet-short" /></td>
                </tr>
            </tbody>
        </table>
	</div>

	<div class="sheet-col">

		<h3>Hindrances</h3>

		<textarea name="attr_hindrances"></textarea>

		<hr/>

		<h3>Edges</h3>

		<textarea name="attr_edges"></textarea>

	</div>

</div>