Initial setup
Modified from Fate Core HTML sheet.
This commit is contained in:
SarahNewton
Binary file not shown.
@@ -0,0 +1 @@
|
||||
Mindjammer.README␍␍Mindjammer Roll20 Character Sheet v1.0␍April 19 2015 - Sarah Newton␍␍Modified Roll20 Fate Core character sheet HTML and CSS files for basic implementation of Mindjammer RPG character sheet.␍Incorporated Credit Stress and Halo sections, plus genotype, culture, scale, etc. All elements are referenced with attribute types.␍Added roll button to the skill sections, so that skill rolls can be triggered from the character sheet.␍Added Mindjammer title PNG.␍␍TO DO:␍- add macros for key actions.␍- include more detailed equipment section allowing for bonuses, skills, etc.␍- include more detailed stunts and extras sections allowing for direct rolls, etc.
|
||||
@@ -0,0 +1,158 @@
|
||||
/* === MODIFIED FROM FATE CORE STYLESHEET SJN 19 APRIL 2015 v1.0 === */
|
||||
/* === GENERAL === */
|
||||
.charsheet {
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
margin-bottom: 4px;
|
||||
padding: 2px 4px;
|
||||
|
||||
background: black;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-subheader {
|
||||
|
||||
background: gray;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-section {
|
||||
float: left;
|
||||
width: 100%;
|
||||
|
||||
margin: 4px 0;
|
||||
padding: 1px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sheet-half {
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.sheet-break {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
label,
|
||||
select {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
resize: vertical;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sheet-repitem,
|
||||
.repitem {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Override Roll20 Button styling for something less conspicious */
|
||||
button {
|
||||
height: 22px;
|
||||
line-height: 16px;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.repitem button {
|
||||
height: 28px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* === BASIC === */
|
||||
.sheet-logo {
|
||||
width: 100%;
|
||||
margin: 0 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sheet-section-basic tr {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.sheet-section-basic td {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.sheet-section-basic input[type="number"] {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.sheet-section-basic .sheet-column {
|
||||
width: calc(50% - 200px);
|
||||
}
|
||||
|
||||
/* === SKILLS === */
|
||||
.sheet-section-skills {
|
||||
min-width: 400px;
|
||||
}
|
||||
|
||||
.sheet-section-skills input {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.sheet-section-skills td:first-child {
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.sheet-skill-on {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.sheet-skill-off {
|
||||
background-color: #E3E3E3;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
/* === ASPECT === */
|
||||
.sheet-section-aspects input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* === STRESS === */
|
||||
.sheet-section-stress td {
|
||||
text-align: left;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.sheet-section-stress input {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.sheet-check-on {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.sheet-check-off {
|
||||
background-color: #E3E3E3;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
/* === CONSEQUENCES === */
|
||||
.sheet-section-consequences {
|
||||
// float: right;
|
||||
}
|
||||
|
||||
.sheet-section-consequences select {
|
||||
width: 100px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sheet-section-consequences input {
|
||||
margin-left: 2px;
|
||||
width: calc(100% - 102px);
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
<!-- MODIFIED FROM FATE CORE HTML SHEET SJN 19 APRIL 2015 v1.0 //-->
|
||||
<div class="sheet-section-basic sheet-section">
|
||||
<img class="sheet-logo" src="https://sarahnewtonwriter.files.wordpress.com/2015/04/mindjammer-logo_no_name.png" alt="MINDJAMMER" />
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<label>Name</label>
|
||||
<input type="text" name="attr_Name" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Scale</label>
|
||||
<input type="text" name="attr_Scale" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Occupation</label>
|
||||
<input type="text" name="attr_Occupation" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label>Culture</label>
|
||||
<input type="text" name="attr_Culture" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Genotype</label>
|
||||
<input type="text" name="attr_Genotype" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Actual Age</label>
|
||||
<input type="text" name="attr_Actual_Age" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label>Tech Index</label>
|
||||
<input type="text" name="attr_Tech_Index" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Habituated Gravity</label>
|
||||
<input type="text" name="attr_Hab_Grav" />
|
||||
</td>
|
||||
<td>
|
||||
<label>Apparent Age</label>
|
||||
<input type="text" name="attr_Apparent_Age" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- .section-basic -->
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class="sheet-section-aspects sheet-section">
|
||||
<div class="sheet-header">Aspects</div>
|
||||
<div class="sheet-repitem">
|
||||
<input type="text" name="attr_HighConcept" placeholder="High Concept Aspect" />
|
||||
</div>
|
||||
<div class="sheet-repitem">
|
||||
<input type="text" name="attr_Trouble" placeholder="Trouble Aspect"/>
|
||||
</div>
|
||||
<fieldset class="repeating_Aspects">
|
||||
<input type="text" name="attr_Aspect" />
|
||||
</fieldset>
|
||||
</div> <!-- .section-aspects -->
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class="sheet-section-stress sheet-section">
|
||||
<div class="sheet-header">Status</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="sheet-subheader">Fate Points</td>
|
||||
<td><input type="number" name="attr_Fate" /></td>
|
||||
<td class="sheet-subheader">Refresh</td>
|
||||
<td><input type="number" name="attr_Refresh" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- .section-faterefresh -->
|
||||
|
||||
<div class="sheet-section-stress sheet-section">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="sheet-subheader">Physical Stress</td>
|
||||
<td>1<input class="sheet-check-on" type="checkbox" name="attr_Phy1" /></td>
|
||||
<td>2<input class="sheet-check-on" type="checkbox" name="attr_Phy2" /></td>
|
||||
<td>3<input class="sheet-check-off" type="checkbox" name="attr_Phy3" /></td>
|
||||
<td>4<input class="sheet-check-off" type="checkbox" name="attr_Phy4" /></td>
|
||||
<td><i>(Physique)</i></td>
|
||||
<td class="sheet-subheader">Mental Stress</td>
|
||||
<td>1<input class="sheet-check-on" type="checkbox" name="attr_Men1" /></td>
|
||||
<td>2<input class="sheet-check-on" type="checkbox" name="attr_Men2" /></td>
|
||||
<td>3<input class="sheet-check-off" type="checkbox" name="attr_Men3" /></td>
|
||||
<td>4<input class="sheet-check-off" type="checkbox" name="attr_Men4" /></td>
|
||||
<td><i>(Will)</i></td>
|
||||
<td class="sheet-subheader">Credit Stress</td>
|
||||
<td>1<input class="sheet-check-on" type="checkbox" name="attr_Cre1" /></td>
|
||||
<td>2<input class="sheet-check-on" type="checkbox" name="attr_Cre2" /></td>
|
||||
<td>3<input class="sheet-check-off" type="checkbox" name="attr_Cre3" /></td>
|
||||
<td>4<input class="sheet-check-off" type="checkbox" name="attr_Cre4" /></td>
|
||||
<td><i>(Resources)</i></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- .section-stress -->
|
||||
|
||||
<div class="sheet-section-consequences sheet-section sheet-half">
|
||||
<div class="sheet-subheader">General Consequences</div>
|
||||
<fieldset class="repeating_Cons">
|
||||
<select name="attr_conType">
|
||||
<option>Mild</option>
|
||||
<option>Moderate</option>
|
||||
<option>Severe</option>
|
||||
</select>
|
||||
<input type="text" name="attr_Consequence" />
|
||||
</fieldset>
|
||||
</div> <!-- .section-consequences -->
|
||||
|
||||
<div class="sheet-section-consequences sheet-section sheet-half">
|
||||
<div class="sheet-subheader">Credit Consequences</div>
|
||||
<fieldset class="repeating_Cre_Cons">
|
||||
<select name="attr_cre_conType">
|
||||
<option>Mild</option>
|
||||
<option>Moderate</option>
|
||||
<option>Severe</option>
|
||||
</select>
|
||||
<input type="text" name="attr_Cre_Consequence" />
|
||||
</fieldset>
|
||||
</div> <!-- .section-credit-consequences -->
|
||||
|
||||
<div class="sheet-section-skills sheet-section">
|
||||
<div class="sheet-header">Skills</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Superb (+5)</td>
|
||||
<td><button type='roll' name='roll_@{Sup1}' value='@{name} rolls a @{Sup1} test [[4dF + 5]]'></button><input class="sheet-skill-off" type="text" name="attr_Sup1" /></td>
|
||||
<td><button type='roll' name='roll_@{Sup2}' value='@{name} rolls a @{Sup2} test [[4dF + 5]]'></button><input class="sheet-skill-off" type="text" name="attr_Sup2" /></td>
|
||||
<td><button type='roll' name='roll_@{Sup3}' value='@{name} rolls a @{Sup3} test [[4dF + 5]]'></button><input class="sheet-skill-off" type="text" name="attr_Sup3" /></td>
|
||||
<td><button type='roll' name='roll_@{Sup4}' value='@{name} rolls a @{Sup4} test [[4dF + 5]]'></button><input class="sheet-skill-off" type="text" name="attr_Sup4" /></td>
|
||||
<td><button type='roll' name='roll_@{Sup5}' value='@{name} rolls a @{Sup5} test [[4dF + 5]]'></button><input class="sheet-skill-off" type="text" name="attr_Sup5" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Great (+4)</td>
|
||||
<td><button type='roll' name='roll_@{Great1}' value='@{name} rolls a @{Great1} test [[4dF + 4]]'></button><input class="sheet-skill-on" type="text" name="attr_Great1" /></td>
|
||||
<td><button type='roll' name='roll_@{Great2}' value='@{name} rolls a @{Great2} test [[4dF + 4]]'></button><input class="sheet-skill-off" type="text" name="attr_Great2" /></td>
|
||||
<td><button type='roll' name='roll_@{Great3}' value='@{name} rolls a @{Great3} test [[4dF + 4]]'></button><input class="sheet-skill-off" type="text" name="attr_Great3" /></td>
|
||||
<td><button type='roll' name='roll_@{Great4}' value='@{name} rolls a @{Great4} test [[4dF + 4]]'></button><input class="sheet-skill-off" type="text" name="attr_Great4" /></td>
|
||||
<td><button type='roll' name='roll_@{Great5}' value='@{name} rolls a @{Great5} test [[4dF + 4]]'></button><input class="sheet-skill-off" type="text" name="attr_Great5" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Good (+3)</td>
|
||||
<td><button type='roll' name='roll_@{Good1}' value='@{name} rolls a @{Good1} test [[4dF + 3]]'></button><input class="sheet-skill-on" type="text" name="attr_Good1" /></td>
|
||||
<td><button type='roll' name='roll_@{Good2}' value='@{name} rolls a @{Good2} test [[4dF + 3]]'></button><input class="sheet-skill-on" type="text" name="attr_Good2" /></td>
|
||||
<td><button type='roll' name='roll_@{Good3}' value='@{name} rolls a @{Good3} test [[4dF + 3]]'></button><input class="sheet-skill-off" type="text" name="attr_Good3" /></td>
|
||||
<td><button type='roll' name='roll_@{Good4}' value='@{name} rolls a @{Good4} test [[4dF + 3]]'></button><input class="sheet-skill-off" type="text" name="attr_Good4" /></td>
|
||||
<td><button type='roll' name='roll_@{Good5}' value='@{name} rolls a @{Good5} test [[4dF + 3]]'></button><input class="sheet-skill-off" type="text" name="attr_Good5" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Fair (+2)</td>
|
||||
<td><button type='roll' name='roll_@{Fair1}' value='@{name} rolls a @{Fair1} test [[4dF + 2]]'></button><input class="sheet-skill-on" type="text" name="attr_Fair1" /></td>
|
||||
<td><button type='roll' name='roll_@{Fair2}' value='@{name} rolls a @{Fair2} test [[4dF + 2]]'></button><input class="sheet-skill-on" type="text" name="attr_Fair2" /></td>
|
||||
<td><button type='roll' name='roll_@{Fair3}' value='@{name} rolls a @{Fair3} test [[4dF + 2]]'></button><input class="sheet-skill-on" type="text" name="attr_Fair3" /></td>
|
||||
<td><button type='roll' name='roll_@{Fair4}' value='@{name} rolls a @{Fair4} test [[4dF + 2]]'></button><input class="sheet-skill-off" type="text" name="attr_Fair4" /></td>
|
||||
<td><button type='roll' name='roll_@{Fair5}' value='@{name} rolls a @{Fair5} test [[4dF + 2]]'></button><input class="sheet-skill-off" type="text" name="attr_Fair5" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Average (+1)</td>
|
||||
<td><button type='roll' name='roll_@{Avg1}' value='@{name} rolls a @{Avg1} test [[4dF + 1]]'></button><input class="sheet-skill-on" type="text" name="attr_Avg1" /></td>
|
||||
<td><button type='roll' name='roll_@{Avg2}' value='@{name} rolls a @{Avg2} test [[4dF + 1]]'></button><input class="sheet-skill-on" type="text" name="attr_Avg2" /></td>
|
||||
<td><button type='roll' name='roll_@{Avg3}' value='@{name} rolls a @{Avg3} test [[4dF + 1]]'></button><input class="sheet-skill-on" type="text" name="attr_Avg3" /></td>
|
||||
<td><button type='roll' name='roll_@{Avg4}' value='@{name} rolls a @{Avg4} test [[4dF + 1]]'></button><input class="sheet-skill-on" type="text" name="attr_Avg4" /></td>
|
||||
<td><button type='roll' name='roll_@{Avg5}' value='@{name} rolls a @{Avg5} test [[4dF + 1]]'></button><input class="sheet-skill-off" type="text" name="attr_Avg5" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- .section-skills -->
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class="sheet-section-stunts sheet-section">
|
||||
<div class="sheet-header">Stunts</div>
|
||||
<textarea name="attr_Stunts"></textarea>
|
||||
</div> <!-- .section-stunts -->
|
||||
|
||||
<div class="sheet-section-halo sheet-section sheet-half">
|
||||
<div class="sheet-header">Halo</div>
|
||||
<textarea name="attr_Halo"></textarea>
|
||||
</div> <!-- .section-halo -->
|
||||
|
||||
<div class="sheet-section-extras sheet-section sheet-half">
|
||||
<div class="sheet-header">Other Extras</div>
|
||||
<textarea name="attr_Extras"></textarea>
|
||||
</div> <!-- .section-extra -->
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Reference in New Issue
Block a user