Mercurial > qr-html

comparison index.html @ 7:896b7f28d3ad

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix styles
author nanaya <me@nanaya.pro>
date Fri, 06 Jul 2018 16:28:00 +0900
parents 461c6e7dea56
children e50d930b2af1
comparison
equal deleted inserted replaced
6:02f7d063ee33 7:896b7f28d3ad
4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 <title>QR Code Generator</title> 5 <title>QR Code Generator</title>
6 6
7 <style type="text/css"> 7 <style type="text/css">
8 * { 8 * {
9 position: relative;
10 box-sizing: border-box; 9 box-sizing: border-box;
11 } 10 }
12 11
13 html { 12 html {
14 height: 100%; 13 height: 100%;
15 margin: 0; 14 margin: 0;
16 padding: 0; 15 padding: 0;
17 font-family: sans-serif; 16 font-family: Arial, sans-serif;
18 font-size: 12px; 17 font-size: 12px;
19 } 18 }
20 19
21 body { 20 body {
22 margin: 0; 21 margin: 0;
26 25
27 .inputbox { 26 .inputbox {
28 width: 100%; 27 width: 100%;
29 margin-bottom: 10px; 28 margin-bottom: 10px;
30 resize: vertical; 29 resize: vertical;
31 font-family: monospace; 30 font-family: Courier New, monospace;
32 /* prevent ios zoom */ 31 /* prevent ios zoom */
33 font-size: 16px; 32 font-size: 16px;
34 } 33 }
35 34
36 .page { 35 .page {
37 width: 100%; 36 width: 100%;
38 height: 100%; 37 min-height: 100%;
39 max-width: 600px; 38 max-width: 600px;
40 margin: 0 auto; 39 margin: 0 auto;
41 display: flex; 40 display: flex;
42 flex-direction: column; 41 flex-direction: column;
43 padding: 10px; 42 padding: 10px;