Patch 1.0.1.

* Added url to img logo.
* Duplicate classes in style sheet without prefix "sheet-".
* Added ToDo file with future implementations.
* Modified name of tranlation file to translation.json.
This commit is contained in:
javier_marfil_panel
2021-03-21 20:23:52 +01:00
parent 505b6a10ee
commit 9fc305c4a9
4 changed files with 88 additions and 53 deletions
+8
View File
@@ -0,0 +1,8 @@
Futuras implementaciones:
- Cambiar el input number de los t-dice por un contador: https://wiki.roll20.net/CSS_Wizardry#Fill_Radio_Buttons_to_the_Left
- Cambiar los estilos de las templates para que quede más super, con un bocadillo de BANG o similar: https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates
- Cambiar estilos de los select de dados: https://wiki.roll20.net/CSS_Wizardry#Select_Dropdown_Styling y https://wiki.roll20.net/CSS_Wizardry#dicefontd4
- 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.
+73 -35
View File
@@ -4,30 +4,36 @@
width: 850px;
font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.sheet-colrow, .sheet-2colrow, .sheet-3colrow, .sheet-t-die {
.sheet-t-die, .sheet-background-section, .sheet-header,
.t-die, .background-section, .header {
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 {
.sheet-info-t-dice div,
.info-t-dice div {
display: inline-block;
}
.sheet-little-text {
.sheet-little-text,
.little-text {
padding: 0px 5px;
line-height: 1;
font-style: italic;
}
div.sheet-3colrow.sheet-little-text > div.sheet-col {
div.sheet-background-section.sheet-little-text > div.sheet-col,
div.background-section.little-text > div.col {
margin: 0px;
}
.sheet-t-die {
.sheet-t-die,
.t-die {
vertical-align: top;
text-align: center;
margin: 5px 10px;
}
.sheet-t-die > button[type="roll"] {
.sheet-t-die > button[type="roll"],
.t-die > button[type="roll"] {
font-size: 6em;
padding: 30px;
}
@@ -62,12 +68,17 @@ label {
font-weight: normal;
}
.charsheet .sheet-header label,
.charsheet .header label,
.charsheet .sheet-info-t-dice label,
.charsheet .info-t-dice label,
.charsheet label.sheet-subtitle,
.sheet-little-text span.sheet-subtitle {
.charsheet label.subtitle,
.sheet-little-text span.sheet-subtitle,
.little-text span.sheet-subtitle {
font-weight: bold;
}
.sheet-little-text span {
.sheet-little-text span,
.little-text span {
font-size: 0.8em;
}
@@ -78,17 +89,21 @@ input {
display: inline-block;
width: 165px;
}
input.sheet-notes {
input.sheet-notes,
input.notes {
width: 395px;
}
input.sheet-powernotes {
input.sheet-powernotes,
input.powernotes {
width: 470px;
}
select.sheet-dtype {
select.sheet-dtype,
select.dtype {
width: 70px;
}
select.sheet-dtype-skill {
select.sheet-dtype-skill,
select.dtype-skill {
width: 60px;
}
@@ -104,7 +119,8 @@ input[type="hidden"][value=""] + button[type="roll"] {
textarea {
resize: none;
}
textarea.sheet-benefits-limitis {
textarea.sheet-benefits-limitis,
textarea.benefits-limitis {
width: 380px !important;
height: 70px !important;
}
@@ -114,80 +130,102 @@ input:read-only {
}
/* TABLA */
.sheet-div-table {
.sheet-div-table,
.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 {
.sheet-div-row, .sheet-head-row, .sheet-foot-row,
.div-row, .head-row, .foot-row {
display: table-row !important;
}
.sheet-head-row, .sheet-foot-row {
.sheet-head-row, .sheet-foot-row,
.head-row, .foot-row {
color: rgb(255,255,255);
}
.sheet-head-row {
.sheet-head-row,
.head-row {
background-color: rgb(36,63,142);
}
.sheet-div-row {
.sheet-div-row,
.div-row {
background-color: rgb(255,255,255);
}
.sheet-foot-row {
.sheet-foot-row,
.foot-row {
background-color: rgb(169,67,64);
}
.sheet-div-cell {
.sheet-div-cell,
.div-cell {
float: left;
display: table-column;
width: 50px;
border: 1px solid rgb(35,31,32);
}
.sheet-div-cell-big {
.sheet-div-cell-big,
.div-cell-big {
width: 135px;
}
/* sizes */
.sheet-w0 {
.sheet-w0,
.w0 {
width: 0px !important;
}
.sheet-w70 {
.sheet-w70,
.w70 {
width: 70px !important;
}
.sheet-w88 {
.sheet-w88,
.w88 {
width: 88px !important;
}
.sheet-w90 {
.sheet-w90,
.w90 {
width: 90px !important;
}
.sheet-w100 {
.sheet-w100,
.w100 {
width: 100px !important;
}
.sheet-w140 {
.sheet-w140,
.w140 {
width: 140px !important;
}
.sheet-w190 {
.sheet-w190,
.w190 {
width: 190px !important;
}
.sheet-w170 {
.sheet-w170,
.w170 {
width: 170px !important;
}
.sheet-w200 {
.sheet-w200,
.w200 {
width: 200px !important;
}
.sheet-w225 {
.sheet-w225,
.w225 {
width: 225px !important;
}
.sheet-w640 {
.sheet-w640,
.w640 {
width: 640px !important;
}
.sheet-w810 {
.sheet-w810,
.w810 {
width:810px !important;
}
/* margins */
.sheet-mr10 {
.sheet-mr10,
.mr10 {
margin-right: 10px !important;
}
.sheet-mb10 {
.sheet-mb10,
.mb10 {
margin-bottom: 10px !important;
}
+7 -18
View File
@@ -1,17 +1,6 @@
<!--
Futuras implementaciones:
- Cambiar el input number de los t-dice por un contador: https://wiki.roll20.net/CSS_Wizardry#Fill_Radio_Buttons_to_the_Left
- Cambiar los estilos de las templates para que quede más super, con un bocadillo de BANG o similar: https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates
- Cambiar estilos de los select de dados: https://wiki.roll20.net/CSS_Wizardry#Select_Dropdown_Styling y https://wiki.roll20.net/CSS_Wizardry#dicefontd4
- 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.
-->
<div style="text-align:center;">
<!-- <img src="https://i.ibb.co/pX70Zdm/logo.png" /> -->
<img src="./logo.png" />
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Triumphant/logo.png" />
</div>
<div class="2colrow header">
@@ -75,7 +64,7 @@ Futuras implementaciones:
</div>
</div>
<div class="3colrow little-text">
<div class="3colrow background-section little-text">
<div class="col w190">
<h6 data-i18n="otd-options"></h6>
<span data-i18n="otd-tempenhacement"></span><br />
@@ -101,7 +90,7 @@ Futuras implementaciones:
</div>
</div>
<div class="colrow">
<div class="colrow background-section">
<div class="col">
<h2 data-i18n="characteristics"></h2>
@@ -241,7 +230,7 @@ Futuras implementaciones:
</div>
</div>
<div class="colrow">
<div class="colrow background-section">
<div class="col">
<h2 data-i18n="powers"></h2>
@@ -266,7 +255,7 @@ Futuras implementaciones:
</div>
</div>
<div class="2colrow">
<div class="2colrow background-section">
<h2 data-i18n="skills"></h2>
<div class="col">
@@ -491,7 +480,7 @@ Futuras implementaciones:
</div>
</div>
<div class="2colrow">
<div class="2colrow background-section">
<div class="col">
<h2 data-i18n="benefits"></h2>
<textarea name="attr_benefits" class="benefits-limitis" spellcheck="false"></textarea>
@@ -501,7 +490,7 @@ Futuras implementaciones:
<textarea name="attr_drawbacks" class="benefits-limitis" spellcheck="false"></textarea>
</div>
</div>
<div class="colrow">
<div class="colrow background-section">
<div class="col">
<h2 data-i18n="notes-inventory"></h2>
<textarea name="attr_notes" class="w810" spellcheck="false"></textarea>