]>
Commit | Line | Data |
---|---|---|
a6a71e44 RBR |
1 | body { |
2 | font-family: "Hiragino Mincho ProN W3", serif; | |
3 | background-color: #fff; | |
4 | color: #0F261F; | |
5 | } | |
6 | ||
7 | h1 { | |
8 | font-family: "Hiragino Mincho ProN W6", serif; | |
9 | color: #FA2B00; | |
10 | } | |
11 | ||
12 | h1 img { | |
13 | width: 100px; | |
14 | margin-right: 10px; | |
15 | } | |
16 | ||
17 | a { | |
18 | color: #4F8FE6; | |
19 | } | |
20 | ||
3ec245a0 RBR |
21 | .color-editor { |
22 | position: relative; | |
23 | height: 230px; | |
24 | } | |
25 | ||
26 | .color { | |
a6a71e44 RBR |
27 | width: 200px; |
28 | height: 200px; | |
29 | background: #fff; | |
3ec245a0 RBR |
30 | margin-left: 20px; |
31 | } | |
32 | ||
33 | .light { | |
34 | width: 20px; | |
35 | height: 20px; | |
36 | background: #FA2B00; | |
37 | position: absolute; | |
38 | left: 220px; | |
39 | } | |
40 | ||
41 | .x-label, .y-label, .z-label { | |
42 | margin: 0; | |
43 | padding: 0; | |
44 | color: #FA2B00; | |
45 | width: 100px; | |
46 | position: absolute; | |
47 | top: 200px; | |
48 | } | |
49 | ||
50 | .y-label { | |
51 | transform: rotate(-90deg); | |
52 | left: -45px; | |
53 | top: 135px; | |
54 | } | |
55 | ||
56 | .z-label { | |
57 | left: 125px; | |
58 | } | |
59 | ||
60 | .timeline { | |
61 | width: 200px; | |
62 | height: 50px; | |
63 | background: black; | |
64 | margin: 0 0 0 20px; | |
a6a71e44 RBR |
65 | } |
66 | ||
67 | @media (prefers-color-scheme: dark) { | |
68 | body { | |
69 | color: #fff; | |
70 | background: #0F261F; | |
71 | } | |
a6a71e44 | 72 | } |