Big refactor, jam

1 files changed, 55 insertions, 0 deletions

diff --git a/assets/css/soundboard.css b/assets/css/soundboard.css
new file mode 100644
index 0000000..9e5b966
--- /dev/null
+++ b/assets/css/soundboard.css
@@ -0,0 +1,55 @@
+/* soundboard */
+#lcolonq-soundboard {
+    color: white;
+    background-color: black;
+    overflow-y: scroll;
+    height: auto;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+#lcolonq-soundboard-container {
+    top: 0px;
+    width: min(90vw, 30rem);
+    height: 100%;
+}
+#lcolonq-soundboard-entryframe {
+    overflow: hidden;
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+    margin-left: 2rem;
+    margin-right: 2rem;
+}
+#lcolonq-soundboard-entry {
+    font-size: 30pt;
+    width: calc(100% - 2.2rem);
+    padding: 1rem;
+    color: white;
+    background-color: #111111;
+    border: 0.1rem solid darkgrey;
+}
+#lcolonq-soundboard-entry:focus {
+    outline: none;
+}
+#lcolonq-soundboard-entrytext {
+    white-space: nowrap;
+    color: darkgrey;
+}
+#lcolonq-soundboard-docs {
+    display: grid;
+    gap: 1rem;
+    grid-auto-flow: dense;
+    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    grid-auto-rows: minmax(10rem, auto);
+    margin-bottom: 1rem;
+}
+.lcolonq-soundboard-doc {
+    border: 0.1rem solid darkgrey;
+    padding: 0.5rem;
+}
+.lcolonq-soundboard-doc h3 {
+    text-align: center;
+    margin-top: 0px;
+    margin-bottom: 0.5rem;
+}