diff --git a/Triumphant/ToDo.txt b/Triumphant/ToDo.txt
index ff44008cee..5f85f5fef3 100644
--- a/Triumphant/ToDo.txt
+++ b/Triumphant/ToDo.txt
@@ -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.
\ No newline at end of file
+- Alinear los input con los select y los buutton roll: se ve bien en las habilidades.
+- Hacer una pestaña para fichas de secuaces.
\ No newline at end of file
diff --git a/Triumphant/triumphant_rpg.css b/Triumphant/triumphant_rpg.css
index 0d506c5e11..03ffc2742b 100644
--- a/Triumphant/triumphant_rpg.css
+++ b/Triumphant/triumphant_rpg.css
@@ -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 {
diff --git a/Triumphant/triumphant_rpg.html b/Triumphant/triumphant_rpg.html
index 996d55ae5e..897a2b6b57 100644
--- a/Triumphant/triumphant_rpg.html
+++ b/Triumphant/triumphant_rpg.html
@@ -3,14 +3,14 @@
-