mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
316 lines
15 KiB
HTML
316 lines
15 KiB
HTML
<div class="sheet-charsheet sheet-tabe-pane sheet-lang-en" style="display: block">
|
|
<div class="sheet-sheet" style=" position:relative;">
|
|
|
|
<style>
|
|
/* fonts google css?family=Russo+One */
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Russo One';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Russo One';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
|
}
|
|
/* fonts google css?family=Special+Elite */
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Special Elite';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
|
}
|
|
|
|
.sheet-sheet {
|
|
font-family: 'Special Elite', cursive;
|
|
width: 100%;
|
|
}
|
|
.sheet-sheet * {
|
|
padding: 1px;
|
|
}
|
|
.sheet-kuro_section_title{
|
|
font-family: 'Russo One', sans-serif;
|
|
font-weight: bold;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
padding-top: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sheet-kuro_field {
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
.sheet-kuro_field:after{
|
|
clear:both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.sheet-kuro_field .sheet-name{
|
|
float: left;
|
|
}
|
|
.sheet-kuro_field .sheet-value{
|
|
float: right;
|
|
}
|
|
|
|
.sheet-kuro_field input{
|
|
border:0;
|
|
border-bottom:solid 1px #000;
|
|
outline:none;
|
|
}
|
|
.sheet-kuro_field input[type=text]{
|
|
float: right;
|
|
width: calc(100% - 7em);
|
|
}
|
|
.sheet-kuro_field button[type=roll]{
|
|
width: 21px;
|
|
height: 21px
|
|
}
|
|
.sheet-skills{
|
|
height: 435px !important;
|
|
}
|
|
|
|
/* tab */
|
|
/*body {
|
|
padding: 20px 40px;
|
|
}*/
|
|
|
|
.sheet-kuro-tabs {
|
|
position: relative;
|
|
min-height: 435px !important;
|
|
|
|
clear: both;
|
|
margin: 35px 0 25px;
|
|
background: white;
|
|
}
|
|
.sheet-kuro-tab {
|
|
float: left;
|
|
}
|
|
.sheet-kuro-tab label {
|
|
background: #eee;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
margin-left: -1px;
|
|
position: relative;
|
|
left: 1px;
|
|
top: -29px;
|
|
}
|
|
.sheet-kuro-tab [type=radio] {
|
|
display: none;
|
|
}
|
|
.sheet-kuro-tab-content {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: 0;
|
|
background: white;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 20px;
|
|
border: 1px solid #ccc;
|
|
-webkit-transition: opacity .6s linear;
|
|
opacity: 0;
|
|
}
|
|
[type=radio]:checked ~ label {
|
|
background: white;
|
|
border-bottom: 1px solid white;
|
|
z-index: 2;
|
|
}
|
|
[type=radio]:checked ~ label ~ .sheet-kuro-tab-content {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div name="kuro_first_row" class="sheet-2colrow sheet-kuro_id">
|
|
<div name="kuro_character_id_section" class="sheet-col">
|
|
|
|
<div class="sheet-kuro_section_title">
|
|
Character sheet
|
|
</div>
|
|
|
|
<div class="sheet-kuro_field">
|
|
<span>Name</span><input name="attr_name" type="text">
|
|
</div>
|
|
|
|
<div class="sheet-2colrow">
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Age </span><span class="sheet-value"><input type="number" name="attr_age" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Gender </span><span class="sheet-value"><input type="text" name="attr_gender" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Profession </span><span class="sheet-value"><input type="text" name="attr_profession"></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">KAISO </span><span class="sheet-value"><input type="number" name="attr_kaiso" ></span></div>
|
|
</div>
|
|
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Size </span><span class="sheet-value"><input type="text" name="attr_size" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Weight</span><span class="sheet-value"><input type="text" name="attr_weight"></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Eyes </span><span class="sheet-value"><input type="text" name="attr_eyes" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Hair </span><span class="sheet-value"><input type="text" name="attr_hair" ></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div name="kuro_logo" class="sheet-col" style="display: inline-block; text-align:center">
|
|
<img src="https://lh3.googleusercontent.com/-yNnnoOaG_R0/WifkHjS91vI/AAAAAAAAAUw/G0DKT1O3EmcMW1tLBs5jcuc6HY_SmNkVACJoC/w530-h530-n/Kuro_logo.png" width="150px" height="150px">
|
|
</div>
|
|
</div>
|
|
|
|
<div name="kuro_second_row" class="sheet-2colrow">
|
|
<div class="sheet-col">
|
|
<div class="sheet-kuro_section_title">
|
|
Characteristics
|
|
</div>
|
|
<div class="sheet-2colrow">
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Strength (STR)</span><span class="sheet-value"><input type="number" name="attr_strength" ><button type="roll" value="/gmroll @{strength}D6!! + @{strength} + ?{skill|0}" name="roll_strenght" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Stamina (STA)</span><span class="sheet-value"><input type="number" name="attr_stamina" ><button type="roll" value="/gmroll @{stamina}D6!! + @{stamina} + ?{skill|0}" name="roll_stamina" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Reflexes (REF)</span><span class="sheet-value"><input type="number" name="attr_reflexes" ><button type="roll" value="/gmroll @{reflexes}D6!! + @{reflexes} + ?{skill|0}" name="roll_reflexes" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Dextirity (DEX)</span><span class="sheet-value"><input type="number" name="attr_dextirity"><button type="roll" value="/gmroll @{dextirity}D6!! + @{dextirity} + ?{skill|0}" name="roll_dextirity"></span></div>
|
|
</div>
|
|
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Intelligence (INT)</span><span class="sheet-value"><input type="number" name="attr_intelligence"><button type="roll" value="/gmroll @{intelligence}D6!! + @{intelligence} + ?{skill|0}" name="roll_intelligence"></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Perception (PER)</span><span class="sheet-value"><input type="number" name="attr_perception" ><button type="roll" value="/gmroll @{perception}D6!! + @{perception} + ?{skill|0}" name="roll_perception" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Willpower (WIL)</span><span class="sheet-value"><input type="number" name="attr_willpower" ><button type="roll" value="/gmroll @{willpower}D6!! + @{willpower} + ?{skill|0}" name="roll_willpower" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Charisma (CHA)</span><span class="sheet-value"><input type="number" name="attr_charisma" ><button type="roll" value="/gmroll @{charisma}D6!! + @{charisma} + ?{skill|0}" name="roll_charisma" ></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-kuro_section_title">
|
|
Secondary Characteristics
|
|
</div>
|
|
<div class="sheet-2colrow">
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Hits (HIT)</span><span class="sheet-value"><input type="number" name="attr_hits" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Serious Wound <br/>Threshold (SW)</span><span class="sheet-value"><input type="number" name="attr_seriousWoundThreshold"></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Death <br/>Threshold (DT)</span><span class="sheet-value"><input type="number" name="attr_deathThreshold" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Movement (MOV)</span><span class="sheet-value"><input type="number" name="attr_movement" ></span></div>
|
|
</div>
|
|
|
|
<div class="sheet-col sheet-kuro_fields">
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Defence (DEF)</span><span class="sheet-value"><input type="number" name="attr_defence" ></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Reaction <br/>Speed (REA)</span><span class="sheet-value"><input type="number" name="attr_reactionSpeed"></span></div>
|
|
<div class="sheet-kuro_field"><span class="sheet-name">Actions (ACT)</span><span class="sheet-value"><input type="number" name="attr_actions" ></span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-kuro_section_title">
|
|
Note and equipment
|
|
</div>
|
|
<textarea name="attr_notesAndEquipment"></textarea>
|
|
</div>
|
|
<div class="sheet-col">
|
|
<div class="sheet-kuro_section_title">
|
|
Skills
|
|
</div>
|
|
|
|
<div class="sheet-kuro-tabs">
|
|
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-1" name="tab-group-1" checked>
|
|
<label for="tab-1">Combat</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_combat_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_combat_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_combat_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{combat_skill_value}" />
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-2" name="tab-group-1">
|
|
<label for="tab-2">Academic</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_academic_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_academic_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_academic_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{academic_skill_value}"/>
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-3" name="tab-group-1">
|
|
<label for="tab-3">General</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_general_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_general_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_general_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{general_skill_value}"/>
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-4" name="tab-group-1">
|
|
<label for="tab-4">Technical</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_technical_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_technical_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_technical_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{general_technical_value}"/>
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-5" name="tab-group-1">
|
|
<label for="tab-5">Engineering</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_engineering_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_engineering_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_engineering_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{engineering_skill_value}"/>
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-kuro-tab">
|
|
<input type="radio" id="tab-6" name="tab-group-1">
|
|
<label for="tab-6">Contacts</label>
|
|
<div class="sheet-kuro-tab-content">
|
|
<fieldset class="repeating_contact_skills">
|
|
<div class="sheet-kuro_field">
|
|
<span class="sheet-name"><input type="text" name="attr_contact_skill_name"></span>
|
|
<span class="sheet-value">
|
|
<input type="number" name="attr_contact_skill_value">
|
|
<button type="roll" value="/gmroll ?{characteristics}d6 + ?{characteristics} + @{engineering_contact_value}"/>
|
|
</span></div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div name="kuro_third_row">
|
|
<div class="sheet-kuro_section_title">
|
|
Weapons
|
|
</div>
|
|
<textarea name="attr_weapons" class"weapons"></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|