diff options
Diffstat (limited to 'html/whiteboard.css')
| -rw-r--r-- | html/whiteboard.css | 41 |
1 files changed, 41 insertions, 0 deletions
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) { |