- Removed tables

2026-08-30 03:40:32 +00:00 · 2026-01-29 21:30:42 +00:00
parent 1f51b894b0
commit b62481abb9
32 changed files with 89 additions and 152 deletions
@@ -191,7 +191,7 @@ input[type="checkbox"] {
    border: 0;
    background-color: white;
    height: 40% !important;
-    width: 75% !important;
+    width: 100% !important;
    margin-top: 4px;
    border-radius: 0;
    margin-bottom: 1px;
@@ -414,21 +414,23 @@ Hot    https://files.d20.io/images/447651819/0rnMk29Fz6xii0iJLDHeZg/original.png
    color: var(--primary-color);
 }

-.outgunned-feats > table {
+.outgunned-feats > div {
    width: 100%;
 }

-.outgunned-feats > table > tbody > tr > td > input {
+.outgunned-feats  input {
    width: 99.5%;
    background-color: white;
    font-weight: bold;
 }

-.outgunned-feats > table > tbody > tr > td > textarea {
+.outgunned-feats  textarea {
    width: calc(100% - 13px);
-    height: 50px;
+    height: fit-content;
+    height:
    resize: vertical;
    background-color: white;
+    field-sizing: content;
 }

 .outgunned-spotlight {
@@ -581,7 +583,7 @@ Icon: https://files.d20.io/images/447657537/-fY4DtclMXmG0gV4_khZDA/original.png
 .outgunned-mission > div:nth-of-type(2) > span:nth-of-type(2) {
    color: black;
    font-weight: bold;
-    font-size: 12px;
+    font-size: 10px;
    margin-top: 10px;
 }

@@ -591,7 +593,7 @@ Icon: https://files.d20.io/images/447657537/-fY4DtclMXmG0gV4_khZDA/original.png
    margin-top: 30px;
 }

-.outgunned-youlook > div:first-child > span:first-child {
+.outgunned-youlook > span:first-child {
    color: white;
    background-color: var(--primary-color);
    font-weight: bold;
@@ -609,37 +611,33 @@ Icon: https://files.d20.io/images/447657537/-fY4DtclMXmG0gV4_khZDA/original.png
    text-align: center ;
 }

-.outgunned-youlook > div:first-child > span:nth-of-type(2) {
-    color: black;
-    font-weight: bold;
-    font-size: 12px;
-    margin-left: 10px;
+.outgunned-youlook > div div {
+    display: grid;
+    grid-template-columns: 1.75fr 0.1fr 1.5fr 3.5fr 0.1fr 0.5fr;
 }

-.outgunned-youlook table {
-    width: 100%;
-}
-
-.outgunned-youlook td {
-    margin-top: 30px;
-    color: black;
+.outgunned-youlook span {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
 }

-.outgunned-youlook td:nth-child(3),
-.outgunned-youlook td:nth-child(7) {
-    text-align: left;
+.outgunned-youlook > span:nth-of-type(3) {
+    text-align: left !important;
 }

-.outgunned-youlook td > span {
-    color: gray;
+.outgunned-youlook > div div span:nth-child(3n) {
+    text-align: left !important;
+    color: gray !important;
 }

-.outgunned-youlook td.outgunned-broken {
-    color: #a33225;
-    color: var(--primary-color);
+.outgunned-youlook > div div span input {
+    margin-left: 3px;
+}
+
+.outgunned-youlook > span {
+    font-size: 12px;
+    margin-left: 5px;
 }

 .outgunned-youlook span.outgunned-all {
@@ -471,7 +471,8 @@
            <input type="checkbox" name="attr_spotlight1" value="1">
            <input type="checkbox" name="attr_spotlight2" value="1">
            <input type="checkbox" name="attr_spotlight3" value="1">
-            <span class="outgunned-tooltiptext" style="pointer-events: none; top: -160px;" data-i18n="spotlight_tt-u"></span>
+            <span class="outgunned-tooltiptext" style="pointer-events: none; top: -160px;"
+                  data-i18n="spotlight_tt-u"></span>
        </div>
        <div class="outgunned-roulette">
            <span class="outgunned-tooltip" data-i18n="roulette-u"></span>
@@ -483,80 +484,26 @@
            <input type="checkbox" name="attr_roulette5" value="1">
            <input type="checkbox" name="attr_roulette6" value="1">
            <button type="action" name="act_roulette">⚅</button>
-            <span class="outgunned-tooltiptext" style="pointer-events: none; top: -160px;" data-i18n="roulette_tt-u"></span>
+            <span class="outgunned-tooltiptext" style="pointer-events: none; top: -160px;"
+                  data-i18n="roulette_tt-u"></span>
        </div>
        <div class="outgunned-feats">
            <span class="outgunned-tooltip" data-i18n="feats-u"></span>
-            <table>
-                <tbody>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat1">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat1desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat2">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat2desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat3">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat3desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat4">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat4desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat5">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat5desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <input type="text" name="attr_feat6">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><textarea name="attr_feat6desc"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                    </tr>
-                </tbody>
-            </table>
+            <div>
+
+                <input type="text" name="attr_feat1">
+                <textarea name="attr_feat1desc"></textarea>
+                <input type="text" name="attr_feat2">
+                <textarea name="attr_feat2desc"></textarea>
+                <input type="text" name="attr_feat3">
+                <textarea name="attr_feat3desc"></textarea>
+                <input type="text" name="attr_feat4">
+                <textarea name="attr_feat4desc"></textarea>
+                <input type="text" name="attr_feat5">
+                <textarea name="attr_feat5desc"></textarea>
+                <input type="text" name="attr_feat6">
+                <textarea name="attr_feat6desc"></textarea>
+            </div>
        </div>
        <br>
        <div class="outgunned-mission">
@@ -576,61 +523,53 @@
            </div>
        </div>
        <div class="outgunned-youlook">
+            <span class="outgunned-tooltip" data-i18n="youlook-u"></span>
            <div>
-                <span class="outgunned-tooltip" data-i18n="youlook-u"></span>
-                <table>
-                    <tbody>
-                        <tr>
-                            <td data-i18n="hurt-u"></td>
-                            <td><input type="checkbox" name="attr_yl_hurt" value="1"></td>
-                            <td><span data-i18n="brawncondition-u"></span></td>
-                            <td></td>
-                            <td data-i18n="tired-u"></td>
-                            <td><input type="checkbox" name="attr_yl_tired" value="1"></td>
-                            <td><span data-i18n="nonecondition-u"></span></td>
-                        </tr>
-                        <tr>
-                            <td data-i18n="nervous-u"></td>
-                            <td><input type="checkbox" name="attr_yl_nervous" value="1"></td>
-                            <td><span data-i18n="nervescondition-u"></span></td>
-                            <td></td>
-                            <td><input type="text" name="attr_yl_custom1desc"> -</td>
-                            <td><input type="checkbox" name="attr_yl_custom1" value="1"></td>
-                            <td><span data-i18n="nonecondition-u"></span></td>
-                        </tr>
-                        <tr>
-                            <td data-i18n="likeafool-u"></td>
-                            <td><input type="checkbox" name="attr_yl_likeafool" value="1"></td>
-                            <td><span data-i18n="smoothcondition-u"></span></td>
-                            <td></td>
-                            <td><input type="text" name="attr_yl_custom2desc"> -</td>
-                            <td><input type="checkbox" name="attr_yl_custom2" value="1"></td>
-                            <td><span data-i18n="nonecondition-u"></span></td>
-                        </tr>
-                        <tr>
-                            <td data-i18n="distracted-u"></td>
-                            <td><input type="checkbox" name="attr_yl_distracted" value="1"></td>
-                            <td><span data-i18n="focuscondition-u"></span></td>
-                            <td></td>
-                            <td><input type="text" name="attr_yl_custom3desc"> -</td>
-                            <td><input type="checkbox" name="attr_yl_custom3" value="1"></td>
-                            <td><span data-i18n="nonecondition-u"></span></td>
-                        </tr>
-                        <tr>
-                            <td data-i18n="scared-u"></td>
-                            <td><input type="checkbox" name="attr_yl_scared" value="1"></td>
-                            <td><span data-i18n="crimecondition-u"></span></td>
-                            <td></td>
-                            <td class="outgunned-broken" data-i18n="broken-u"></td>
-                            <td><input type="checkbox" name="attr_yl_broken" value="1"></td>
-                            <td><span data-i18n="allcondition-u" class="outgunned-all"></span></td>
-                        </tr>
-                    </tbody>
-                </table>
-                <br>
-                <span data-i18n="your4thcondition-u"></span>
-                <span data-i18n="conditions_tt-u" class="outgunned-tooltiptext outgunned-tooltiptext-wideup"></span>
+                <div>
+                    <span data-i18n="hurt-u"></span>
+                    <span><input type="checkbox" name="attr_yl_hurt" value="1"></span>
+                    <span><span data-i18n="brawncondition-u"></span></span>
+
+                    <span data-i18n="tired-u"></span>
+                    <span><input type="checkbox" name="attr_yl_tired" value="1"></span>
+                    <span><span data-i18n="nonecondition-u"></span></span>
+
+                    <span data-i18n="nervous-u"></span>
+                    <span><input type="checkbox" name="attr_yl_nervous" value="1"></span>
+                    <span><span data-i18n="nervescondition-u"></span></span>
+
+                    <span><input type="text" name="attr_yl_custom1desc"> -</span>
+                    <span><input type="checkbox" name="attr_yl_custom1" value="1"></span>
+                    <span><span data-i18n="nonecondition-u"></span></span>
+
+                    <span data-i18n="likeafool-u"></span>
+                    <span><input type="checkbox" name="attr_yl_likeafool" value="1"></span>
+                    <span><span data-i18n="smoothcondition-u"></span></span>
+
+                    <span><input type="text" name="attr_yl_custom2desc"> -</span>
+                    <span><input type="checkbox" name="attr_yl_custom2" value="1"></span>
+                    <span><span data-i18n="nonecondition-u"></span></span>
+
+                    <span data-i18n="distracted-u"></span>
+                    <span><input type="checkbox" name="attr_yl_distracted" value="1"></span>
+                    <span><span data-i18n="focuscondition-u"></span></span>
+
+                    <span><input type="text" name="attr_yl_custom3desc"> -</span>
+                    <span><input type="checkbox" name="attr_yl_custom3" value="1"></span>
+                    <span><span data-i18n="nonecondition-u"></span></span>
+
+                    <span data-i18n="scared-u"></span>
+                    <span><input type="checkbox" name="attr_yl_scared" value="1"></span>
+                    <span><span data-i18n="crimecondition-u"></span></span>
+
+                    <span class="outgunned-broken" data-i18n="broken-u"></span>
+                    <span><input type="checkbox" name="attr_yl_broken" value="1"></span>
+                    <span><span data-i18n="allcondition-u" class="outgunned-all"></span></span>
+                </div>
            </div>
+            <br>
+            <span data-i18n="your4thcondition-u"></span>
+            <span data-i18n="conditions_tt-u" class="outgunned-tooltiptext outgunned-tooltiptext-wideup"></span>
        </div>
        <div class="outgunned-gunsngear">
            <span class="outgunned-tooltip" data-i18n="gunsgear-u"></span>