|
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
|
|
19
|
18 div[contenteditable] {
|
|
|
19 padding: 7px;
|
|
|
20 border: 1px solid #777;
|
|
|
21 white-space: pre-wrap;
|
|
|
22 }
|
|
18
|
23
|
|
5
|
24 div[header], div[footer] {
|
|
|
25 font-size: 14px;
|
|
|
26 background-color: #ddd;
|
|
|
27 padding: 8px 3%;
|
|
|
28 display: flex;
|
|
|
29 justify-content: space-between;
|
|
|
30 }
|
|
|
31
|
|
|
32 [content] {
|
|
|
33 margin-left: 3%;
|
|
|
34 margin-right: 3%;
|
|
|
35 margin-bottom: 2em;
|
|
|
36 }
|
|
16
|
37
|
|
|
38 [hidden] {
|
|
|
39 display: none;
|
|
|
40 }
|
