Merge pull request #7996 from Tealk/ButterflyAspect

[Butterfly Aspect] new mage rules
This commit is contained in:
Miguel Peres
2021-01-04 09:47:00 -03:00
committed by GitHub
3 changed files with 399 additions and 349 deletions
File diff suppressed because one or more lines are too long
+67 -59
View File
@@ -19,33 +19,17 @@
<div class="sheet-float sheet-head-info-boxes">
<div class="sheet-formular">
<label for="attr_character_name">Charaktername</label>
<input class="sheet-bottomspace" type="text" name="attr_character_name" />
<input type="text" name="attr_character_name" />
</div>
<div class="sheet-formular">
<label for="attr_character_description">Beschreibung</label>
<textarea name="attr_character_description" style="height: 102px;"></textarea>
</div>
</div>
<div class="sheet-float sheet-head-info-sideboxes">
<div class="sheet-formular">
<button type="roll" class="sheet-small-button" name="roll_schicksalRoll"
value="Die Gruppe hat jetzt noch [[@{schicksal} ?{Modifier?|+/-}]] Schicksalspunkte">Schicksal</button>
<input type="number" name="attr_schicksal" value="4" class="sheet-number-20" />
</div>
<div class="sheet-formular">
<label for="attr_exp">EXP</label>
<input type="number" name="attr_exp" value="0" class="sheet-number-20" />
</div>
<div class="sheet-formular">
<button type="roll" class="sheet-small-button" name="roll_schicksalRoll"
value="/w gm @{character_name} stellt sich dem Karma: [[1d10cf<@{karma}]]">Karma</button>
<input type="number" name="attr_karma" value="0" class="sheet-number-20" />
</div>
</div>
<div class="sheet-head-stats">
<div class="sheet-formular">
<label for="attr_leben">Leben</label>
<div class="sheet-head-stats-health">
<div class="sheet-health">
<input type="number" class="sheet-number-20" name="attr_leben" placeholder="Aktuell" /> / <input
type="number" class="sheet-number-20" name="attr_leben_max" readonly />
</div>
@@ -56,11 +40,9 @@
readonly />
</div>
<div class="sheet-formular">
<label for="attr_bewegung">Mana</label>
<div class="sheet-head-stats-mana">
<input type="number" class="sheet-number-20" name="attr_mana" placeholder="Aktuell" /> / <input
type="number" class="sheet-number-20" name="attr_mana_max" readonly />
</div>
<button type="roll" class="sheet-small-button" name="roll_schicksalRoll"
value="Die Gruppe hat jetzt noch [[@{schicksal} ?{Modifier?|+/-}]] Schicksalspunkte">Schicksal</button>
<input type="number" name="attr_schicksal" value="4" class="sheet-number-20" />
</div>
</div>
</div>
@@ -68,7 +50,7 @@
<div class="sheet-break"></div>
<div class="sheet-float sheet-half sheet-attribut">
<div class="sheet-float sheet-attribut">
<div class="sheet-header">
<span>Attribute</span>
</div>
@@ -116,19 +98,6 @@
</div>
</div>
<div class="sheet-float sheet-half sheet-aspects">
<div class="sheet-header">
<span>Aspekte</span>
</div>
<input type="text" name="attr_aspekt1" />
<input type="text" name="attr_aspekt2" />
<input type="text" name="attr_aspekt3" />
<input type="text" name="attr_aspekt4" />
<fieldset class="repeating_aspekte">
<input type="text" name="attr_aspekt" />
</fieldset>
</div>
<div class="sheet-break"></div>
<div class="sheet-float sheet-full sheet-skills">
@@ -154,8 +123,8 @@
<div><input type="number" name="attr_ansehen_mod" value="0"></div>
<div>-</div>
<div><button type="roll" name="roll_statikskill1"
value="@{abilityroll} würfelt auf @{ansehen_name} mit dem Ergebnis [[{1d10! + @{ansehen} + @{ansehen_mod} + ?{Modifier?|0},{(@{ansehen} + 1) * 10}}kl1]]"
class="btn ui-draggable"></button></div>
value="@{abilityroll} würfelt auf @{ansehen_name} mit dem Ergebnis [[{1d10! + @{ansehen} + @{ansehen_mod} + ?{Modifier?|0},{(@{ansehen} + 1) * 10}}kl1]]"></button>
</div>
</div>
</div>
@@ -168,8 +137,8 @@
<div><input type="number" name="attr_vermoegen_mod" value="0"></div>
<div>-</div>
<div><button type="roll" name="roll_vermoegen"
value="@{abilityroll} würfelt auf @{vermoegen_name} mit dem Ergebnis [[{1d10! + @{vermoegen} + @{vermoegen_mod} + ?{Modifier?|0},{(@{vermoegen} + 1) * 10}}kl1]]"
class="btn ui-draggable"></button></div>
value="@{abilityroll} würfelt auf @{vermoegen_name} mit dem Ergebnis [[{1d10! + @{vermoegen} + @{vermoegen_mod} + ?{Modifier?|0},{(@{vermoegen} + 1) * 10}}kl1]]"></button>
</div>
</div>
</div>
@@ -224,8 +193,7 @@
<div><input type="number" name="attr_weaponskill_mod" value="0"></div>
<div><input type="number" name="attr_weapondmg" value="0"></div>
<div><button type="roll" name="roll_skill"
value="@{abilityroll} benutzt @{weaponname} mit dem Ergebnis [[{@{attribut}d10! + @{weaponskill} + @{weaponskill_mod} + ?{Modifier?|0},{(@{weaponskill} + 1) * 10}}kl1]] und einem Waffenschaden von [[@{weapondmg}]]"
class="btn ui-draggable"></button>
value="@{abilityroll} benutzt @{weaponname} mit dem Ergebnis [[{@{attribut}d10! + @{weaponskill} + @{weaponskill_mod} + ?{Modifier?|0},{(@{weaponskill} + 1) * 10}}kl1]] und einem Waffenschaden von [[@{weapondmg}]]"></button>
</div>
</fieldset>
</div>
@@ -233,6 +201,41 @@
<div class="sheet-break"></div>
<div class="sheet-float sheet-full sheet-mage">
<div class="sheet-header">
<span>Magie</span>
</div>
<div class="sheet-grid">
<div>Zauber</div>
<div>Beschreibung</div>
<div>Mysterien</div>
<div>Wied.</div>
<div>Roll</div>
</div>
<div class="sheet-gridplace">
<fieldset class="repeating_spells">
<div><input class="sheet-textcenter" type="text" name="attr_spellname"></div>
<div><input class="sheet-textcenter" type="text" name="attr_spelldesc"></div>
<div><input type="number" name="attr_spellskill" value="0"></div>
<div><input type="number" name="attr_spellwied" value="0"></div>
<div><button type="roll" name="roll_spell"
value="@{abilityroll} nutzt @{spellname} mit dem Ergebnis [[({@{in}d10! + @{spellskill} + ?{Modifier?|0},{(@{spellskill} + 1) * 10}}kl1)]]/[[@{spellwied} + ?{Aufrechterhaltene Zauber?|0} * 2]]"></button>
</div>
</fieldset>
</div>
</div>
<div class="sheet-break"></div>
<div class="sheet-float sheet-half sheet-aspects">
<div class="sheet-header">
<span>Aspekte</span>
</div>
<fieldset class="repeating_aspekte">
<input type="text" name="attr_aspekt" />
</fieldset>
</div>
<div class="sheet-float sheet-half sheet-stunts">
<div class="sheet-header">
<span>Stunts</span>
@@ -247,6 +250,8 @@
</fieldset>
</div>
<div class="sheet-break"></div>
<div class="sheet-float sheet-half sheet-inventar">
<div class="sheet-header">
<span>Inventar</span>
@@ -261,12 +266,28 @@
<input class="sheet-options-flag" name="attr_options-flag" type="checkbox"
title="Show/hide options"><span>y</span>
<input type="text" name="attr_name" placeholder="Gegenstand" />
<input type="text" name="attr_wight" placeholder="Gewicht" />
<input type="text" name="attr_costs" placeholder="Anzahl" />
<input type="number" name="attr_wight" placeholder="Kosten" />
<input type="number" name="attr_costs" placeholder="Anzahl" />
<textarea name="attr_description" placeholder="Beschreibung"></textarea>
</div>
</fieldset>
</div>
<div class="sheet-float sheet-half sheet-notes">
<div class="sheet-header">
<span>Notizen</span>
</div>
<fieldset class="repeating_notes">
<div class="sheet-repeat-notes sheet-notes-row">
<input class="sheet-options-flag" name="attr_options-flag" type="checkbox"
title="Show/hide options"><span>y</span>
<input type="text" name="attr_title" placeholder="Titel" />
<textarea name="attr_body" placeholder="Inhalt"></textarea>
</div>
</fieldset>
</div>
<div class="sheet-break"></div>
<div class="sheet-float sheet-full sheet-xp">
@@ -278,7 +299,7 @@
<div class="sheet-formular">
<label for="attr_XPtoSpend">Verfügbare EP</label>
<input type="number" class="sheet-number-20" name="attr_XPtoSpend" value="@{XPTotal} - @{XPSpent}"
disabled />
disabled style="cursor: not-allowed;" />
</div>
<div class="sheet-formular">
<label for="attr_XPSpent">Ausgegebene EP</label>
@@ -315,19 +336,6 @@
</div>
<div class="sheet-break"></div>
<div class="sheet-float sheet-full sheet-notes">
<div class="sheet-header">
<span>Notizen</span>
</div>
<fieldset class="repeating_notes">
<div class="sheet-options sheet-notes-row">
<input type="text" name="attr_title" placeholder="Titel" />
<textarea name="attr_body" placeholder="Inhalt"></textarea>
</div>
</fieldset>
</div>
</div>
+331 -289
View File
@@ -1,35 +1,8 @@
input {
background : transparent;
width : 100%;
border : 1px solid #ddd;
border-radius: 3px;
}
input[type=number] {
text-align : center;
-moz-appearance : textfield;
-webkit-appearance: textfield;
}
textarea {
margin : 0;
width : 100%;
height : 65px;
resize : vertical;
box-sizing : border-box;
border : 1px solid #ddd;
border-radius: 3px;
}
label {
width: auto;
}
.sheet-container {
width: 850px;
button[type="roll"] {
width : 100%;
width : auto;
height : 24px;
padding : 0;
margin : 0;
@@ -42,11 +15,6 @@ label {
-moz-box-sizing : border-box;
-webkit-box-sizing : border-box;
&:hover {
background: black;
color : white;
}
label {
line-height: 24px;
font-size : 13px;
@@ -62,6 +30,33 @@ label {
}
}
input {
background : transparent;
width : 100%;
border : 1px solid #ddd;
border-radius: 3px;
}
input[type=number] {
text-align : center;
-moz-appearance : textfield;
-webkit-appearance: textfield;
}
textarea {
margin : 0;
width : 100%;
height : 65px;
resize : vertical;
box-sizing : border-box;
border : 1px solid #ddd;
border-radius: 3px;
}
label {
width: auto;
}
.sheet-options-flag,
.sheet-options-flag+span {
position: absolute;
@@ -96,6 +91,225 @@ label {
}
}
.sheet-number-20 {
font-size: 20px;
}
.sheet-float {
float : left;
box-sizing : border-box;
width : 100%;
margin : 4px 0;
padding-right: 5px;
}
.sheet-full {
min-width: 100%;
}
.sheet-threequarters {
max-width: 75%;
}
.sheet-half {
max-width: 50%;
}
.sheet-quarter {
max-width: 25%;
}
.sheet-break {
clear: both;
}
.sheet-textcenter {
text-align: center;
}
.sheet-formular {
padding : 9px;
margin-top : 15px;
border : 1px solid #ddd;
border-radius: 3px;
label {
display : block;
float : left;
height : 20px;
margin-top : -19px;
margin-bottom: 0px;
background : #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
font-weight : normal;
}
input {
box-sizing: border-box;
border : 0;
}
}
.sheet-header {
margin-bottom : 4px;
padding : 2px 8px;
background : black;
color : white;
font-weight : bold;
border-top-left-radius : 10px;
border-bottom-right-radius: 10px;
span {
text-transform: uppercase;
}
}
.sheet-head {
.sheet-head-logo {
width : 200px;
vertical-align: middle;
}
.sheet-logo {
height: 200px;
}
.sheet-gmroll {
text-align: center;
select {
width: -webkit-fill-available;
width: -moz-available;
}
}
.sheet-head-info {
width: calc(100% - 200px);
.sheet-head-info-boxes {
width: 100%;
>div {
&:first-child {
height: 36px;
}
}
input {
width : 100%;
box-sizing: border-box;
}
textarea {
height: 64px;
border: none;
}
.sheet-formular {
margin-bottom: 5px;
}
}
}
}
.sheet-head-stats {
display : flex;
width : 100%;
justify-content: space-between;
>div {
width : min-content;
height: 36px;
}
input {
max-width : 100px;
float : right;
text-align: center;
}
.sheet-formular {
>input {
width: -webkit-fill-available;
width: -moz-available;
}
}
button {
display : block;
float : left;
margin-top : -21px;
background : #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
border : 1px solid #ddd;
border-radius: 3px;
}
button[type="roll"] {
&:before {
content: "";
display: none;
}
}
.sheet-health {
display : flex;
width : max-content;
font-size: x-large;
input {
max-width: 80px;
}
}
}
.sheet-attribut {
display: inherit;
.sheet-attribut-stats {
display : flex;
width : 100%;
justify-content: space-evenly;
flex-flow : row wrap;
.sheet-formular {
width : 21%;
height: 56px;
}
input {
width : -webkit-fill-available;
width : -moz-available;
text-align: center;
}
button {
display : block;
float : left;
margin-top : -21px;
background : #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
border : 1px solid #ddd;
border-radius: 3px;
}
button[type="roll"] {
&:before {
content: "";
display: none;
}
}
}
}
.sheet-skills {
display: inherit;
@@ -193,283 +407,103 @@ label {
}
}
.sheet-number-20 {
font-size: 20px;
}
.sheet-float {
float : left;
box-sizing : border-box;
width : 100%;
margin : 4px 0;
padding-right: 5px;
}
.sheet-full {
min-width: 100%;
}
.sheet-threequarters {
max-width: 75%;
}
.sheet-half {
max-width: 50%;
}
.sheet-quarter {
max-width: 25%;
}
.sheet-textcenter {
text-align: center;
}
.sheet-bottomspace {
margin-bottom: 5px;
}
.sheet-formular {
padding : 9px;
margin-top : 15px;
border : 1px solid #ddd;
border-radius: 3px;
label {
display : block;
float : left;
height : 20px;
margin-top : -19px;
margin-bottom: 0px;
background : #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
font-weight : normal;
}
.sheet-mage {
display: inherit;
input {
box-sizing: border-box;
border : 0;
}
}
.sheet-header {
margin-bottom : 4px;
padding : 2px 8px;
background : black;
color : white;
font-weight : bold;
border-top-left-radius : 10px;
border-bottom-right-radius: 10px;
span {
text-transform: uppercase;
}
}
.sheet-head-logo {
width : 200px;
vertical-align: middle;
}
.sheet-logo {
height: 200px;
}
.sheet-gmroll {
text-align: center;
select {
width: -webkit-fill-available;
width: -moz-available;
}
}
.sheet-schicksal {
text-align: center;
.sheet-bspace {
padding-bottom: 2px;
}
.sheet-input {
height : 100%;
margin : 0;
padding : 0;
-webkit-appearance: none;
-moz-appearance : none;
appearance : none;
border : none;
margin : 0;
height : 100%;
&::after {
display : block;
width : 100%;
height : 100%;
text-align : center;
font-size : 16px;
line-height: normal;
}
}
.sheet-button {
height: 25px;
width : 25px;
&::before {
display: none;
}
}
input {
&:checked {
background-color: black;
color : white;
}
}
}
.sheet-head-info {
width: calc(100% - 200px);
}
.sheet-head-info-boxes {
width : 100%;
max-width: calc(100% - 100px);
>div {
&:first-child {
height: 36px;
}
}
input {
width : 100%;
box-sizing: border-box;
}
textarea {
height: 64px;
border: none;
}
}
.sheet-head-info-sideboxes {
width: 100px;
float: right;
>div {
height: 36px;
}
button {
display : block;
float : left;
margin-top: -21px;
background: #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
border : none;
}
input {
width : -webkit-fill-available;
width : -moz-available;
text-align: center;
select {
border: none;
}
button[type="roll"] {
border: none;
}
&:before {
content: "";
display: none;
.sheet-grid {
display : grid;
grid-template-columns: 155px 460px 75px 75px 55px;
grid-gap : 5px;
height : 40px;
height : inherit;
>div {
background-color: #EEE;
font-weight : bold;
text-align : center;
}
}
}
.sheet-attribut-stats {
display : flex;
width : 100%;
justify-content: space-evenly;
flex-flow : row wrap;
.sheet-gridplace {
.sheet-formular {
width : 26%;
height: 56px;
}
.repcontainer {
input {
width : -webkit-fill-available;
width : -moz-available;
text-align: center;
}
.repitem {
display : grid;
grid-template-columns: 155px 460px 75px 75px 55px;
grid-gap : 5px;
height : 40px;
button {
display : block;
float : left;
margin-top: -21px;
background: #fff;
padding : 2px 5px 2px 5px;
color : #b9b9b9;
border : none;
}
input {
width: -webkit-fill-available;
width: -moz-available;
}
button[type="roll"] {
select {
width: -webkit-fill-available;
width: -moz-available;
}
&:before {
content: "";
display: none;
button {
width: -webkit-fill-available;
width: -moz-available;
}
button.repcontrol_del {
width: auto;
}
div {
margin : auto 0;
text-align: center;
}
}
}
.sheet-repcontainer {
.sheet-repitem {
display : grid;
grid-template-columns: 405px 155px 75px 75px 55px 55px;
grid-gap : 5px;
height : 40px;
input {
width: -webkit-fill-available;
width: -moz-available;
}
select {
width: -webkit-fill-available;
width: -moz-available;
}
button {
width: -webkit-fill-available;
width: -moz-available;
}
div {
margin : auto 0;
text-align: center;
}
}
}
}
}
.sheet-head-stats {
display : flex;
width : 100%;
justify-content: space-between;
>div {
width : min-content;
height: 36px;
}
input {
max-width : 100px;
float : right;
text-align: center;
}
.sheet-formular {
>input {
width: -webkit-fill-available;
width: -moz-available;
}
}
}
.sheet-head-stats-health,
.sheet-head-stats-mana {
display: flex;
width : max-content;
input {
max-width: 80px;
}
}
.sheet-head-stats-bewegung {
display: flex;
width : max-content;
}
.sheet-attribut {
display: inherit;
}
.sheet-aspects {
display: inherit;
}
@@ -504,6 +538,14 @@ label {
}
}
.sheet-notes {
display: inherit;
.sheet-repeat-notes:hover .sheet-options-flag+span {
display: block;
}
}
.sheet-xp {
display: inherit;