Add gizmo page

1 files changed, 36 insertions, 0 deletions

diff --git a/main.css b/main.css
index cb79905..3ae4a25 100644
--- a/main.css
+++ b/main.css
@@ -571,3 +571,39 @@ a.lcolonq-button-link :active {
 #lcolonq-throwshade-current {
     margin: 0.5rem;
 }
+
+/* gizmo */
+#lcolonq-gizmo-body {
+    width: 100vw;
+    height: 100vh;
+}
+#lcolonq-gizmo {
+    width: 100%;
+    height: 100%;
+}
+#lcolonq-gizmo-top {
+    position: absolute;
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+    right: 0px;
+    top: 0px;
+    color: white;
+    background-color: black;
+    padding-top: 1rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-bottom: 1rem;
+}
+#lcolonq-gizmo-top:hover {
+    opacity: 1;
+}
+#lcolonq-gizmo-bottom {
+    background-color: white;
+    width: 100%;
+    height: 100%;
+}
+#lcolonq-gizmo-contents {
+    border: none;
+    width: 100%;
+    height: 100%;
+}