reverseqr

qr codes working in both directions
git clone https://tongong.net/git/reverseqr.git
Log | Files | Refs | README

styles.css (1183B)

      1 body {
      2     overflow: hidden;
      3 }
      4 
      5 body, textarea {
      6     font-family: monospace, monospace;
      7     background-color: #212121;
      8     color: #dcdcdc;
      9     line-height: 1.5;
     10 }
     11 
     12 .main {
     13     width: 90%;
     14     max-width: 720px;
     15     height: 90%;
     16 }
     17 
     18 .absolute-center {
     19     position: absolute;
     20     top: 50%;
     21     left: 50%;
     22     transform: translate(-50%, -50%);
     23 }
     24 
     25 .maxsize {
     26     width: 100%;
     27     height: 100%;
     28 }
     29 
     30 textarea {
     31     resize: none;
     32     outline: none;
     33     border: none;
     34     width: 200px;
     35     overflow-y: scroll;
     36     overflow_x: hidden;
     37     scrollbar-width: none;
     38     -ms-overflow-style: none;
     39 }
     40 
     41 textarea::-webkit-scrollbar {
     42     display: none;
     43 }
     44 
     45 .pagewrap {
     46     position: fixed;
     47     top: 0;
     48     left: 0;
     49     width: 100vw;
     50     height: 200vh;
     51 }
     52 
     53 .scroll-down {
     54     transition: cubic-bezier(.65,.05,.17,1.01) top 1s;
     55     top: -100vh;
     56 }
     57 
     58 .scroll-down-finished {
     59     transition: none;
     60 }
     61 
     62 .page {
     63     position: relative;
     64     width: 100vw;
     65     height: 100vh;
     66 }
     67 
     68 .qrwrap {
     69     background-color: #dcdcdc;
     70 }
     71 
     72 .qrwrap img, .qrwrap canvas {
     73     position: absolute;
     74     top: 50%;
     75     left: 50%;
     76     transform: translate(-50%, -50%);
     77     width: min(512px, 90vh, 90vw);
     78     height: min(512px, 90vh, 90vw);
     79 }