|
442
|
1 |
html { |
|
|
2 |
background-color: #DDD; |
|
|
3 |
} |
|
|
4 |
body { |
|
|
5 |
-webkit-box-sizing: content-box; |
|
|
6 |
-moz-box-sizing: content-box; |
|
|
7 |
box-sizing: content-box; |
|
|
8 |
width: 900px; |
|
|
9 |
margin: 0 auto; |
|
|
10 |
font-family: Verdana, Helvetica, Arial, sans-serif; |
|
|
11 |
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5); |
|
|
12 |
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5); |
|
|
13 |
box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5); |
|
|
14 |
padding: 7px 25px 70px; |
|
|
15 |
background-color: #FFF; |
|
|
16 |
} |
|
|
17 |
h1, h2, h3, h4, h5, h6 { |
|
|
18 |
font-family: Georgia, "Times New Roman", serif; |
|
|
19 |
} |
|
|
20 |
h2, form { |
|
|
21 |
text-align: center; |
|
|
22 |
} |
|
|
23 |
form { |
|
|
24 |
margin-top: 5px; |
|
|
25 |
} |
|
|
26 |
.input { |
|
|
27 |
width: 500px; |
|
|
28 |
height: 300px; |
|
|
29 |
margin: 0 auto; |
|
|
30 |
display: block; |
|
|
31 |
} |
|
|
32 |
section { |
|
|
33 |
margin-top: 40px; |
|
|
34 |
} |
|
|
35 |
#canvas { |
|
|
36 |
cursor: crosshair; |
|
|
37 |
} |
|
|
38 |
#canvas, #html { |
|
|
39 |
border: 1px solid #000; |
|
|
40 |
} |
|
|
41 |
.filename { |
|
|
42 |
text-align: right; |
|
|
43 |
} |
|
|
44 |
#html { |
|
|
45 |
-webkit-box-sizing: border-box; |
|
|
46 |
-moz-box-sizing: border-box; |
|
|
47 |
box-sizing: border-box; |
|
|
48 |
overflow: auto; |
|
|
49 |
padding: 1em; |
|
|
50 |
} |