|
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;
|
|
|
31 }
|
|
|
32
|
|
0
|
33 [content] {
|
|
|
34 margin-left: 3%;
|
|
|
35 margin-right: 3%;
|
|
|
36 margin-bottom: 2em;
|
|
|
37 }
|
|
1
|
38
|
|
4
|
39 span[pulldown] {
|
|
|
40 position: relative;
|
|
1
|
41 }
|
|
|
42
|
|
4
|
43 span[pulldown] > div {
|
|
|
44 display: none;
|
|
|
45 right: 100%;
|
|
|
46 z-index: 2;
|
|
|
47 position: absolute;
|
|
|
48 border: 1px solid #cccccc;
|
|
|
49 border-radius: 4px;
|
|
|
50 text-align: left;
|
|
|
51 background-color: #eeeeee;
|
|
|
52 padding: 5px 0;
|
|
1
|
53 }
|
|
4
|
54
|
|
|
55 span[pulldown] > div > span {
|
|
|
56 white-space: nowrap;
|
|
|
57 display: block;
|
|
|
58 padding: 8px 16px;
|
|
|
59 cursor: pointer;
|
|
1
|
60 }
|
|
4
|
61
|
|
|
62 span[pulldown] > div > span:hover {
|
|
|
63 color: #ffffff;
|
|
|
64 background-color: #428bca;
|
|
|
65 }
|
