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:
@@ -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.
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user