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

Eclipse Phase FATE (Transhumanity's FATE) sheet v1.1.1

Browse Source 
Added additional stress boxes for muses and advanced equipment.
This commit is contained in:
Andre Vaillancourt
2021-07-22 01:56:54 -04:00
parent 944ecb8a56
commit 1ad9fd5fac
3 changed files with 73 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Eclipse Phase FATE - Transhumanity's FATE/eclipse-phase_fate.css
+29 -18
View File
@@ -244,7 +244,6 @@ input::-webkit-inner-spin-button {
outline: none;
background-color: var(--col-border-300);
}
.charsheet main textarea:active, .charsheet main textarea:focus-within {
outline: none;
border-color: transparent;
@@ -319,6 +318,7 @@ input[type=checkbox] {
width: 0;
position: absolute;
}
/*===================== Character tabs =======================*/
.tab_character, .tab_records {
display: none;
@@ -326,6 +326,7 @@ input[type=checkbox] {
input.tabselect[value="character"] ~ .tab_character, input.tabselect[value="records"] ~ .tab_records {
display: grid;
}
/*===================== Repeating Field Styling =======================*/
.charsheet .repcontainer.editmode .itemcontrol {
background-color: none;
@@ -367,12 +368,14 @@ input.tabselect[value="character"] ~ .tab_character, input.tabselect[value="reco
.bignumber h1 {
font-size: 12px;
}
/*===================== Stunt =======================*/
.stuntContainer {
display: flex;
position: relative;
flex-wrap: wrap;
}
/*===================== Sections =======================*/
.section {
border: 2px solid var(--col-border-700);
@@ -547,6 +550,7 @@ header h1 {
margin: 2px;
width: calc(100% - 2px);
}
/*===================== Stress =======================*/
.stress h1 {
font-size: 16px;
@@ -555,7 +559,6 @@ header h1 {
.stress {
display: grid;
}
.extra .stress_container {
display: flex;
justify-content: space-between;
@@ -638,6 +641,24 @@ label.optional input[type=checkbox]:checked + span {
-webkit-background-clip: text;
background-clip: text;
}
/*===================== Muse =======================*/
.muse .stress *:first-child {
grid-column-start: 2;
}
.muse h1 {
font-size: 19px;
}
.muse .stress {
grid-template-columns: 1fr auto auto auto auto 1fr;
}
.muse .stress label.optional {
transform: translate(calc(0%), calc(0%))
}
.muse .stress label:nth-of-type(3) {
grid-column-start: 4;
}
/*===================== Consequences =======================*/
.consequences {
display: grid;
@@ -664,6 +685,7 @@ label.optional input[type=checkbox]:checked + span {
.consequences input {
height: min-content !important;
}
/*===================== Skills =======================*/
.skills .repcontainer {
display: grid;
@@ -723,18 +745,6 @@ label.optional input[type=checkbox]:checked + span {
color: var(--txt-medium-100);
}
/*===================== Muse =======================*/
.muse .stress *:first-child {
grid-column-start: 3;
}
.muse h1 {
font-size: 19px;
}
.muse .stress {
grid-template-columns: 1fr auto auto 1fr;
}
/*===================== Morphs =======================*/
.morph {
grid-area: morph;
@@ -808,6 +818,7 @@ label.optional input[type=checkbox]:checked + span {
background: var(--col-border-100);
}
/*===================== Devices =======================*/
.deviceViewer {
display: grid;
@@ -819,7 +830,6 @@ label.optional input[type=checkbox]:checked + span {
"durability refresh"
"aspect aspect";
}
.deviceViewer h1 {
grid-column: 1/-1;
}
@@ -838,8 +848,8 @@ label.optional input[type=checkbox]:checked + span {
.deviceViewer .repcontainer, .morphViewer .repcontrol {
grid-column: 1/-1;
}
/*===================== Equipment =======================*/
/*===================== Equipment =======================*/
.equipment .repcontainer {
display: flex;
flex-wrap: wrap;
@@ -864,7 +874,7 @@ label.optional input[type=checkbox]:checked + span {
.equipment .stress {
grid-area: stress;
background: var(--gra-stripe-01);
grid-template-columns: auto auto 1fr;
grid-template-columns: auto auto auto auto 1fr;
padding-left: 1rem;
}
.equipment .aspects {
@@ -882,6 +892,7 @@ label.optional input[type=checkbox]:checked + span {
flex: 1;
margin: 0;
}
/*===================== Extras =======================*/
.extras {
display: flex;
@@ -891,8 +902,8 @@ label.optional input[type=checkbox]:checked + span {
flex: 1;
min-height: 6em;
}
/*===================== Records =======================*/
/*===================== Records =======================*/
.tab_records {
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
Eclipse Phase FATE - Transhumanity's FATE/eclipse-phase_fate.html
+43 -23
View File
@@ -1,6 +1,6 @@
<!-- Eclipse Phase: Transhumanity's FATE character sheet -->
<!-- Designed by Richard Tran, medieve@gmail.com, 2021 -->
<!-- Sheet v1.1 26:00hrs -->
<!-- Sheet v1.1.1 26:00hrs -->
<main class="wrapper">
<header>
@@ -193,22 +193,22 @@
<div class="physical-stress stress">
<h1>Physical Stress</h1>
<label>
<input type="checkbox" class="shapedLabel" name="attr_physStress-1">
<input type="checkbox" class="shapedLabel" name="attr_physStress-1"/>
<span>&#11042;</span>
<h3>1</h3>
</label>
<label>
<input type="checkbox" class="shapedLabel" name="attr_physStress-2">
<input type="checkbox" class="shapedLabel" name="attr_physStress-2"/>
<span>&#11042;</span>
<h3>2</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel" name="attr_physStress-3">
<input type="checkbox" class="shapedLabel" name="attr_physStress-3"/>
<span>&#11042;</span>
<h3>3</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel" name="attr_physStress-4">
<input type="checkbox" class="shapedLabel" name="attr_physStress-4"/>
<span>&#11042;</span>
<h3>4</h3>
</label>
@@ -216,22 +216,22 @@
<div class="mental-stress stress">
<h1>Mental Stress</h1>
<label>
<input type="checkbox" class="shapedLabel" name="attr_menStress-1">
<input type="checkbox" class="shapedLabel" name="attr_menStress-1"/>
<span>&#11042;</span>
<h3>1</h3>
</label>
<label>
<input type="checkbox" class="shapedLabel" name="attr_menStress-2">
<input type="checkbox" class="shapedLabel" name="attr_menStress-2"/>
<span>&#11042;</span>
<h3>2</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel" name="attr_menStress-3">
<input type="checkbox" class="shapedLabel" name="attr_menStress-3"/>
<span>&#11042;</span>
<h3>3</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel" name="attr_menStress-4">
<input type="checkbox" class="shapedLabel" name="attr_menStress-4"/>
<span>&#11042;</span>
<h3>4</h3>
</label>
@@ -262,15 +262,25 @@
</fieldset>
<h2>Muse Stress</h2>
<div class="muse-stress stress">
<label >
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-1">
<span>&#11042;</span>
<h3>1</h3>
<label>
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-1"/>
<span>&#11042;</span>
<h3>1</h3>
</label>
<label>
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-2">
<span>&#11042;</span>
<h3>2</h3>
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-2"/>
<span>&#11042;</span>
<h3>2</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-3"/>
<span>&#11042;</span>
<h3>3</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-4"/>
<span>&#11042;</span>
<h3>4</h3>
</label>
</div>
</div>
@@ -650,15 +660,25 @@
</div>
<div class="stress">
<label >
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress1">
<span>&#11042;</span>
<h3>1</h3>
<label>
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress1"/>
<span>&#11042;</span>
<h3>1</h3>
</label>
<label>
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress2">
<span>&#11042;</span>
<h3>2</h3>
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress2"/>
<span>&#11042;</span>
<h3>2</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress3"/>
<span>&#11042;</span>
<h3>3</h3>
</label>
<label class="optional">
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress4"/>
<span>&#11042;</span>
<h3>4</h3>
</label>
</div>
Eclipse Phase FATE - Transhumanity's FATE/sheet.json
+1 -1
View File
@@ -4,5 +4,5 @@
"authors": "Richard Tran (Medieve), cypher",
"roll20userid": "23472",
"preview": "eclipse-phase_fate.png",
"instructions": "**Eclipse Phase: Transhumanity's FATE Character Sheet**\nv1.1"
"instructions": "**Eclipse Phase: Transhumanity's FATE Character Sheet**\nv1.1.1"
}