Show crypto download progress and centralize license links

1 files changed, 42 insertions, 0 deletions

diff --git a/web/styles.css b/web/styles.css
index a50bc37..20e469d 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -137,3 +137,45 @@ a {
         color: #a3c7a8;
     }
 }
+
+.librejs-note {
+    position: relative;
+}
+
+.librejs-note > a {
+    color: #806000;
+    text-decoration: underline wavy;
+    text-underline-offset: .2em;
+}
+
+.librejs-warning {
+    display: none;
+    position: absolute;
+    bottom: 100%;
+    right: 0;
+    width: 48ch;
+    max-width: calc(100vw - 32px);
+    padding: 1em 2ch;
+    white-space: normal;
+    background: #fff;
+    color: #000;
+    border: 1px dashed #806000;
+    z-index: 1;
+}
+
+.librejs-note:hover .librejs-warning,
+.librejs-note:focus-within .librejs-warning {
+    display: block;
+}
+
+@media (prefers-color-scheme: dark) {
+    .librejs-note > a {
+        color: #ffdf60;
+    }
+
+    .librejs-warning {
+        background: #000;
+        color: #fff;
+        border-color: #ffdf60;
+    }
+}