merge and rename themes

2026-03-04 08:52:24 +01:00
parent 5ba379d968
commit d4d0dfaf30
17 changed files with 238 additions and 17 deletions
--- a/css/old-school.css
+++ b/css/old-school.css
@@ -0,0 +1,153 @@
+:root {
+    --cell-side: 20px;
+}
+
+@font-face {
+    font-family: "Early GameBoy";
+    src: url("old-school/Early GameBoy.ttf");
+}
+
+#screenRow {
+    background-image: url("old-school/bg.png");
+    background-size: 10px;
+    padding: 40px 20px;
+    border: 3px inset black;
+    border-radius: 10px;
+}
+
+.col {
+    gap: 8px;
+}
+
+.card {
+    background: #8D8E04;
+    border-radius: 0;
+    border-image-source: url("old-school/border-sm.png");
+    border-image-slice: 25;
+    border-image-width: 13px;
+    border-image-repeat: repeat;
+    border-image-outset: 12px;
+    box-shadow: unset;
+    width: 100%;
+}
+
+.card-header {
+    background: #8D8E04;
+}
+
+#matrixCard {
+    background: #808302;
+    border-image-source: url("old-school/border-lg.png");
+    border-image-slice: 30;
+    border-image-width: 15px;
+    border-image-outset: 15px;
+}
+
+#statsTable,
+.card,
+.card-header,
+#messagesSpan {
+    font-family: "Early GameBoy", monospace;
+    font-smooth: never;
+    -webkit-font-smoothing: none;
+    color: #254806;
+    text-shadow: -1px -1px 3px rgba(0, 0, 0, 40%), 1px 1px 1px rgba(0, 0, 0, 40%);
+}
+
+#statsTable {
+    font-size: .7em;
+    letter-spacing: -.1em;
+}
+
+#statsTable tr {
+    display: flex;
+    flex-flow: column;
+}
+
+#statsTable th,
+#statsTable td {
+    border: 0;
+    padding: 0 .2rem;
+}
+
+#statsTable td {
+    width: auto;
+    text-align: end;
+}
+
+#messagesSpan {
+    text-shadow: -2px -2px #808302, -2px 2px #808302, 2px -2px #808302, 2px 2px #808302;
+}
+
+.minoes-table td {
+    border: 0 !important;
+}
+
+.mino {
+    box-shadow: -2px -2px 5px rgba(0, 0, 0, 40%), 1px 1px 2px rgba(0, 0, 0, 40%);
+    background-size: 100%;
+}
+
+.I.mino {
+    background-image: url("old-school/I-mino.png")
+}
+
+.J.mino {
+    background-image: url("old-school/J-mino.png")
+}
+
+.L.mino {
+    background-image: url("old-school/L-mino.png")
+}
+
+.O.mino {
+    background-image: url("old-school/O-mino.png")
+}
+
+.S.mino {
+    background-image: url("old-school/S-mino.png")
+}
+
+.T.mino {
+    background-image: url("old-school/T-mino.png")
+}
+
+.Z.mino {
+    background-image: url("old-school/Z-mino.png")
+}
+
+@keyframes blinker {
+    35% {
+        opacity: 50%;
+    }
+}
+
+.locking.mino {
+    animation: blinker 0.08s step-start infinite;
+}
+
+.ghost.mino,
+.disabled.mino {
+    opacity: 50%;
+}
+
+.locked.mino {
+    animation: none;
+}
+
+.hard-dropped-table-animation {
+    animation: hard-dropped-table-animation steps(1) .2s;
+}
+
+@keyframes cleared-line-animation {
+    10%, 30%, 50%, 70%, 90% {
+        opacity: 0;
+    }
+    20%, 40%, 60%, 80% {
+        opacity: 100%;
+    }
+}
+
+tr.cleared-line-animation {
+    animation: cleared-line-animation ease-out .4s;
+}