From 70131428edce8d7c6476a902d015b30b78e5f862 Mon Sep 17 00:00:00 2001
From: Roland Reichwein <mail@reichwein.it>
Date: Sat, 3 Dec 2022 16:12:14 +0100
Subject: Version 1.1: Added QR Code

---
 html/whiteboard.css | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

(limited to 'html/whiteboard.css')

diff --git a/html/whiteboard.css b/html/whiteboard.css
index 5f804c1..2af2a92 100644
--- a/html/whiteboard.css
+++ b/html/whiteboard.css
@@ -32,6 +32,37 @@ textarea {
 	resize: none;
 }
 
+.qrwindow {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        width: 400px;
+        height: 400px;
+        margin-top: -200px;
+        margin-left: -200px;
+        background-color: #FFFFFF;
+        opacity: 1;
+        z-index: 10;
+        border-width: 3px;
+        border-style: solid;
+        border-color: #FFFFFF;
+        padding: 10pt;
+        box-sizing: border-box;
+}
+
+.qrcode {
+        width: 374px;
+        height: 374px;
+    
+        image-rendering: optimizeSpeed;             /*                     */
+        image-rendering: -moz-crisp-edges;          /* Firefox             */
+        image-rendering: -o-crisp-edges;            /* Opera               */
+        image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
+        image-rendering: pixelated;                 /* Chrome as of 2019   */
+        image-rendering: optimize-contrast;         /* CSS3 Proposed       */
+        -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
+}
+
 .mobile {
 	width: 300px;
 	border-width: 80px 15px 80px 15px;
@@ -67,6 +98,16 @@ img.banner {
 }
 
 @media only screen and (min-width: 1px) and (max-width: 630px) {
+
+.qrwindow {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+}
+
 }
 
 @media only screen and (min-width: 631px) and (max-width: 950px) {
-- 
cgit v1.2.3