From 9fc305c4a9da61d5242efe4c30a2def5d48910bc Mon Sep 17 00:00:00 2001
From: javier_marfil_panel <javier.marfil@panel.es>
Date: Sun, 21 Mar 2021 20:23:52 +0100
Subject: [PATCH] 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.
---
 Triumphant/ToDo.txt                           |   8 ++
 ...nslation-spanish.json => translation.json} |   0
 Triumphant/triumphant_rpg.css                 | 108 ++++++++++++------
 Triumphant/triumphant_rpg.html                |  25 ++--
 4 files changed, 88 insertions(+), 53 deletions(-)
 create mode 100644 Triumphant/ToDo.txt
 rename Triumphant/{translation-spanish.json => translation.json} (100%)

diff --git a/Triumphant/ToDo.txt b/Triumphant/ToDo.txt
new file mode 100644
index 0000000000..ff44008cee
--- /dev/null
+++ b/Triumphant/ToDo.txt
@@ -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.
\ No newline at end of file
diff --git a/Triumphant/translation-spanish.json b/Triumphant/translation.json
similarity index 100%
rename from Triumphant/translation-spanish.json
rename to Triumphant/translation.json
diff --git a/Triumphant/triumphant_rpg.css b/Triumphant/triumphant_rpg.css
index 8c17b5411e..0d506c5e11 100644
--- a/Triumphant/triumphant_rpg.css
+++ b/Triumphant/triumphant_rpg.css
@@ -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;
 }
 
diff --git a/Triumphant/triumphant_rpg.html b/Triumphant/triumphant_rpg.html
index 6ea61913db..996d55ae5e 100644
--- a/Triumphant/triumphant_rpg.html
+++ b/Triumphant/triumphant_rpg.html
@@ -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>