From 12a8b6bb63ab52cd4828f16d26d94079fa576436 Mon Sep 17 00:00:00 2001
From: LLLL Colonq <llll@colonq>
Date: Tue, 18 Feb 2025 00:33:43 -0500
Subject: Add throwshade

---
 main.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

(limited to 'main.css')

diff --git a/main.css b/main.css
index 1612f71..6492bf8 100644
--- a/main.css
+++ b/main.css
@@ -501,3 +501,66 @@ a.lcolonq-button-link :active {
     font-weight: bold;
     color: red;
 }
+
+/* throwshade */
+#lcolonq-throwshade {
+    overflow-x: hidden;
+    overflow-y: hidden;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    background-image: url("./assets/rectangular.jpg");
+    background-size: 100% 100%;
+}
+.lcolonq-throwshade-canvas {
+    width: 100%;
+    height: 60%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+}
+.lcolonq-throwshade-canvas canvas {
+    margin: auto;
+    display: block;
+    width: auto;
+    height: 100%;
+    image-rendering: pixelated;
+}
+#lcolonq-throwshade-bottom {
+    flex-grow: 1;
+    height: 40%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    padding-top: 0.6rem;
+}
+#lcolonq-throwshade-bottom-left {
+    flex-grow: 1;
+    padding-bottom: 1rem;
+    padding-left: 0.7rem;
+    padding-right: 1rem;
+}
+#lcolonq-throwshade-textarea {
+    width: 100%;
+    height: 100%;
+    resize: none;
+    border: none;
+    overflow: auto;
+    outline: none;
+    box-shadow: none;
+    background-color: rgb(0 0 0 / 0.8);
+}
+#lcolonq-throwshade-bottom-right {
+    flex-grow: 1;
+    padding-bottom: 1rem;
+    padding-left: 0.7rem;
+    padding-right: 1rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    max-width: 40%;
+}
+#lcolonq-throwshade-bottom-right img {
+    height: 40%;
+}
-- 
cgit v1.2.3