Mercurial > personal > weather-server
annotate weather_server/static/style.css @ 14:dd77a7ee02c1
Create tiny AMD loader and set up tsc for it.
author | Paul Fisher <paul@pfish.zone> |
---|---|
date | Wed, 09 Oct 2019 23:14:16 -0400 |
parents | 4eaa9d69c4e2 |
children | fdb874e0b270 |
rev | line source |
---|---|
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
1 html { |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
2 margin: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
3 padding: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
4 height: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
5 width: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
6 |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
7 font-family: Roboto, sans-serif; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
8 |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
9 --temp-background: #0d47a1; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
10 --temp-text: white; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
11 --dewpoint-background: #5472d3; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
12 --dewpoint-text: white; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
13 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
14 |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
15 body { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
16 margin: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
17 padding: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
18 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
19 flex-flow: column nowrap; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
20 width: 100%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
21 height: 100%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
22 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
23 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
24 h1 { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
25 /* Reset. */ |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
26 margin: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
27 padding: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
28 font: inherit; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
29 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
30 flex: none; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
31 background: #263238; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
32 color: white; |
10 | 33 padding: 12px 24px; |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
34 font-size: 24px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
35 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
36 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
37 flex-direction: column; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
38 justify-content: center; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
39 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
40 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
41 h1 span { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
42 display: block; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
43 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
44 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
45 p { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
46 margin: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
47 padding: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
48 font: inherit; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
49 flex: auto; |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
50 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
51 |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
52 p.plain { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
53 position: relative; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
54 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
55 flex-direction: column; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
56 align-items: baseline; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
57 padding: 24px; |
10 | 58 line-height: 1; |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
59 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
60 |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
61 p.plain.important .key { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
62 display: block; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
63 opacity: 75%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
64 font-size: 18px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
65 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
66 |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
67 p.plain.important .value { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
68 margin-top: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
69 font-size: 150px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
70 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
71 flex-flow: row nowrap; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
72 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
73 |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
74 p.plain.important .value .unit { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
75 font-size: 33%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
76 font-weight: bold; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
77 opacity: 66%; |
10 | 78 padding-top: 0.25em; |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
79 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
80 |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
81 p.fancy { |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
82 position: relative; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
83 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
84 |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
85 p.fancy canvas { |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
86 display: block; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
87 position: absolute; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
88 top: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
89 right: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
90 bottom: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
91 left: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
92 width: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
93 height: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
94 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
95 |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
96 #temp { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
97 background: var(--temp-background); |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
98 color: var(--temp-text); |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
99 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
100 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
101 #dewpoint { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
102 background: var(--dewpoint-background); |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
103 color: var(--dewpoint-text); |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
104 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
105 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
106 #timestamp { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
107 flex: none; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
108 background: #263238; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
109 color: white; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
110 height: 48px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
111 padding: 0 24px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
112 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
113 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
114 flex-direction: column; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
115 justify-content: center; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
116 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
117 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
118 #timestamp > span { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
119 display: block; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
120 } |