Changeset 37466 for gs3-extensions/tabletop-dl/trunk/tabletop.css

Timestamp:

2023-03-12T17:12:26+13:00 (14 months ago)

Author:

davidb

Message:

Added in text window that can be zoomed and dragged

File:

• gs3-extensions/tabletop-dl/trunk/tabletop.css (modified) (7 diffs)

gs3-extensions/tabletop-dl/trunk/tabletop.css

@@ +1 @@
+:root {
+    --gs-fg-primary-col: #fff;
+    --gs-bg-primary-col: #29e;
+}
+
+
 html {
     background: #102010 url(backgrounds/unsplash--dark-green-fern--overview.jpg) no-repeat center center fixed;
@@ -15 +21 @@
 body {
     font-family: Helvetica, Arial, "Open Sans", OpenSans, sans-serif;
-    color: #fff;
+    color: var(--gs-fg-primary-col);
 }
 
@@ -27 +33 @@
 
 /* construction lines to help show what is going on */
+/*
 .box .row {
     border: 1px dotted #0313fc;
 }
+*/
 
 .box .row.header {
@@ -45 +53 @@
 #gs-header {
     height: 2.5rem;
-    color: white;
+    color: var(--gs-fg-primary-col);
     background: linear-gradient(to right, rgba(13, 17, 22, 0.64), rgba(17, 21, 28, 0.64));
     text-align: center; 
@@ -54 +62 @@
     left: 10px;
     bottom: 10px;
-    background-color: #000040;
+    background-color: var(--gs-bg-primary-col);
 }
 
 
+/*
 #fixed-height {
     height: 40px;
@@ -72 +81 @@
     width: 100%;
 }
+*/
 
 
 .info-window {
-    width: 25%;
     min-height: 6.5em;
-    /* margin: 1rem 0 0 1rem; */
     margin: 0.5em;
     
-    background-color: #29e;
-    color: white;
+    background-color: var(--gs-bg-primary-col);
+    color: var(--gs-fg-primary-col);
     
     font-size: 1.2rem;
-    /* font-family: sans-serif; */
 
     border-radius: 0.6em;
-    /*padding: 4%; */
     padding: 1em;
 
     touch-action: none;
-    user-select: none; 
+    user-select:  none; 
     transform: translate(0px, 0px);
 
@@ -116 +122 @@
 .button {
     display: inline-block;
-    background-color: #0050ff;
-    color: #fff;
+    background-color: var(--gs-bg-primary-col);
+    color: var(--gs-fg-primary-col);;
     width: auto;
     border-radius: 10px;