From dbc82aee6fa2c40074b0a742e34cb409b461cbdb Mon Sep 17 00:00:00 2001
From: Salvador Melo <salmelo16@gmail.com>
Date: Mon, 5 Nov 2018 02:42:04 -0500
Subject: [PATCH] Attributes yo

---
 Scion2e/scion2e.css  |  37 +++++++++++++
 Scion2e/scion2e.html | 125 ++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 161 insertions(+), 1 deletion(-)

diff --git a/Scion2e/scion2e.css b/Scion2e/scion2e.css
index 4d90e1a530..2599cd7254 100644
--- a/Scion2e/scion2e.css
+++ b/Scion2e/scion2e.css
@@ -92,6 +92,7 @@
 
 .sheet-header{
     font-size: x-large;
+    text-align: center;
 }
 
 .sheet-line{
@@ -231,4 +232,40 @@ input.sheet-zero:hover + span::before
 input.sheet-zero + span::before
 {
     opacity: 0;
+}
+
+/* end boxes/radios */
+
+table.sheet-attribute-table {
+    table-layout: fixed;
+    text-align: center;
+    width:100%;
+}
+
+td, th {
+    padding: 0 1em 0 1em;
+}
+
+td:first-child, th:first-child {
+    padding: 0 1em 0 0;
+}
+
+td:last-child, th:last-child {
+    padding: 0 0 0 1em;
+}
+
+table.sheet-attribute-table td>div {
+    display: flex;
+}
+
+table.sheet-attribute-table th:first-child {
+    text-align: right;
+}
+
+table.sheet-attribute-table th {
+    text-align: center;
+}
+
+.sheet-row > .sheet-col {
+    width: 100%;
 }
\ No newline at end of file
diff --git a/Scion2e/scion2e.html b/Scion2e/scion2e.html
index 022314105b..adc57e20d3 100644
--- a/Scion2e/scion2e.html
+++ b/Scion2e/scion2e.html
@@ -17,7 +17,7 @@
         Skills
     </div>
 </div>
-<div class="2colrow">
+<div class="2colrow"> 
     <div class="col">
         <div class="flex-container">
             <label>
@@ -230,4 +230,127 @@
             <input class="normal" type="radio"      name="attr_technology" value="5" /><span></span>
         </div>
     </div>
+</div>
+<div class="row">
+    <div class="col header">Attributes</div>
+</div>
+<div class="row">
+    <div class="col">
+        <table class="attribute-table">
+            <tr>
+                <td style="width: 70px;"></td>
+                <th>Mental</th>
+                <th>Physical</th>
+                <th>Social</th>
+            </tr>
+            <tr>
+                <th>Power</th>
+                <td>
+                    <div>
+                        <label>Intellect</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_intellect" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_intellect" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_intellect" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_intellect" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_intellect" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Cunning</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_cunning" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_cunning" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_cunning" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_cunning" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_cunning" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Resolve</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_resolve" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_resolve" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_resolve" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_resolve" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_resolve" value="5" /><span></span>  
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <th>Finesse</th>
+                <td>
+                    <div>
+                        <label>Might</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_might" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_might" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_might" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_might" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_might" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Dexterity</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_dexterity" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_dexterity" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_dexterity" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_dexterity" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_dexterity" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Stamina</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_stamina" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_stamina" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_stamina" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_stamina" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_stamina" value="5" /><span></span>  
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <th>Resistance</th>
+                <td>
+                    <div>
+                        <label>Presence</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_presence" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_presence" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_presence" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_presence" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_presence" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Manipulation</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_manipulation" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_manipulation" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_manipulation" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_manipulation" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_manipulation" value="5" /><span></span>  
+                    </div>
+                </td>
+                <td>
+                    <div>
+                        <label>Composure</label>
+                        <span class="line"></span>
+                        <input class="normal" type="radio" name="attr_composure" value="1" checked/><span></span>
+                        <input class="normal" type="radio" name="attr_composure" value="2" /><span></span>
+                        <input class="normal" type="radio" name="attr_composure" value="3" /><span></span>
+                        <input class="normal" type="radio" name="attr_composure" value="4" /><span></span>
+                        <input class="normal" type="radio" name="attr_composure" value="5" /><span></span>  
+                    </div>
+                </td>
+            </tr>
+        </table>
+    </div>
 </div>
\ No newline at end of file