equal
deleted
inserted
replaced
|
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 } |