|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
|
4
|
|
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 margin: 0;
|
|
|
8 }
|
|
|
9
|
|
|
10 a {
|
|
|
11 text-decoration: none;
|
|
|
12 }
|
|
|
13 a:hover {
|
|
|
14 text-decoration: underline;
|
|
|
15 }
|
|
|
16
|
|
4
|
17 button,
|
|
|
18 img[onclick],
|
|
|
19 label[clickable],
|
|
|
20 input[type="radio"],
|
|
|
21 input[type="submit"] {
|
|
|
22 cursor: pointer;
|
|
|
23 }
|
|
|
24
|
|
2
|
25 div[header] {
|
|
|
26 font-size: 14px;
|
|
|
27 background-color: #ddd;
|
|
|
28 padding: 8px 3%;
|
|
|
29 display: flex;
|
|
|
30 justify-content: space-between;
|
|
8
|
31 z-index: 1;
|
|
|
32 position: fixed;
|
|
|
33 top: 0;
|
|
|
34 left: 0;
|
|
|
35 right: 0;
|
|
|
36 }
|
|
|
37 div[padding] {
|
|
|
38 height: 32px;
|
|
2
|
39 }
|
|
|
40
|
|
0
|
41 [content] {
|
|
|
42 margin-left: 3%;
|
|
|
43 margin-right: 3%;
|
|
|
44 margin-bottom: 2em;
|
|
|
45 }
|
|
1
|
46
|
|
8
|
47 @media print {
|
|
|
48 div[header],
|
|
|
49 div[padding] {
|
|
|
50 display: none;
|
|
|
51 }
|
|
|
52 }
|
|
|
53
|
|
4
|
54 span[pulldown] {
|
|
|
55 position: relative;
|
|
1
|
56 }
|
|
|
57
|
|
4
|
58 span[pulldown] > div {
|
|
|
59 display: none;
|
|
|
60 right: 100%;
|
|
|
61 z-index: 2;
|
|
|
62 position: absolute;
|
|
|
63 border: 1px solid #cccccc;
|
|
|
64 border-radius: 4px;
|
|
|
65 text-align: left;
|
|
|
66 background-color: #eeeeee;
|
|
|
67 padding: 5px 0;
|
|
1
|
68 }
|
|
4
|
69
|
|
|
70 span[pulldown] > div > span {
|
|
|
71 white-space: nowrap;
|
|
|
72 display: block;
|
|
|
73 padding: 8px 16px;
|
|
|
74 cursor: pointer;
|
|
1
|
75 }
|
|
4
|
76
|
|
|
77 span[pulldown] > div > span:hover {
|
|
|
78 color: #ffffff;
|
|
|
79 background-color: #428bca;
|
|
|
80 }
|
