|
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;
|
|
27
|
12 outline: none;
|
|
0
|
13 }
|
|
|
14 a:hover {
|
|
|
15 text-decoration: underline;
|
|
|
16 }
|
|
|
17
|
|
4
|
18 button,
|
|
|
19 img[onclick],
|
|
|
20 label[clickable],
|
|
|
21 input[type="radio"],
|
|
|
22 input[type="submit"] {
|
|
|
23 cursor: pointer;
|
|
|
24 }
|
|
|
25
|
|
2
|
26 div[header] {
|
|
|
27 font-size: 14px;
|
|
|
28 background-color: #ddd;
|
|
|
29 padding: 8px 3%;
|
|
|
30 display: flex;
|
|
|
31 justify-content: space-between;
|
|
8
|
32 z-index: 1;
|
|
|
33 position: fixed;
|
|
|
34 top: 0;
|
|
|
35 left: 0;
|
|
|
36 right: 0;
|
|
|
37 }
|
|
|
38 div[padding] {
|
|
|
39 height: 32px;
|
|
2
|
40 }
|
|
|
41
|
|
0
|
42 [content] {
|
|
|
43 margin-left: 3%;
|
|
|
44 margin-right: 3%;
|
|
|
45 margin-bottom: 2em;
|
|
|
46 }
|
|
1
|
47
|
|
8
|
48 @media print {
|
|
|
49 div[header],
|
|
|
50 div[padding] {
|
|
|
51 display: none;
|
|
|
52 }
|
|
|
53 }
|
|
|
54
|
|
4
|
55 span[pulldown] {
|
|
|
56 position: relative;
|
|
1
|
57 }
|
|
|
58
|
|
4
|
59 span[pulldown] > div {
|
|
|
60 display: none;
|
|
|
61 right: 100%;
|
|
|
62 z-index: 2;
|
|
|
63 position: absolute;
|
|
|
64 border: 1px solid #cccccc;
|
|
|
65 border-radius: 4px;
|
|
|
66 text-align: left;
|
|
|
67 background-color: #eeeeee;
|
|
|
68 padding: 5px 0;
|
|
1
|
69 }
|
|
4
|
70
|
|
|
71 span[pulldown] > div > span {
|
|
|
72 white-space: nowrap;
|
|
|
73 display: block;
|
|
|
74 padding: 8px 16px;
|
|
|
75 cursor: pointer;
|
|
1
|
76 }
|
|
4
|
77
|
|
|
78 span[pulldown] > div > span:hover {
|
|
|
79 color: #ffffff;
|
|
|
80 background-color: #428bca;
|
|
|
81 }
|
|
9
|
82
|
|
|
83 ruby rt {
|
|
|
84 user-select: none;
|
|
|
85 }
|
|
|
86
|
|
|
87 pre,
|
|
|
88 code {
|
|
27
|
89 white-space: pre-wrap;
|
|
9
|
90 }
|
|
34
|
91
|
|
|
92 audio {
|
|
|
93 max-height: 34px;
|
|
|
94 }
|
|
|
95 div[role] div[controls] {
|
|
|
96 display: flex;
|
|
|
97 gap: 16px;
|
|
|
98 align-items: center;
|
|
|
99 }
|
