[urbanheroes sheet] more fields

Additional fields and aesthetical improvement
cleisonsilfer · Jul 23, 2020 · df4e4a2 · df4e4a2
1 parent 2e28b1f
commit df4e4a2
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 3 deletions.
diff --git a/urbanheroes/urbanheroes.css b/urbanheroes/urbanheroes.css
@@ -6,8 +6,8 @@ input[type="text"]{max-width:100%;width:100%; }
 .sheet-section{border: 2px solid #2e3192; padding:20px;border-radius:20px; max-width:100%; margin-top:20px; margin-bottom:50px; width:95%;  box-shadow: 0 0 10px 1px #00aeef;}
 img{max-width:100%;}
 .sheet-blocco{border:1px solid #00aeef; border-radius:5px; padding:10px; width:100%; display:inline-block; vertical-align:top; margin-bottom:20px; box-shadow: 0 0 10px 1px #b4e3fa;}
-.sheet-blocco1_2{width:45%;}
-.sheet-blocco1_3{width:30%;}
+.sheet-blocco1_2{width: calc(50% - 24px);}
+.sheet-blocco1_3{width: calc(33% - 22px);}
 .sheet-blocco1-4{width:20%};
 .sheet-blocco:last-child{margin-bottom:0}
 
@@ -49,7 +49,13 @@ input[type="text"].sheet-shortinput{max-width:30%;width:30%; }
 .sheet-intestazione-lunga.sheet-intestzione-tattica {width:200px;}
 .sheet-intestazione-lunga.sheet-intestzione-descrizione {width:300px;}
 input[type="text"].sheet-tattica-descrizione {width:350px;}
+.charsheet .sheet-contenitore-tattiche .sheet-abilita input.sheet-short {
+    width: 50px;
+}
 
 .sheet-trasporto-container{display:table; table-layout:fixed;}
 .sheet-singolo-trasporto{display:table-cell; padding:10px;}
-.sheet-singolo-trasporto label {height:36px;}
+.sheet-singolo-trasporto label {height:36px;font-size: 1em; }
+
+
+.sheet-short-label{width:100px; font-weight:bold;font-size: 1em; display: inline-block;}
diff --git a/urbanheroes/urbanheroes.html b/urbanheroes/urbanheroes.html
@@ -86,6 +86,24 @@
 			<label class="etichetta">Controllo: </label>
 			<input name="attr_controllo" type="text">
 		</div>
+
+    <div class="caratteristica">
+			<label class="etichetta">Iniziativa: </label>
+			<input name="attr_iniziativa_car" type="text">
+		</div>
+    <div class="caratteristica">
+			<label class="etichetta">Azioni: </label>
+			<input name="attr_azioni_car" type="text">
+		</div>
+    <div class="caratteristica">
+			<label class="etichetta">Risposte: </label>
+			<input name="attr_risposte_car" type="text">
+		</div>
+    <div class="caratteristica">
+			<label class="etichetta">Potenza: </label>
+			<input name="attr_potenza_car" type="text">
+		</div>
+
 		<div class="caratteristica">
 			<label class="etichetta">Psiche:(totale/attuale) </label>
 			<input name="attr_psiche_part" type="text" class="sheet-shortinput"> / <input name="attr_psiche" type="text" class="sheet-shortinput">
@@ -741,6 +759,18 @@ <h2>Armi</h2>
 <div class="section armi">
 	<div class="singolo singola_arma">
 
+		<div class="short_label">Arma</div>
+		<div class="short_label">Dimensioni</div>
+		<div class="short_label">Fuoco</div>
+		<div class="short_label">Danno</div>
+		<div class="short_label">Tipo</div>
+		<div class="short_label">Precisione</div>
+		<div class="short_label">Proiettili</div>
+
+	</div>
+
+  <div class="singolo singola_arma">
+
 		<input name="attr_arma_nome_1" type="text" placeholder="nome" class="short">
 		<input name="attr_arma_dimensione_1" type="text" placeholder="dimensioni" class="short">
 		<input name="attr_arma_fuoco_1" type="text" placeholder="fuoco" class="short">