Patch 1.0.2.

* Improved css styles.
This commit is contained in:
javier_marfil_panel
2021-04-04 18:20:50 +02:00
parent 7e8de98cca
commit c8253d2762
3 changed files with 149 additions and 187 deletions
+2 -1
View File
@@ -5,4 +5,5 @@ Futuras implementaciones:
- Al cambiar el select principal de las características que se pongan auto los secundarios.
- Agregar titles a los input y selects: title=@{attribute_name}
- Buscar cómo quitar el marcado de críticos y pifias de la template.
- Alinear los input con los select y los buutton roll: se ve bien en las habilidades.
- Alinear los input con los select y los buutton roll: se ve bien en las habilidades.
- Hacer una pestaña para fichas de secuaces.
+97 -130
View File
@@ -1,236 +1,203 @@
/* Generic styles */
.charsheet {
background-color: rgb(35,31,32);
width: 850px;
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.sheet-t-die, .sheet-background-section, .sheet-header,
.t-die, .background-section, .header {
.charsheet .sheet-colrow,
.charsheet .sheet-2colrow,
.charsheet .sheet-3colrow,
.charsheet .header,
.charsheet .t-die {
background: rgb(255,255,255);
background: linear-gradient(167deg, rgba(255,255,255,1) 45%, rgba(29,164,219,1) 60%);
border: 2px solid rgb(36,63,142);
padding: 5px;
margin-bottom: 10px;
}
.sheet-info-t-dice div,
.info-t-dice div {
display: inline-block;
}
.sheet-little-text,
.little-text {
padding: 0px 5px;
line-height: 1;
font-style: italic;
}
div.sheet-background-section.sheet-little-text > div.sheet-col,
div.background-section.little-text > div.col {
margin: 0px;
}
.sheet-t-die,
.t-die {
vertical-align: top;
text-align: center;
margin: 5px 10px;
}
.sheet-t-die > button[type="roll"],
.t-die > button[type="roll"] {
font-size: 6em;
padding: 30px;
}
img {
margin-bottom: 10px;
.charsheet img,
.charsheet input,
.charsheet textarea,
.charsheet select {
margin-bottom: 10px;
}
h2, h6 {
.charsheet h2, h6 {
background: rgb(235,166,142);
border: 2px solid rgb(109,47,87);
position: relative;
left: -15px;
padding-left: 5px;
}
h2 {
.charsheet h2 {
width: 200px;
top: -15px;
font-size: 1.5em;
font-size: 1.5em;
}
h6 {
.charsheet h6 {
width: 190px;
top: -5px;
font-size: 0.9em;
line-height: 1;
margin-bottom: -3px;
}
label {
.charsheet label,
.charsheet input {
display: inline-block;
font-weight: normal;
}
.charsheet label {
font-weight: normal;
.charsheet input:read-only {
cursor: context-menu;
}
.charsheet .sheet-header label,
.charsheet .header label,
.charsheet .sheet-info-t-dice label,
.charsheet .info-t-dice label,
.charsheet label.sheet-subtitle,
.charsheet label.subtitle,
.sheet-little-text span.sheet-subtitle,
.little-text span.sheet-subtitle {
font-weight: bold;
.charsheet textarea {
resize: none;
}
.sheet-little-text span,
.little-text span {
/* Specific styles */
.charsheet .info-t-dice div {
display: inline-block;
}
.charsheet .little-text {
padding: 0px 5px;
line-height: 1;
font-style: italic;
}
.charsheet .little-text > div.sheet-col {
margin: 0px;
}
.charsheet .little-text > div.sheet-col span {
font-size: 0.8em;
}
.charsheet input, .charsheet textarea, .charsheet select {
margin-bottom: 10px;
}
input {
display: inline-block;
width: 165px;
}
input.sheet-notes,
input.notes {
width: 395px;
}
input.sheet-powernotes,
input.powernotes {
width: 470px;
.charsheet .t-die {
vertical-align: top;
text-align: center;
margin: 5px 10px;
}
select.sheet-dtype,
select.dtype {
width: 70px;
}
select.sheet-dtype-skill,
select.dtype-skill {
width: 60px;
.charsheet .t-die > button[type="roll"] {
font-size: 6em;
padding: 30px;
}
button[type="roll"]:not([name="roll_t_die"]) {
margin-top: -5px !important;
.charsheet .header label,
.charsheet .info-t-dice label,
.charsheet label.subtitle,
.charsheet span.subtitle {
font-weight: bold;
}
input[type="hidden"][value="0"] + button[type="roll"],
input[type="hidden"][value=""] + button[type="roll"] {
.charsheet button[type="roll"]:not([name="roll_t_die"]) {
margin-top: -5px !important;
}
.charsheet input[type="hidden"][value="0"] + button[type="roll"],
.charsheet input[type="hidden"][value=""] + button[type="roll"] {
pointer-events: none;
}
textarea {
resize: none;
}
textarea.sheet-benefits-limitis,
textarea.benefits-limitis {
.charsheet textarea.benefits-limitis {
width: 380px !important;
height: 70px !important;
}
input:read-only {
cursor: context-menu;
}
/* TABLA */
.sheet-div-table,
.div-table {
/* Table */
.charsheet > .info-t-dice .div-table {
width: 638px;
border: 1px solid rgb(35,31,32);
text-align: center;
font-size: 1.2em;
}
.sheet-div-row, .sheet-head-row, .sheet-foot-row,
.div-row, .head-row, .foot-row {
.charsheet > .info-t-dice .div-row,
.charsheet > .info-t-dice .head-row,
.charsheet > .info-t-dice .foot-row {
display: table-row !important;
}
.sheet-head-row, .sheet-foot-row,
.head-row, .foot-row {
.charsheet > .info-t-dice .head-row,
.charsheet > .info-t-dice .foot-row {
color: rgb(255,255,255);
}
.sheet-head-row,
.head-row {
.charsheet > .info-t-dice .head-row {
background-color: rgb(36,63,142);
}
.sheet-div-row,
.div-row {
.charsheet > .info-t-dice .div-row {
background-color: rgb(255,255,255);
}
.sheet-foot-row,
.foot-row {
.charsheet > .info-t-dice .foot-row {
background-color: rgb(169,67,64);
}
.sheet-div-cell,
.div-cell {
.charsheet > .info-t-dice .div-cell {
float: left;
display: table-column;
width: 50px;
border: 1px solid rgb(35,31,32);
}
.sheet-div-cell-big,
.div-cell-big {
.charsheet > .info-t-dice .div-cell-big {
width: 135px;
}
/* sizes */
.sheet-w0,
.w0 {
/* Sizes */
.charsheet .w0 {
width: 0px !important;
}
.sheet-w70,
.w70 {
.charsheet .w70 {
width: 70px !important;
}
.sheet-w88,
.w88 {
.charsheet .w88 {
width: 88px !important;
}
.sheet-w90,
.w90 {
.charsheet .w90 {
width: 90px !important;
}
.sheet-w100,
.w100 {
.charsheet .w100 {
width: 100px !important;
}
.sheet-w140,
.w140 {
.charsheet .w140 {
width: 140px !important;
}
.sheet-w190,
.w190 {
.charsheet .w190 {
width: 190px !important;
}
.sheet-w170,
.w170 {
.charsheet .w170 {
width: 170px !important;
}
.sheet-w200,
.w200 {
.charsheet .w200 {
width: 200px !important;
}
.sheet-w225,
.w225 {
.charsheet .w225 {
width: 225px !important;
}
.sheet-w640,
.w640 {
.charsheet .w640 {
width: 640px !important;
}
.sheet-w810,
.w810 {
.charsheet .w810 {
width:810px !important;
}
.charsheet input.notes {
width: 395px;
}
.charsheet input.powernotes {
width: 470px;
}
.charsheet select.die-type {
width: 70px;
}
.charsheet select.die-type-skill {
width: 60px;
}
/* margins */
.sheet-mr10,
.mr10 {
.charsheet .mr10 {
margin-right: 10px !important;
}
.sheet-mb10,
.mb10 {
.charsheet .mb10 {
margin-bottom: 10px !important;
}
/* TEMPLATE */
/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-custom,
.sheet-rolltemplate-triumphant-die {
+50 -56
View File
@@ -3,14 +3,14 @@
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Triumphant/logo.png" />
</div>
<div class="2colrow header">
<div class="col">
<div class="sheet-2colrow header">
<div class="sheet-col">
<label class="w190" data-i18n="superiorid"></label><input type="text" name="attr_character_name" class="w190" spellcheck="false" />
<label class="w190" data-i18n="secretid"></label><input type="text" name="attr_secret_name" class="w190" spellcheck="false" />
<label class="w190" data-i18n="archetype"></label><input type="text" name="attr_archetype" class="w190" spellcheck="false" />
</div>
<div class="col">
<div class="sheet-col">
<label class="w190" data-i18n="powerlevel"></label><select name="attr_powerlevel" class="w190"> <!-- en la misma línea para evitar espacio en blanco -->
<option value="5" data-i18n="streetvigilante"></option>
<option value="4" data-i18n="localhero"></option>
@@ -64,20 +64,20 @@
</div>
</div>
<div class="3colrow background-section little-text">
<div class="col w190">
<div class="sheet-3colrow little-text">
<div class="sheet-col w190">
<h6 data-i18n="otd-options"></h6>
<span data-i18n="otd-tempenhacement"></span><br />
<span data-i18n="otd-templimitremove"></span><br />
<span data-i18n="otd-maxroll"></span><br />
</div>
<div class="col w225">
<div class="sheet-col w225">
<span class="subtitle" data-i18n="otd-result"></span><br />
<span data-i18n="otd-reroll"></span><br />
<span data-i18n="otd-minions"></span><br />
<span data-i18n="otd-nothurt"></span><br />
</div>
<div class="col">
<div class="sheet-col">
<span class="subtitle" data-i18n="otd-noroll"></span><br />
<span data-i18n="otd-recovery"></span><br />
<span data-i18n="otd-powerfull"></span><br />
@@ -90,8 +90,8 @@
</div>
</div>
<div class="colrow background-section">
<div class="col">
<div class="sheet-colrow">
<div class="sheet-col">
<h2 data-i18n="characteristics"></h2>
<label class="subtitle w100" data-i18n="characteristic"></label>
@@ -102,9 +102,7 @@
<br />
<label class="w100" data-i18n="cha-ego"></label>
<select name="attr_ego_max" class="dtype mr10">
<option value="0">0</option>
<option value="1d3">D3</option>
<select name="attr_ego_max" class="die-type mr10">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
@@ -114,7 +112,7 @@
<option value="2d10">DD10</option>
</select>
<select name="attr_ego_current" class="dtype">
<select name="attr_ego_current" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -129,7 +127,7 @@
<input name="attr_ego_current" type="hidden" />
<button type="roll" name="roll_ego_def" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{characteristic}}} {{^{cha-ego}=[[@{ego_current}]]}} {{desc=@{ego_notes}}}" class="mr10"></button>
<select name="attr_ego_def" class="dtype">
<select name="attr_ego_def" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -145,9 +143,7 @@
<input type="text" name="attr_ego_notes" class="notes" spellcheck="false" />
<label class="w100" data-i18n="cha-ref"></label>
<select name="attr_ref_max" class="dtype mr10">
<option value="0">0</option>
<option value="1d3">D3</option>
<select name="attr_ref_max" class="die-type mr10">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
@@ -157,7 +153,7 @@
<option value="2d10">DD10</option>
</select>
<select name="attr_ref_current" class="dtype">
<select name="attr_ref_current" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -171,7 +167,7 @@
<input name="attr_ref_current" type="hidden" />
<button type="roll" name="roll_ref_def" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{characteristic}}} {{^{cha-ref}=[[@{ref_current}]]}} {{desc=@{ref_notes}}}" class="mr10"></button>
<select name="attr_ref_def" class="dtype">
<select name="attr_ref_def" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -187,9 +183,7 @@
<input type="text" name="attr_ref_notes" class="notes" spellcheck="false" />
<label class="w100" data-i18n="cha-hea"></label>
<select name="attr_sal_max" class="dtype mr10">
<option value="0">0</option>
<option value="1d3">D3</option>
<select name="attr_sal_max" class="die-type mr10">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
@@ -199,7 +193,7 @@
<option value="2d10">DD10</option>
</select>
<select name="attr_sal_current" class="dtype">
<select name="attr_sal_current" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -213,7 +207,7 @@
<input name="attr_sal_current" type="hidden" />
<button type="roll" name="roll_sal_def" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{characteristic}}} {{^{cha-hea}=[[@{sal_current}]]}} {{desc=@{sal_notes}}}" class="mr10"></button>
<select name="attr_sal_def" class="dtype">
<select name="attr_sal_def" class="die-type">
<option value="0">0</option>
<option value="1d3">D3</option>
<option value="1d4">D4</option>
@@ -230,8 +224,8 @@
</div>
</div>
<div class="colrow background-section">
<div class="col">
<div class="sheet-colrow">
<div class="sheet-col">
<h2 data-i18n="powers"></h2>
<label class="subtitle w225" data-i18n="power"></label>
@@ -240,7 +234,7 @@
<fieldset class="repeating_powers">
<input type="text" name="attr_powername" class="w225 mr10" spellcheck="false" />
<select name="attr_power" class="dtype">
<select name="attr_power" class="die-type">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
@@ -255,16 +249,16 @@
</div>
</div>
<div class="2colrow background-section">
<div class="sheet-2colrow">
<h2 data-i18n="skills"></h2>
<div class="col">
<div class="sheet-col">
<label class="subtitle w100" data-i18n="skill"></label>
<label class="subtitle w90" data-i18n="die"></label>
<label class="subtitle w100" data-i18n="spec"></label>
<label class="w100" data-i18n="sk-aca"></label>
<select name="attr_sk_aca" class="dtype-skill">
<select name="attr_sk_aca" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -274,7 +268,7 @@
<button type="roll" name="roll_sk_aca_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_aca_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-art"></label>
<select name="attr_sk_art" class="dtype-skill">
<select name="attr_sk_art" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -284,7 +278,7 @@
<button type="roll" name="roll_sk_art_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_art_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-ath"></label>
<select name="attr_sk_ath" class="dtype-skill">
<select name="attr_sk_ath" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -294,7 +288,7 @@
<button type="roll" name="roll_sk_ath_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_ath_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-str"></label>
<select name="attr_sk_str" class="dtype-skill">
<select name="attr_sk_str" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -304,7 +298,7 @@
<button type="roll" name="roll_sk_str_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_str_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-com"></label>
<select name="attr_sk_com" class="dtype-skill">
<select name="attr_sk_com" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -314,7 +308,7 @@
<button type="roll" name="roll_sk_com_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_com_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-veh"></label>
<select name="attr_sk_veh" class="dtype-skill">
<select name="attr_sk_veh" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -324,7 +318,7 @@
<button type="roll" name="roll_sk_veh_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_veh_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-sho"></label>
<select name="attr_sk_sho" class="dtype-skill">
<select name="attr_sk_sho" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -334,7 +328,7 @@
<button type="roll" name="roll_sk_sho_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_sho_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-int"></label>
<select name="attr_sk_int" class="dtype-skill">
<select name="attr_sk_int" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -344,7 +338,7 @@
<button type="roll" name="roll_sk_int_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_int_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-perf"></label>
<select name="attr_sk_perf" class="dtype-skill">
<select name="attr_sk_perf" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -354,7 +348,7 @@
<button type="roll" name="roll_sk_perf_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_perf_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-inv"></label>
<select name="attr_sk_inv" class="dtype-skill">
<select name="attr_sk_inv" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -364,7 +358,7 @@
<button type="roll" name="roll_sk_inv_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_inv_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-lea"></label>
<select name="attr_sk_lea" class="dtype-skill">
<select name="attr_sk_lea" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -374,13 +368,13 @@
<button type="roll" name="roll_sk_lea_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_lea_spec}=[[1d8]]}}" class="mr10"></button>
</div>
<div class="col">
<div class="sheet-col">
<label class="subtitle w100" data-i18n="skill"></label>
<label class="subtitle w90" data-i18n="die"></label>
<label class="subtitle w100" data-i18n="spec"></label>
<label class="w100" data-i18n="sk-fig"></label>
<select name="attr_sk_fig" class="dtype-skill">
<select name="attr_sk_fig" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -390,7 +384,7 @@
<button type="roll" name="roll_sk_fig_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_fig_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-med"></label>
<select name="attr_sk_med" class="dtype-skill">
<select name="attr_sk_med" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -400,7 +394,7 @@
<button type="roll" name="roll_sk_med_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_med_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-wat"></label>
<select name="attr_sk_wat" class="dtype-skill">
<select name="attr_sk_wat" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -410,7 +404,7 @@
<button type="roll" name="roll_sk_wat_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_wat_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-occ"></label>
<select name="attr_sk_occ" class="dtype-skill">
<select name="attr_sk_occ" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -420,7 +414,7 @@
<button type="roll" name="roll_sk_occ_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_occ_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-perc"></label>
<select name="attr_sk_perc" class="dtype-skill">
<select name="attr_sk_perc" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -430,7 +424,7 @@
<button type="roll" name="roll_sk_perc_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_perc_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-air"></label>
<select name="attr_sk_air" class="dtype-skill">
<select name="attr_sk_air" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -440,7 +434,7 @@
<button type="roll" name="roll_sk_air_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_air_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-soc"></label>
<select name="attr_sk_sol" class="dtype-skill">
<select name="attr_sk_sol" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -450,7 +444,7 @@
<button type="roll" name="roll_sk_sol_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_sol_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-sur"></label>
<select name="attr_sk_sur" class="dtype-skill">
<select name="attr_sk_sur" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -460,7 +454,7 @@
<button type="roll" name="roll_sk_sur_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_sur_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-tec"></label>
<select name="attr_sk_tec" class="dtype-skill">
<select name="attr_sk_tec" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -469,7 +463,7 @@
<input name="attr_sk_tec_spec" type="hidden" value="" />
<button type="roll" name="roll_sk_tec_spec" value="&{template:custom} {{title=@{character_name}}} {{subtitle=^{skill}}} {{@{sk_tec_spec}=[[1d8]]}}" class="mr10"></button>
<label class="w100" data-i18n="sk-ani"></label>
<select name="attr_sk_ani" class="dtype-skill">
<select name="attr_sk_ani" class="die-type-skill">
<option value="1d4">D4</option>
<option value="1d6">D6</option>
</select>
@@ -480,18 +474,18 @@
</div>
</div>
<div class="2colrow background-section">
<div class="col">
<div class="sheet-2colrow">
<div class="sheet-col">
<h2 data-i18n="benefits"></h2>
<textarea name="attr_benefits" class="benefits-limitis" spellcheck="false"></textarea>
</div>
<div class="col">
<div class="sheet-col">
<h2 data-i18n="drawbacks"></h2>
<textarea name="attr_drawbacks" class="benefits-limitis" spellcheck="false"></textarea>
</div>
</div>
<div class="colrow background-section">
<div class="col">
<div class="sheet-colrow">
<div class="sheet-col">
<h2 data-i18n="notes-inventory"></h2>
<textarea name="attr_notes" class="w810" spellcheck="false"></textarea>
</div>