slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added basic Fate Accelerated character sheet

Browse Source
This commit is contained in:
St. Lawrence, Zachary
2014-12-31 23:53:36 -05:00
parent d63c44a46e
commit 91443d7b4e
4 changed files with 221 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Fate_Accelerated/fate.css
+115
View File
@@ -0,0 +1,115 @@
/* === GENERAL === */
.charsheet {
min-width: 800px;
}
.sheet-header {
margin-bottom: 4px;
padding: 2px 4px;
background: black;
color: white;
font-weight: bold;
}
.sheet-section {
float: left;
width: 100%;
margin: 4px 0;
padding: 1px;
box-sizing: border-box;
}
.sheet-break {
clear: both;
}
label,
select {
margin: 0;
}
.sheet-repitem,
.repitem {
margin-bottom: 2px;
}
input, textarea, select, .uneditable-input {
display: inline-block;
width: 100%;
padding: 2px;
margin-bottom: 4px;
font-size: 13px;
line-height: 18px;
color: #555;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input, select, .uneditable-input {
height: 20px;
}
textarea {
margin: 0;
height: 120px;
resize: vertical;
box-sizing: border-box;
}
/* === LOGO === */
.sheet-logo {
width: 300px;
margin: 0 5px;
float: left;
}
/* === ASPECT === */
.sheet-col-aspects input {
width: 100%;
}
/* === STRESS === */
.sheet-section {
width: 100%;
border: 1px solid black;
position: relative;
border-radius: 10px;
margin-bottom: 10px;
padding: 5px;
}
table.sheet-stress {
width: 100%;
position: relative;
}
table.sheet-stress td {
position: relative;
}
input.sheet-stress-check {
font-size: 30px;
width: 20px;
height: 20px;
position: relative;
left: calc(50% - 10px) !important;
}
/* === CONSEQUENCES === */
.sheet-col-consequences {
position: relative;
}
.sheet-col-consequences select {
width: 100px;
float: left;
}
.sheet-col-consequences input {
margin-left: 2px;
width: calc(100% - 102px);
}
Fate_Accelerated/fate.html
+98
View File
@@ -0,0 +1,98 @@
<div class='sheet-2colrow'>
<div class="sheet-col-id sheet-col">
<div class="sheet-header">ID</div>
<label>Name <input type="text" name="attr_name" placeholder="Name" title="@{name}"/></label>
<textarea name="attr_description" placeholder="Description" title="@{description}"></textarea>
</div> <!-- .section-id -->
<div class="sheet-col-refresh sheet-col">
<div>
<img class="sheet-logo" src="http://www.evilhat.com/home/wp-content/uploads/2012/12/Fate-Accelerated.jpg" alt="FATE ACCELERATED" />
</div>
<div class="sheet-under-logo">
<label>Refresh <input type="number" name="attr_refresh" placeholder="Refresh" title="@{refresh}"/></label>
<label>Current <input type="number" name="attr_current_fate_points" placeholder="Current Fate Points" title="@{current_fate_points}"/></label>
</div>
</div> <!-- .section-refresh -->
</div>
<div class="sheet-break"></div>
<div class='sheet-2colrow'>
<div class="sheet-col-aspects sheet-col">
<div class="sheet-header">Aspects</div>
<input type="text" name="attr_high_concept" placeholder="High Concept Aspect" title="@{high_concept}"/>
<input type="text" name="attr_trouble" placeholder="Trouble Aspect" title="@{trouble}"/>
<fieldset class="repeating_aspects">
<input type="text" name="attr_aspect" />
</fieldset>
</div> <!-- .section-aspects -->
<div class="sheet-col-approaches sheet-col">
<div class="sheet-header">Approaches</div>
<label>Careful <input type="number" name="attr_careful" title="@{careful}"/></label>
<label>Clever <input type="number" name="attr_clever" title="@{clever}"/></label>
<label>Flashy <input type="number" name="attr_flashy" title="@{flashy}"/></label>
<label>Forceful <input type="number" name="attr_forceful" title="@{forceful}"/></label>
<label>Quick <input type="number" name="attr_quick" title="@{quick}"/></label>
<label>Sneaky <input type="number" name="attr_sneaky" title="@{sneaky}"/></label>
</div> <!-- .section-approaches -->
</div>
<div class="sheet-row">
<div class="sheet-col-stunts sheet-col " style="width:100%">
<div class="sheet-header">Stunts</div>
<textarea name="attr_stunts" title="@{stunts}"></textarea>
</div> <!-- .section-stunts -->
</div>
<div class="sheet-break"></div>
<div class='sheet-2colrow'>
<div class="sheet-col-consequences sheet-col ">
<div class="sheet-header">Consequences</div>
<fieldset class="repeating_consequences">
<select name="attr_consequences_type">
<option>Mild</option>
<option>Moderate</option>
<option>Severe</option>
</select>
<input type="text" name="attr_consequence" />
</fieldset>
</div> <!-- .section-consequences -->
<div class="sheet-col-stress sheet-col ">
<div class="sheet-header">Stress</div>
<div class="sheet-section">
<table class="sheet-stress">
<tbody>
<tr>
<th><h4>1</h4></th>
<th><h4>2</h4></th>
<th><h4>3</h4></th>
</tr>
<tr>
<td>
<input class="sheet-stress-check" type="checkbox" name="attr_stress1" value="1" title="@{stress1}" />
</td>
<td>
<input class="sheet-stress-check" type="checkbox" name="attr_stress2" value="2" title="@{stress2}" />
</td>
<td>
<input class="sheet-stress-check" type="checkbox" name="attr_stress3" value="3" title="@{stress3}" />
</td>
</tr>
</tbody>
</table>
</div>
</div> <!-- .section-stress -->
</div>
<div class="sheet-break"></div>
<div class="sheet-row">
<div class="sheet-col-extras sheet-col " style="width:100%">
<div class="sheet-header">Extras</div>
<textarea name="attr_Extras"></textarea>
</div> <!-- .section-extra -->
</div>
Fate_Accelerated/fate.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

Fate_Accelerated/sheet.json
+8
View File
@@ -0,0 +1,8 @@
{
"html": "fate.html",
"css": "fate.css",
"roll20userid": "675646",
"authors": "Zachary St Lawrence",
"preview": "fate.png",
"instructions": "# Simple Fate Accelerated Character Sheet.\r## Based off of Devindra Payment (Ardnived) Fate core character sheet\r## with modifications to more closely mirror the Evilhat official character sheet http://www.evilhat.com/home/wp-content/uploads/2013/02/Fate-Accelerated-Character-Sheet.pdf\r\r"
}