Add Ghost Ops RPG to Character Sheets
This commit is contained in:
Sparky939
@@ -0,0 +1,284 @@
|
||||
.sheet-container {
|
||||
width: 811px;
|
||||
}
|
||||
.sheet-row {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.sheet-top-row label,
|
||||
.sheet-top-row input {
|
||||
float: left;
|
||||
}
|
||||
.sheet-col1 {
|
||||
box-sizing: border-box;
|
||||
width: 10%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col2 {
|
||||
box-sizing: border-box;
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col3 {
|
||||
box-sizing: border-box;
|
||||
width: 25%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col4 {
|
||||
box-sizing: border-box;
|
||||
width: 33.33%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col5 {
|
||||
box-sizing: border-box;
|
||||
width: 40%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col6 {
|
||||
box-sizing: border-box;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col9 {
|
||||
box-sizing: border-box;
|
||||
width: 75%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col10 {
|
||||
box-sizing: border-box;
|
||||
width: 80%;
|
||||
float: left;
|
||||
}
|
||||
.sheet-col12 {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
.sheet-logo-col {
|
||||
box-sizing: border-box;
|
||||
width: 50%;
|
||||
}
|
||||
.sheet-logo {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
.sheet-form-row {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.sheet-char-details {
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
input[type="number"],
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
border-color: #000;
|
||||
}
|
||||
h2 {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* Hide actual dot/checkbox */
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
width: 15px;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Styles common to fake dot and checkbox */
|
||||
input[type="radio"] + span::before,
|
||||
input[type="checkbox"] + span::before {
|
||||
border: solid 1px #000000;
|
||||
line-height: 11px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
-moz-box-shadow: 0 0 0px #000;
|
||||
-webkit-box-shadow: 0 0 0px #000;
|
||||
box-shadow: 0 0 0px #000;
|
||||
|
||||
background: #000000;
|
||||
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
}
|
||||
|
||||
/* Styles unique to fake dot (checked or left of checked) */
|
||||
input[type="radio"] + span::before {
|
||||
content: "•";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 26px;
|
||||
font-family: "Arial";
|
||||
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (unchecked) */
|
||||
input[type="checkbox"] + span::before {
|
||||
position: relative;
|
||||
content: "";
|
||||
opacity: 1;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 12px;
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (checked) */
|
||||
input[type="checkbox"]:checked + span::before {
|
||||
content: "✖";
|
||||
color: #a00;
|
||||
|
||||
-moz-box-shadow: 0 0 2px transparent;
|
||||
-webkit-box-shadow: 0 0 2px transparent;
|
||||
box-shadow: 0 0 2px transparent;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
input[type="radio"]:checked ~ input[type="radio"] + span::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
input.sheet-used + span::before {
|
||||
content: "✖";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 12px;
|
||||
|
||||
-moz-border-radius: 0%;
|
||||
-webkit-border-radius: 0%;
|
||||
border-radius: 0%;
|
||||
}
|
||||
|
||||
input.sheet-zero:checked + span::before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-zero:hover + span::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input.sheet-zero + span::before {
|
||||
font-size: 12px;
|
||||
content: "✖";
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP3Spec + span::before,
|
||||
input.sheet-DP4Spec + span::before,
|
||||
input.sheet-DP5Spec + span::before {
|
||||
opacity: 1;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.sheet-DP1,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP3,
|
||||
div.sheet-DP4,
|
||||
div.sheet-DP5 {
|
||||
display: inline;
|
||||
}
|
||||
div.sheet-DP1wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP3wSpec,
|
||||
div.sheet-DP4wSpec,
|
||||
div.sheet-DP5wSpec {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3wSpec,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4wSpec,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5wSpec {
|
||||
display: inline;
|
||||
}
|
||||
.sheet-skills-table .sheet-table-content .sheet-row .sheet-col4:first-child {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.charsheet input[type="number"],
|
||||
.charsheet input[type="text"] {
|
||||
width: 100% !important;
|
||||
}
|
||||
.sheet-skills-table input[type="number"] {
|
||||
width: 3.5em !important;
|
||||
}
|
||||
.sheet-ammo-table .sheet-col4 h2 {
|
||||
float: left;
|
||||
}
|
||||
.sheet-ammo-table .sheet-col4 .sheet-ammo-points {
|
||||
margin-top: 7px;
|
||||
}
|
||||
.sheet-right-resize {
|
||||
width: 80%;
|
||||
margin-left: 90px;
|
||||
}
|
||||
.sheet-woundtrauma .sheet-col12 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.sheet-woundtrauma h2 {
|
||||
float: left;
|
||||
line-height: 20px;
|
||||
width: 60px;
|
||||
}
|
||||
.sheet-woundtrauma input[type="number"] {
|
||||
display: none;
|
||||
}
|
||||
.sheet-ability-table input[type="text"] {
|
||||
width: 50% !important;
|
||||
float: left;
|
||||
}
|
||||
.sheet-ability-table select {
|
||||
width: 45%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.sheet-experience {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.sheet-experience h2 {
|
||||
float: left;
|
||||
line-height: 21px;
|
||||
text-align: right;
|
||||
width: 45%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.sheet-boost-adv .sheet-col6 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sheet-boost-adv h2 {
|
||||
float: left;
|
||||
line-height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@@ -0,0 +1,595 @@
|
||||
<div class="tab-one">
|
||||
<!-- Stats Tab -->
|
||||
<div class="container">
|
||||
<div class="top-row">
|
||||
<div class="col6 char-details">
|
||||
<div class="row">
|
||||
<!-- Chatacter Details -->
|
||||
<div class="row">
|
||||
<label>Name</label>
|
||||
<input type="text" name="attr_character_name">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>Callsign</label>
|
||||
<input type="text" name="attr_character_callsign">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>Background</label>
|
||||
<input type="text" name="attr_character_background">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>Look</label>
|
||||
<input type="text" name="attr_character_look">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Character Details End -->
|
||||
</div>
|
||||
<div class="col6">
|
||||
<img src="https://i.imgur.com/A64CNBV.png" class="logo" />
|
||||
<div class="row">
|
||||
<!-- Experience -->
|
||||
<div class="col12 experience">
|
||||
<h2>Experience</h2>
|
||||
<input type="radio" name="attr_experience" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_experience" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_experience" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_experience" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_experience" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_experience" value="5" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Experience End -->
|
||||
</div>
|
||||
<!-- Logo -->
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col6">
|
||||
<!-- Left Side Sheet -->
|
||||
<div class="row stats-row">
|
||||
<!-- Stats -->
|
||||
<div class="col3">
|
||||
<div class="stats-border">
|
||||
<h2>Reaction</h2>
|
||||
<input type="text" name="attr_character_reaction">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<div class="stats-border">
|
||||
<h2>Damage</h2>
|
||||
<input type="text" name="attr_character_damage">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<div class="stats-border">
|
||||
<h2>Resilience</h2>
|
||||
<input type="text" name="attr_character_resilience">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<div class="stats-border">
|
||||
<h2>Focus</h2>
|
||||
<input type="text" name="attr_character_focus">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Stats End -->
|
||||
<div class="row">
|
||||
<!-- Talent Table -->
|
||||
<div class="table-header">
|
||||
<div class="row">
|
||||
<div class="col3">
|
||||
<h2>Talent</h2>
|
||||
</div>
|
||||
<div class="col9">
|
||||
<h2>Description</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="table-content repeating_talents">
|
||||
<div class="row">
|
||||
<div class="col3">
|
||||
<input type="text" name="attr_talent">
|
||||
</div>
|
||||
<div class="col9">
|
||||
<input type="text" name="attr_talent_desc">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<!-- Talent Table End -->
|
||||
<div class="row">
|
||||
<!-- Armour -->
|
||||
<div class="table-header">
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<h2>Locations</h2>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>Armour</h2>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>AP</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-content">
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<p>Head (4)</p>
|
||||
<p>Body (2)</p>
|
||||
<p>Arms (3)</p>
|
||||
<p>Legs (2)</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="text" name="attr_armour_head">
|
||||
<input type="text" name="attr_armour_body">
|
||||
<input type="text" name="attr_armour_arms">
|
||||
<input type="text" name="attr_armour_legs">
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="text" name="attr_ap_head">
|
||||
<input type="text" name="attr_ap_body">
|
||||
<input type="text" name="attr_ap_arms">
|
||||
<input type="text" name="attr_ap_legs">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Armour end -->
|
||||
<div class="row boost-adv">
|
||||
<!-- Boost & Advantage -->
|
||||
<div class="col6">
|
||||
<h2>Boost</h2>
|
||||
<input type="radio" name="attr_boost" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_boost" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_boost" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_boost" value="3" />
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="col6">
|
||||
<h2>Advantage</h2>
|
||||
<input type="radio" name="attr_advantage" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_advantage" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_advantage" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_advantage" value="3" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Boost & Advantage end -->
|
||||
<div class="row">
|
||||
<!-- Weapon Table -->
|
||||
<div class="weapon-table">
|
||||
<div class="table-header">
|
||||
<div class="row">
|
||||
<div class="col1">
|
||||
|
||||
</div>
|
||||
<div class="col2">
|
||||
<h2>Weapon</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>Cal</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>DMG 1</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>DMG 2</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>DMG 3</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>RNG</h2>
|
||||
</div>
|
||||
<div class="col1">
|
||||
<h2>MOD</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="table-content repeating_weapons">
|
||||
<div class="row">
|
||||
<div class="col1">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + ?{Damage?|DMG1, @{weapon_dmgone}|DMG2, @{weapon_dmgtwo}|DMG3, @{weapon_dmgthree}} + @{wounds_mod} + ?{Modifier?|0}]] Damage with @{weapon}"></button>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<input type="text" name="attr_weapon">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="text" name="attr_cal">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="number" name="attr_weapon_dmgone">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="number" name="attr_weapon_dmgtwo">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="number" name="attr_weapon_dmgthree">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="text" name="attr_rng">
|
||||
</div>
|
||||
<div class="col1">
|
||||
<input type="text" name="attr_weapon_mod">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Weapon Table End -->
|
||||
<div class="row ammo-table">
|
||||
<!-- Ammo -->
|
||||
<div class="col2">
|
||||
<h2>Ammo</h2>
|
||||
</div>
|
||||
<div class="col8">
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<h2>P - </h2>
|
||||
<div class="ammo-points">
|
||||
<input type="radio" name="attr_ammo_p" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_p" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_p" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_p" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_p" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_p" value="5" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>S -</h2>
|
||||
<div class="ammo-points">
|
||||
<input type="radio" name="attr_ammo_s" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_s" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_s" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_s" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_s" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_s" value="5" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>T -</h2>
|
||||
<div class="ammo-points">
|
||||
<input type="radio" name="attr_ammo_t" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_t" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_t" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_t" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_t" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_ammo_t" value="5" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ammo End -->
|
||||
</div>
|
||||
<!-- Left Side Sheet End -->
|
||||
<div class="col6">
|
||||
<!-- Right Side Sheet -->
|
||||
<div class="row">
|
||||
<!-- Skills Table -->
|
||||
<div class="skills-table">
|
||||
<div class="table-header">
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<h2> </h2>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>Skills</h2>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<h2>Rank</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-content">
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{awareness} + @{wounds_mod} + ?{Modifier?|0}]] for Awareness"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Awareness</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_awareness">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{fitness} + @{wounds_mod} + ?{Modifier?|0}]] for Fitness"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Fitness</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_fitness">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{investigate} + @{wounds_mod} + ?{Modifier?|0}]] for Investigate"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Investigate</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_investigate">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{knowledge} + @{wounds_mod} + ?{Modifier?|0}]] for Knowledge"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Knowledge</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_knowledge">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{manipulate} + @{wounds_mod} + ?{Modifier?|0}]] for Manipulate"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Manipulate</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_manipulate">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{medical} + @{wounds_mod} + ?{Modifier?|0}]] for Medical"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Medical</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_medical">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{mobility} + @{wounds_mod} + ?{Modifier?|0}]] for Mobility"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Mobility</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_mobility">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{outdoorsman} + @{wounds_mod} + ?{Modifier?|0}]] for Outdoorsman"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Outdoorsman</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_outdoorsman">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{rapport} + @{wounds_mod} + ?{Modifier?|0}]] for Rapport"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Rapport</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_rapport">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{stealth} + @{wounds_mod} + ?{Modifier?|0}]] for Stealth"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Stealth</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_stealth">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{technical} + @{wounds_mod} + ?{Modifier?|0}]] for Technical"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Technical</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_technical">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{unarmed} + @{wounds_mod} + ?{Modifier?|0}]] for Unarmed"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Unarmed</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_unarmed">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col4">
|
||||
<button type="roll" value="@{character_name} rolls [[4df + @{weaponry} + @{wounds_mod} + ?{Modifier?|0}]] for Weaponry"></button>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<p class="skill-name">Weaponry</p>
|
||||
</div>
|
||||
<div class="col4">
|
||||
<input type="number" value="0" name="attr_weaponry">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Skills Table End -->
|
||||
<div class="row right-resize">
|
||||
<!-- Abilities -->
|
||||
<div class="col12 ability-table">
|
||||
<div class="table-header">
|
||||
<h2>Abilities</h2>
|
||||
</div>
|
||||
<div class="table-content">
|
||||
<fieldset class="repeating_skills">
|
||||
<select name="attr_abilityskill">
|
||||
<option value="Awareness">Awareness</option>
|
||||
<option value="Fitness">Fitness</option>
|
||||
<option value="Investigate">Investigate</option>
|
||||
<option value="Knowledge">Knowledge</option>
|
||||
<option value="Manipulate">Manipulate</option>
|
||||
<option value="Medical">Medical</option>
|
||||
<option value="Mobility">Mobility</option>
|
||||
<option value="Outdoorsman">Outdoorsman</option>
|
||||
<option value="Rapport">Rapport</option>
|
||||
<option value="Stealth">Stealth</option>
|
||||
<option value="Technical">Technical</option>
|
||||
<option value="Unarmed">Unarmed</option>
|
||||
<option value="Weaponry">Weaponry</option>
|
||||
</select>
|
||||
<input type="text" name="attr_abilityname" />
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Abilities end -->
|
||||
<div class="row right-resize woundtrauma">
|
||||
<!-- Wounds -->
|
||||
<div class="col12">
|
||||
<h2>Wounds</h2>
|
||||
<input type="number" name="attr_wounds_mod" value="-(floor(@{wounds}/3))" hidden=true disabled=true/>
|
||||
<input type="radio" name="attr_wounds" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="5" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="6" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="7" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="8" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="9" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="10" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="11" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_wounds" value="12" />
|
||||
<span></span>
|
||||
</div>
|
||||
<!-- Wounds end -->
|
||||
<!-- Trauma -->
|
||||
<div class="col12">
|
||||
<h2>Trauma</h2>
|
||||
<input type="radio" name="attr_trauma" value="0" class="zero" checked/>
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="1" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="2" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="3" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="4" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="5" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="6" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="7" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="8" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="9" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="10" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="11" />
|
||||
<span></span>
|
||||
<input type="radio" name="attr_trauma" value="12" />
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Trauma end -->
|
||||
</div>
|
||||
<!-- Right side sheet end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Stats Tab End -->
|
||||
<div class="tab-two">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col3">
|
||||
<h2>Loadout 1</h2>
|
||||
<textarea rows="4" cols="50" name="attr_loadout_one"></textarea>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<h2>Loadout 2</h2>
|
||||
<textarea rows="4" cols="50" name="attr_loadout_two"></textarea>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<h2>Loadout 3</h2>
|
||||
<textarea rows="4" cols="50" name="attr_loadout_three"></textarea>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<h2>Loadout 4</h2>
|
||||
<textarea rows="4" cols="50" name="attr_loadout_four"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col6">
|
||||
<h2>Ammo and Weapon Mods</h2>
|
||||
<textarea rows="4" cols="50" name="attr_ammo_weapon_mods"></textarea>
|
||||
</div>
|
||||
<div class="col6">
|
||||
<h2>Mission Notes</h2>
|
||||
<textarea rows="4" cols="50" name="attr_mission_notes"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"html": "ghostopsrpg.html",
|
||||
"css": "ghostopsrpg.css",
|
||||
"authors": "Cyberspark, Rilmarith",
|
||||
"roll20userid": "66233",
|
||||
"preview": "ghostopsrpg.png"
|
||||
}
|
||||
Reference in New Issue
Block a user