|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
1
|
4
|
|
5
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 margin: 0;
|
|
18
|
8 background-color: #F8F8F8;
|
|
5
|
9 }
|
|
|
10
|
|
1
|
11 a {
|
|
|
12 text-decoration: none;
|
|
|
13 }
|
|
|
14 a:hover {
|
|
|
15 text-decoration: underline;
|
|
|
16 }
|
|
5
|
17
|
|
18
|
18 textarea {
|
|
|
19 font: inherit;
|
|
|
20 xpadding: 7px;
|
|
|
21 xborder-color: #DDDDDD;
|
|
|
22 }
|
|
19
|
23 div[contenteditable] {
|
|
|
24 padding: 7px;
|
|
|
25 border: 1px solid #777;
|
|
|
26 white-space: pre-wrap;
|
|
|
27 }
|
|
18
|
28
|
|
5
|
29 div[header], div[footer] {
|
|
|
30 font-size: 14px;
|
|
|
31 background-color: #ddd;
|
|
|
32 padding: 8px 3%;
|
|
|
33 display: flex;
|
|
|
34 justify-content: space-between;
|
|
|
35 }
|
|
|
36
|
|
|
37 [content] {
|
|
|
38 margin-left: 3%;
|
|
|
39 margin-right: 3%;
|
|
|
40 margin-bottom: 2em;
|
|
|
41 }
|
|
16
|
42
|
|
|
43 [hidden] {
|
|
|
44 display: none;
|
|
|
45 }
|
