pc sheet finished

This commit is contained in:
cbkcook
2022-02-14 16:59:39 -05:00
parent d64e24ef80
commit bfa1ef652c
2 changed files with 192 additions and 9 deletions
+117
View File
@@ -1047,6 +1047,123 @@ button.sheet-healingbuttonshort {
}
/* STAVE MAGIC */
.sheet-stavemagic {
grid-area: stavemagic;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 395px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
grid-template-areas:"stavemagictitle"
"stavemagicdetails";
}
.sheet-stavemagictitle {
grid-area: stavemagictitle;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 130px 219px 40px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
}
.sheet-stavemagicdetails {
grid-area: stavemagicdetails;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 395px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
}
.stavemagic-width {
width:395px;
}
input.sheet-stavemagic-inputs{
font-family: 'EB Garamond', serif;
display: inline;
height:30px;
width:279px;
font-size: 1.2em;
color:rgb(236,60,67);
text-transform: uppercase;
}
.sheet-stavemagicdetails input[type=number].sheet-useable-inputs,
.sheet-orbmagicdetails input[type=number].sheet-useable-inputs {
font-family: 'EB Garamond', serif;
color: black;
display: inline;
height:30px;
width:50px;
text-align: center;
font-size: 1.3em;
}
/* ORB MAGIC */
.sheet-orbmagic {
grid-area: orbmagic;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 395px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
grid-template-areas:"orbmagictitle"
"orbmagicdetails";
}
.sheet-orbmagictitle {
grid-area: orbmagictitle;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 224px 125px 40px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
}
.sheet-orbmagicdetails {
grid-area: orbmagicdetails;
align-self: self-start;
font-family: 'EB Garamond', serif;
grid-template-columns: 395px;
display: grid;
grid-gap: 4px;
grid-template-rows: auto;
}
.orbmagic-width {
width:395px;
}
input.sheet-orbmagic-inputs{
font-family: 'EB Garamond', serif;
display: inline;
height:30px;
width:279px;
font-size: 1.2em;
color:rgb(236,60,67);
text-transform: uppercase;
}
+75 -9
View File
@@ -344,10 +344,10 @@
<span> &nbsp; </span>
<input name="attr_speechmagickeyword" class="sheet-speechmagic-inputs" type="text"/>
<span> &nbsp; </span>
<input name="attr_speechmagicspiritcost" class="sheet-useable-inputs" type="number" value="0" />
<input name="attr_speechmagicspiritcost" class="sheet-useable-inputs" type="number" value="1" />
<div class="sheet-auto-expand speechmagic-width" >
<span name="attr_speechmagicdescription"></span>
<textarea spellcheck="false" name="attr_speechmagicdescription" placeholder="spell description"></textarea>
<textarea spellcheck="false" name="attr_speechmagicdescription" placeholder="keyword description"></textarea>
</div>
<div class="col" style="width: 100%; height: 7px;"></div>
</div>
@@ -357,9 +357,6 @@
</div>
</div>
@@ -465,12 +462,81 @@
</div>
<div class="col" style="width: 100%; height: 7px;"></div>
<!--Stave Magic -->
<div class='sheet-stavemagic'>
<div class='sheet-stavemagictitle'>
<label class="sheet-left-label-1" > STAVE MAGIC </label>
<label class="sheet-big-label-table" > ITEM </label>
<label class="sheet-big-label-table" > MATERIAL COST WORTH </label>
<label class="sheet-big-label-table" > SIZE </label>
</div>
<div class='sheet-stavemagicdetails'>
<fieldset class="repeating_stavemagic">
<div class="sheet-stavemagic-row">
<input name="attr_stavemagicname" class="sheet-stavemagic-inputs" type="text"/>
<span> &nbsp; </span>
<input name="attr_stavemagicmaterialcostworth" class="sheet-useable-inputs" type="number" value="0" />
<span> &nbsp; </span>
<input name="attr_stavemagicsize" class="sheet-useable-inputs" type="number" value="2" />
<div class="col" style="width: 100%; height: 4px;"></div>
<div class="sheet-auto-expand stavemagic-width" >
<span name="attr_stavemagicdescription"></span>
<textarea spellcheck="false" name="attr_stavemagicdescription" placeholder="stave description"></textarea>
</div>
<div class="col" style="width: 100%; height: 7px;"></div>
</div>
</fieldset>
</div>
</div>
<div class="col" style="width: 100%; height: 7px;"></div>
<!--Orb Magic -->
<div class='sheet-orbmagic'>
<div class='sheet-orbmagictitle'>
<label class="sheet-left-label-1" > ORB MAGIC </label>
<label class="sheet-big-label-table" > ITEM </label>
<label class="sheet-big-label-table" > SPIRIT COST </label>
<label class="sheet-big-label-table" > SIZE </label>
</div>
<div class='sheet-orbmagicdetails'>
<fieldset class="repeating_orbmagic">
<div class="sheet-orbmagic-row">
<input name="attr_orbmagicname" class="sheet-orbmagic-inputs" type="text"/>
<span> &nbsp; </span>
<input name="attr_orbmagicspiritcost" class="sheet-useable-inputs" type="number" value="2" />
<span> &nbsp; </span>
<input name="attr_orbmagicsize" class="sheet-useable-inputs" type="number" value="1" />
<div class="col" style="width: 100%; height: 4px;"></div>
<div class="sheet-auto-expand orbmagic-width" >
<span name="attr_orbmagicdescription"></span>
<textarea spellcheck="false" name="attr_orbmagicdescription" placeholder="orb description"></textarea>
</div>
<div class="col" style="width: 100%; height: 7px;"></div>
</div>
</fieldset>
</div>
</div>
</div>