This commit is contained in:
Michael Calleia
2020-10-16 16:37:25 -04:00
parent 4be27696fb
commit 1a24461d39
3 changed files with 139 additions and 64 deletions
+42 -12
View File
@@ -15,10 +15,6 @@
** Wrapper **
**************/
.charsheet {
padding: 0;
}
.sheet-ept {
max-width: 1100px;
min-width: 700px;
@@ -27,6 +23,16 @@
background: #f9fbed;
}
/* Sticky Header */
.sheet-sticky-header {
position: -webkit-sticky;
position: sticky;
top: 0;
background: #f9fbed;
height: 100px;
border-bottom:
}
/*****************
** Typography **
@@ -91,7 +97,7 @@ h2, h2 span {
}
.sheet-skills.sheet-section {
margin: 80px 0 20px 0;
margin: 40px 0 20px 0;
}
/* FLEXBOX */
@@ -142,6 +148,9 @@ h2, h2 span {
.sheet-grid-16-span-9 {
grid-column: span 9;
}
.sheet-grid-16-span-10 {
grid-column: span 10;
}
.sheet-grid-16-span-11 {
grid-column: span 11;
}
@@ -151,6 +160,12 @@ h2, h2 span {
.sheet-grid-16-span-13 {
grid-column: span 13;
}
.sheet-grid-16-span-14 {
grid-column: span 14;
}
.sheet-grid-16-span-15 {
grid-column: span 15;
}
.sheet-grid-16-span-16 {
grid-column: span 16;
}
@@ -419,7 +434,7 @@ h2, h2 span {
label.sheet-switch {
position: relative;
display: inline-block;
width: 106px;
width: 103px;
height: 24px;
top: 13px;
margin: 0 8px 0 0;
@@ -491,16 +506,16 @@ input:checked + .sheet-slider .sheet-off {
/* II. Skills Switch List <> Checkbox Mode */
.sheet-skills-simple-list {
.sheet-freestyle-view {
display: none;
}
/* Show hide Lists Checkbox */
.sheet-switch-list-check:checked ~ * .sheet-skills-simple-list {
.sheet-switch-list-check:checked ~ * .sheet-freestyle-view {
display: block;
}
.sheet-switch-list-check:checked ~ * .sheet-skills-checklist {
.sheet-switch-list-check:checked ~ * .sheet-checklist-view {
display: none;
}
@@ -522,9 +537,22 @@ label.sheet-switch.sheet-edit-play {
}
/* Play mode: hide all checkboxes and remove left margin */
.sheet-switch-edit-play:checked ~ * .sheet-checklist label {
.sheet-switch-edit-play:checked ~ * .sheet-checklist label {
margin: 0;
}
.sheet-switch-edit-play:checked ~ * .sheet-checklist .sheet-skill-label {
border-bottom: 1.5px solid black;
width: 100%;
}
.sheet-switch-edit-play:checked ~ * .sheet-profession-priest .sheet-skill-label,
.sheet-switch-edit-play:checked ~ * .sheet-profession-magicuser .sheet-skill-label {
border-bottom: none;
}
.sheet-switch-edit-play:checked ~ * .sheet-checklist .sheet-skill-label + .sheet-spell-slots-row {
margin: 0;
border-bottom: 1.5px solid black;
width: 100%;
}
.sheet-switch-edit-play:checked ~ * .sheet-skill-set input {
display: none;
}
@@ -589,9 +617,9 @@ input.sheet-skill-checkbox {
max-width: inherit;
}
.sheet-profession-bonus-spells {
/* .sheet-profession-bonus-spells {
margin: 20px 0;
}
} */
.sheet-prof-level-2 {
margin-left: 26px;
@@ -690,4 +718,6 @@ input[type="checkbox"].sheet-skill-checkbox:checked ~ .sheet-prof-level-2 .sheet
/* END Form Elements */
/* Misc. */
+93 -48
View File
@@ -7,7 +7,29 @@
<!-- Hidden Values -->
<input type='hidden' class='profession-select' name='attr_profession' value='Warrior' />
<h2 class="title"><span class="underline">Empire of the Petal Throne</span>: Character Reference Sheet</h2>
<input type="checkbox" class="switch-list-check" name="attr_lists_checkboxes_switch" value="1" />
<div class="sticky-header grid-16">
<span class="flex-row grid-16-span-10">
<h2 class="title"><span class="underline">Empire of the Petal Throne</span>: Character Reference Sheet</h2>
</span>
<span class="flex-row grid-16-span-6">
<label class="switch list-check">
<input type="checkbox" class="switch-list-check" name="attr_lists_checkboxes_switch" value="1">
<div class="slider round">
<span class="on">Freestyle</span>
<span class="off">Checkboxes</span>
</div>
</label>
<label class="switch edit-play">
<input type="checkbox" class="switch-edit-play" name="attr_play_edit_switch" value="1">
<div class="slider round">
<span class="on">Play</span>
<span class="off">Edit</span>
</div>
</label>
</span>
</div>
<!-- Characteristics Section -->
<div class="section grid-16">
@@ -206,22 +228,6 @@
<div class="grid-16">
<span class="flex-row grid-16-span-16">
<label class="label" data-i18n="skills-u">Skills</label>
<label class="switch list-check">
<input type="checkbox" class="switch-list-check" name="attr_lists_checkboxes_switch" value="1">
<div class="slider round">
<span class="on">Lists</span>
<span class="off">Checkboxes</span>
</div>
</label>
<label class="switch edit-play">
<input type="checkbox" class="switch-edit-play" name="attr_play_edit_switch" value="1">
<div class="slider round">
<span class="on">Play</span>
<span class="off">Edit</span>
</div>
</label>
</span>
</div>
@@ -237,7 +243,7 @@
<input type="checkbox" class="switch-edit-play" name="attr_play_edit_switch" value="1" />
<div class="grid-16">
<div class="plebian skills-checklist grid-16-span-4">
<div class="plebian checklist-view grid-16-span-3">
<label class="flex-row label" data-i18n="plebian-u">Group I: Plebian</label>
<div class="checklist">
<div class="skill-set">
@@ -343,7 +349,7 @@
</div>
</div>
<div class="skilled skills-checklist grid-16-span-4">
<div class="skilled checklist-view grid-16-span-3">
<label class="flex-row label" data-i18n="skilled-u">Group II: Skilled</label>
<div class="checklist">
<div class="skill-set">
@@ -405,7 +411,7 @@
</div>
</div>
<div class="noble skills-checklist grid-16-span-4">
<div class="noble checklist-view grid-16-span-3">
<label class="flex-row label" data-i18n="noble-u">Group III: Noble</label>
<div class="checklist">
<div class="skill-set">
@@ -479,7 +485,7 @@
</div>
</div>
<div class="professional skills-checklist grid-16-span-4">
<div class="professional checklist-view grid-16-span-4">
<div class="prof-skill-select flex-row">
<span class="flex-row label-prof"><label class="label" data-i18n="prof-u">Prof.:</label>
<label class="label label-profession-warrior" data-i18n="professional-warrior-u">: Warrior</label>
@@ -761,7 +767,7 @@
</span>
</div>
<div class="skill-set">
<input class="skill-checkbox" type="checkbox" name="attr_skill-the-grey-hand" value="yes" />
<input class="skill-checkbox" type="checkbox" name="attr_skill-control-underground-creatures" value="yes" />
<label class="skill-label" data-i18n="control-underworld-u">Control Underworld Creature</label>
<span class="flex-row prof-level-2 spell-slots-row skill-set">
<input class="spell-slot" type="checkbox" name="attr_spell-splot-mu10-1"/>
@@ -782,7 +788,9 @@
</div>
</div>
</div>
</div>
<div class="professional checklist-view grid-16-span-3">
<div class="profession-bonus-spells">
<label class="label" data-i18n="bonus-spells-u">Bonus Spells</label>
<div class="checklist">
@@ -865,40 +873,43 @@
</div>
</div>
<div class="plebian skills-simple-list grid-16-span-4">
<div class="plebian freestyle-view grid-16-span-3">
<div class="profession-plebian_skills">
<label data-i18n="plebian-u">Group I: Plebian</label>
<label class="flex-row label" data-i18n="plebian-u">Group I: Plebian</label>
<fieldset class="flex-row repeating_plebianskills">
<input class="fill" type="text" name="attr_plebianskill" />
</fieldset>
</div>
</div>
<div class="plebian skills-simple-list grid-16-span-4">
<div class="plebian freestyle-view grid-16-span-3">
<div class="profession-plebian_skills">
<label data-i18n="skilled-u">Group II: Skilled</label>
<label class="flex-row label" data-i18n="skilled-u">Group II: Skilled</label>
<fieldset class="flex-row repeating_skilledskills">
<input class="fill" type="text" name="attr_skilledskill" />
</fieldset>
</div>
</div>
<div class="plebian skills-simple-list grid-16-span-4">
<div class="plebian freestyle-view grid-16-span-3">
<div class="profession-plebian_skills">
<label data-i18n="noble-u">Group III: Noble</label>
<label class="flex-row label" data-i18n="noble-u">Group III: Noble</label>
<fieldset class="flex-row repeating_nobleskills">
<input class="fill" type="text" name="attr_nobleskill" />
</fieldset>
</div>
</div>
<div class="plebian skills-simple-list grid-16-span-4">
<div class="plebian freestyle-view grid-16-span-4">
<div class="profession-plebian_skills">
<label data-i18n="professional-u">Professional</label>
<label class="flex-row label-prof" data-i18n="professional-u">Professional</label>
<fieldset class="flex-row repeating_professionalskills">
<input class="fill" type="text" name="attr_professionalskill" />
</fieldset>
</div>
</div>
<div class="plebian freestyle-view grid-16-span-3">
<div class="profession-bonus-spellslist">
<label class="label" data-i18n="bonus-spells-u">Bonus Spells</label>
<fieldset class="flex-row repeating_bonusspellslist">
@@ -914,7 +925,8 @@
<!-- Property Section -->
<div class="property section">
<div class="flex-row grid-16-span-16 label"><label data-i18n="property-u">Prperty</label></div>
<div class="grid-16 property-labels">
<div class="checklist-view">
<div class="grid-16 property-labels">
<span class="flex-row grid-16-span-5"><label class="" data-i18n="item-u">Item</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="acbonus-u">+/-<br />AC</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="tohitbonus-u">+/- To&nbsp;Hit</label></span>
@@ -926,24 +938,57 @@
<span class="flex-row grid-16-span-1"><label class="" data-i18n="worn-u">Worn/ Carried</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="wieghtcap-u">Wgt. Cap.</label></span>
<span class="flex-row grid-16-span-2"><label class="" data-i18n="location-u">Location</label></span>
</div>
<fieldset class="repeating_property">
<div class="grid-16">
<input class="flex-row grid-16-span-5" type="text" name="attr_item_name" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_ac_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_hit_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_damage_bonus" />
<input class="flex-row grid-16-span-2 center" type="text" name="attr_item_damage" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_item_weight" />
<input class="flex-row grid-16-span-1 right" type="number" name="attr_item_number" value="1" />
<!-- <input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_total" /> -->
<!-- <span class="flex-row grid-16-span-1 worker right" name="attr_weight_total"></span> -->
<input class="flex-row grid-16-span-1" type="checkbox" name="attr_item_worn" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_cap" />
<input class="flex-row grid-16-span-2" type="text" name="attr_item_location" />
</div>
</fieldset>
<!-- <span class="colheading">Note: Weight is per item.</span> -->
<fieldset class="repeating_property">
<div class="grid-16">
<input class="flex-row grid-16-span-5" type="text" name="attr_item_name" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_ac_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_hit_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_damage_bonus" />
<input class="flex-row grid-16-span-2 center" type="text" name="attr_item_damage" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_item_weight" />
<input class="flex-row grid-16-span-1 right" type="number" name="attr_item_number" value="1" />
<!-- <input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_total" /> -->
<!-- <span class="flex-row grid-16-span-1 worker right" name="attr_weight_total"></span> -->
<input class="flex-row grid-16-span-1" type="checkbox" name="attr_item_worn" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_cap" />
<input class="flex-row grid-16-span-2" type="text" name="attr_item_location" />
</div>
</fieldset>
<span class="colheading">Note: Weight is per item.</span>
</div>
<div class="freestyle-view">
<div class="grid-16 property-labels">
<span class="flex-row grid-16-span-5"><label class="" data-i18n="item-u">Item</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="acbonus-u">+/-<br />AC</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="tohitbonus-u">+/- To&nbsp;Hit</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="damagebonus-u">+/-&nbsp;Dmg.</label></span>
<span class="flex-row grid-16-span-2"><label class="" data-i18n="damage-u">Damage</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="wieght-u">Wgt. Ea.</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="numberabbr-u">No.</label></span>
<!-- <span class="flex-row grid-16-span-1"><label class="" data-i18n="wieghttotal-u">Wgt. Tot.</label></span> -->
<span class="flex-row grid-16-span-1"><label class="" data-i18n="worn-u">Worn/ Carried</label></span>
<span class="flex-row grid-16-span-1"><label class="" data-i18n="wieghtcap-u">Wgt. Cap.</label></span>
<span class="flex-row grid-16-span-2"><label class="" data-i18n="location-u">Location</label></span>
</div>
<fieldset class="repeating_property">
<div class="grid-16">
<input class="flex-row grid-16-span-5" type="text" name="attr_item_name" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_ac_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_hit_bonus" />
<input class="flex-row grid-16-span-1 nospin" type="number" name="attr_item_damage_bonus" />
<input class="flex-row grid-16-span-2 center" type="text" name="attr_item_damage" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_item_weight" />
<input class="flex-row grid-16-span-1 right" type="number" name="attr_item_number" value="1" />
<!-- <input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_total" /> -->
<!-- <span class="flex-row grid-16-span-1 worker right" name="attr_weight_total"></span> -->
<input class="flex-row grid-16-span-1" type="checkbox" name="attr_item_worn" />
<input class="flex-row grid-16-span-1 nospin right" type="number" name="attr_weight_cap" />
<input class="flex-row grid-16-span-2" type="text" name="attr_item_location" />
</div>
</fieldset>
<span class="colheading">Note: Weight is per item.</span>
</div>
</div> <!-- END Property Section -->
<!-- Misc. Section -->
+4 -4
View File
@@ -142,17 +142,17 @@
"remove-curse-u":"Remove Curse",
"revivify-u":"Revivify",
"professional-magicuser-u":"Magic&nbsp;User",
"control-self-u":"ControlSelf",
"control-self-u":"Control Self",
"illusionist-u":"Illusionist",
"clairaudience-u":"Clairaudience",
"clairvoyance-u":"Clairvoyance",
"telekinesis-u":"Telekinesis",
"astrologer-u":"Astrologer",
"medium-u":"Medium",
"nature-control-u":"NatureControl",
"nature-control-u":"Nature Control",
"necromancer-u":"Necromancer",
"control-underworld-u":"ControlUnderworldCre.",
"the-grey-hand-u":"TheGreyHand",
"control-underworld-u":"Control Underworld Cre.",
"the-grey-hand-u":"The Grey Hand",
"pre-day-u":"/ day",
"bonus-spells-u":"Bonus&nbsp;Spells",
"bonus-spells-groupi-u":"Group I",