MidgardVTT-Entwicklung
/
foundry-vtt-system-midgard5
7
0
Fork 0
Code Issues 16 Pull Requests Actions Projects 1 Releases 8 Wiki Activity

Minor Style Changes

This commit is contained in:
Byroks 2023-12-06 16:08:08 +01:00
parent b5cffae778
commit 04a30a70b9
2 changed files with 40 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
source/style/Character-sheet.less
View File

@ -8,12 +8,12 @@
} }
h3 { h3 {
padding: 0.5rem 0.5rem 0.5rem 0.5rem ; padding: 0.5rem 0.5rem 0.5rem 0.5rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
background-color: dimgray; background-color: dimgray;
color: white; color: white;
} }
.sheet.character { .sheet.character {
form { form {
@ -40,7 +40,7 @@
.description { .description {
flex: 0 0 100%; flex: 0 0 100%;
margin: 0; margin: 0;
} }
} }
.sheet-navigation { .sheet-navigation {
@ -68,9 +68,10 @@
table { table {
background-color: beige; background-color: beige;
} }
td, th { td,
th {
padding: 0 0.5rem 0 0.5rem; padding: 0 0.5rem 0 0.5rem;
text-align: left; text-align: left;
@ -83,7 +84,7 @@
text-align: center; text-align: center;
} }
&.attribute{ &.attribute {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
@ -96,16 +97,17 @@
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
width: 50px;
} }
&.title { &.title {
padding: 0.5rem 0.5rem 0.5rem 0.5rem ; padding: 0.5rem 0.5rem 0.5rem 0.5rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
background-color: dimgray; background-color: dimgray;
} }
} }
input.skill { input.skill {
width: 5rem; width: 5rem;
} }
@ -117,7 +119,7 @@
.new-skill { .new-skill {
font-style: italic; font-style: italic;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
color:rgba(255, 255, 255); color: rgba(255, 255, 255);
button { button {
background: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5);
@ -133,7 +135,7 @@
} }
span.spell-process { span.spell-process {
color:rgb(93, 93, 93); color: rgb(93, 93, 93);
font-style: italic; font-style: italic;
} }
@ -183,7 +185,7 @@
} }
.attributes { .attributes {
padding: 0.5rem 0.5rem 0.5rem 0.5rem ; padding: 0.5rem 0.5rem 0.5rem 0.5rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -195,7 +197,7 @@
border: 1px solid @attributeBorderColor; border: 1px solid @attributeBorderColor;
//border-bottom: none; //border-bottom: none;
border-radius: 10; border-radius: 10;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -207,7 +209,7 @@
font-weight: bold; font-weight: bold;
background-color: @attributeBorderColor; background-color: @attributeBorderColor;
color:rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
//font-size: 1.0rem; //font-size: 1.0rem;
height: 2.5rem; height: 2.5rem;
@ -244,4 +246,4 @@
} }
} }
} }
} }

40
templates/sheets/character/main.hbs
View File

@ -4,16 +4,19 @@
<tr height = 5px></tr> <tr height = 5px></tr>
<tr> <tr>
<td style="text-align: left;" colspan="4" rowspan="2"><img style="border: 0px solid black;" src="/systems/midgard5/assets/icons/logo/midgard.webp" alt="Midgard"></td> <td style="text-align: left;" colspan="4" rowspan="2"><img style="border: 0px solid black;" src="/systems/midgard5/assets/icons/logo/midgard.webp" alt="Midgard"></td>
<td></td>
<td colspan="5" style="font-size: x-large; font-weigh: bold;"><input name="name" type="text" value="{{actor.name}}" data-dtype="String" /></td> <td colspan="5" style="font-size: x-large; font-weigh: bold;"><input name="name" type="text" value="{{actor.name}}" data-dtype="String" /></td>
<td style="font-size: x-large; font-weigh: bold; text-align: center; text-align-vertical: middle;" ><div style="border: 2px solid black; border-radius: 10px; background-color: white;">{{data.calc.level}}</div></td> <td style="font-size: x-large; font-weigh: bold; text-align: center; text-align-vertical: middle;" ><div style="border: 2px solid black; border-radius: 10px; background-color: white;">{{data.calc.level}}</div></td>
</tr> </tr>
<tr> <tr>
<td></td>
<td colspan="5"><b>Name</b></td> <td colspan="5"><b>Name</b></td>
<td style="text-align: center;"><b>Grad</b></td> <td style="text-align: center;"><b>Grad</b></td>
</tr> </tr>
<tr height = 10px></tr> <tr height = 10px></tr>
<tr> <tr>
<td rowspan="8" width=128><img style="max-width: 128px; height: 160px; border: 0px solid black;" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" /></td> <td rowspan="8" width=128><img style="max-width: 128px; height: 160px; border: 0px solid black;" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" /></td>
<td></td>
<td colspan="3"> <td colspan="3">
<input list="races" type="search" name="data.info.race" value="{{data.info.race}}" /> <input list="races" type="search" name="data.info.race" value="{{data.info.race}}" />
<datalist id="races"> <datalist id="races">
@ -28,14 +31,15 @@
<td colspan="3"><b><input name="data.info.occupation" type="text" value="{{data.info.occupation}}" data-dtype="String" /></b></td> <td colspan="3"><b><input name="data.info.occupation" type="text" value="{{data.info.occupation}}" data-dtype="String" /></b></td>
</tr> </tr>
<tr> <tr>
<td></td>
<td colspan="3"><b>{{localize "midgard5.race"}}</b></td> <td colspan="3"><b>{{localize "midgard5.race"}}</b></td>
<td colspan="3"><b>{{localize "midgard5.class"}}</b></td> <td colspan="3"><b>{{localize "midgard5.class"}}</b></td>
<td colspan="3"><b>{{localize "midgard5.occupation"}}</b></td> <td colspan="3"><b>{{localize "midgard5.occupation"}}</b></td>
</tr> </tr>
<tr height = 10px></tr> <tr height = 10px></tr>
<tr> <tr>
<td><b>{{localize "midgard5.actor-lp-short"}}</b></td> <td style="text-align: right"><b>{{localize "midgard5.actor-lp-short"}}</b></td>
<td colspan="8"> <td colspan="9">
<div class="health-bar"> <div class="health-bar">
<input name="data.lp.value" type="text" value="{{data.lp.value}}" data-dtype="Number" /> <input name="data.lp.value" type="text" value="{{data.lp.value}}" data-dtype="Number" />
{{#times data.lp.max}} {{#times data.lp.max}}
@ -50,8 +54,8 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td><b>{{localize "midgard5.actor-ap-short"}}</b></td> <td style="text-align: right"><b>{{localize "midgard5.actor-ap-short"}}</b></td>
<td colspan="8"> <td colspan="9">
<div class="health-bar"> <div class="health-bar">
<input name="data.ap.value" type="text" value="{{data.ap.value}}" data-dtype="Number" /> <input name="data.ap.value" type="text" value="{{data.ap.value}}" data-dtype="Number" />
{{#times data.ap.max}} {{#times data.ap.max}}
@ -68,25 +72,27 @@
<tr height = 10px></tr> <tr height = 10px></tr>
<tr> <tr>
<td class="attribute">{{localize "midgard5.actor-st"}}</td> <td class="attribute">{{localize "midgard5.actor-st"}}</td>
<td class="attribute">{{localize "midgard5.actor-ko"}}</td>
<td class="attribute">{{localize "midgard5.actor-au"}}</td>
<td class="attribute">{{localize "midgard5.actor-gs"}}</td> <td class="attribute">{{localize "midgard5.actor-gs"}}</td>
<td class="attribute">{{localize "midgard5.actor-in"}}</td> <td class="attribute">{{localize "midgard5.actor-ko"}}</td>
<td class="attribute">{{localize "midgard5.actor-pa"}}</td>
<td class="attribute">{{localize "midgard5.actor-gw"}}</td> <td class="attribute">{{localize "midgard5.actor-gw"}}</td>
<td class="attribute">{{localize "midgard5.actor-in"}}</td>
<td class="attribute">{{localize "midgard5.actor-zt"}}</td> <td class="attribute">{{localize "midgard5.actor-zt"}}</td>
<td class="attribute">{{localize "midgard5.actor-au"}}</td>
<td class="attribute">{{localize "midgard5.actor-pa"}}</td>
<td class="attribute">{{localize "midgard5.actor-wk"}}</td> <td class="attribute">{{localize "midgard5.actor-wk"}}</td>
<td class="attribute">{{localize "midgard5.actor-git"}}</td>
</tr> </tr>
<tr> <tr>
<td class="attribute-value">{{data.calc.attributes.st.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="st" data-value="{{data.calc.attributes.st.value}}">{{data.calc.attributes.st.value}}</td>
<td class="attribute-value">{{data.calc.attributes.ko.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="gs" data-value="{{data.calc.attributes.gs.value}}">{{data.calc.attributes.gs.value}}</td>
<td class="attribute-value">{{data.calc.attributes.au.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="gw" data-value="{{data.calc.attributes.gw.value}}">{{data.calc.attributes.gw.value}}</td>
<td class="attribute-value">{{data.calc.attributes.gs.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="ko" data-value="{{data.calc.attributes.ko.value}}">{{data.calc.attributes.ko.value}}</td>
<td class="attribute-value">{{data.calc.attributes.in.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="in" data-value="{{data.calc.attributes.in.value}}">{{data.calc.attributes.in.value}}</td>
<td class="attribute-value">{{data.calc.attributes.pa.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="zt" data-value="{{data.calc.attributes.zt.value}}">{{data.calc.attributes.zt.value}}</td>
<td class="attribute-value">{{data.calc.attributes.gw.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="au" data-value="{{data.calc.attributes.au.value}}">{{data.calc.attributes.au.value}}</td>
<td class="attribute-value">{{data.calc.attributes.zt.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="pa" data-value="{{data.calc.attributes.pa.value}}">{{data.calc.attributes.pa.value}}</td>
<td class="attribute-value">{{data.calc.attributes.wk.value}}</td> <td class="attribute-value roll-attribute-button" data-attribute="wk" data-value="{{data.calc.attributes.wk.value}}">{{data.calc.attributes.wk.value}}</td>
<td class="attribute-value roll-attribute-button" data-attribute="git" data-value="{{data.calc.stats.poisonResistance.value}}">{{data.calc.stats.poisonResistance.value}}</td>
</tr> </tr>
<tr height = 5px></tr> <tr height = 5px></tr>
</table> </table>