diff --git a/Black-Hack-Mecha-Hack/MechaHack.css b/Black-Hack-Mecha-Hack/MechaHack.css new file mode 100644 index 0000000000..c48155a139 --- /dev/null +++ b/Black-Hack-Mecha-Hack/MechaHack.css @@ -0,0 +1,197 @@ +textarea, input, select { + width: 100%; /* extend the width of the grid item */ + box-sizing: border-box; /* including padding / border in width */ +} + +.sheet-wrapper { + display: grid; + grid-template-columns: fit-content(50%) fit-content(50%); + gap: 10px; + justify-content: center; + padding: 5px; + grid-auto-rows: minmax(50px, auto); +} + +.sheet-itemheader{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:22px; + border-radius: 15px; + grid-column: 1 / span 2; + grid-row: 1 / span 1; + text-align: center; +} + + +.sheet-itemcallsign { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 2 / span 1; +} + +.sheet-itempilot { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 2 / span 1; +} + +.sheet-itemchassis { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 3 / span 1; +} + +.sheet-itemlevel { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 3 / span 1; +} + + +.sheet-itemapmax { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 4 / span 1; +} + +.sheet-itemhpmax { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 4 / span 1; +} + + + +.sheet-itemapcur { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 5 / span 1; +} + +.sheet-itemhpcur { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 5 / span 1; +} + +.sheet-itemdamage { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 6 / span 1; +} + +.sheet-itemreactor { + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 6 / span 1; +} + +.sheet-itempower{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:22px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 7 / span 2; +} + +.sheet-itempilotability{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 7 / span 2; +} + +.sheet-itemmobility{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:22px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 9 / span 2; +} + +.sheet-itemchassisability{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 9 / span 2; +} + +.sheet-itemsystem{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:22px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 11 / span 2; +} + +.sheet-itemequipment{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 11 / span 2; +} + +.sheet-itempresence{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:22px; + border-radius: 15px; + grid-column: 1 ; + grid-row: 13 / span 2; +} + +.sheet-itemmodules{ + border: 3px solid silver; + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 2 ; + grid-row: 13 / span 2; +} + +.sheet-itemimage{ + padding: 5px; + font-family:Impact, sans-serif;font-size:14px; + border-radius: 15px; + grid-column: 1 / span 2 ; + grid-row: 15 / span 1; +} \ No newline at end of file diff --git a/Black-Hack-Mecha-Hack/MechaHack.html b/Black-Hack-Mecha-Hack/MechaHack.html new file mode 100644 index 0000000000..5c09b8f48a --- /dev/null +++ b/Black-Hack-Mecha-Hack/MechaHack.html @@ -0,0 +1,179 @@ +
+
+
+