Mercurial > personal > weather-server
annotate weather_server/static/style.css @ 19:47987502bf4c
Add graph, make it public, and bump the version.
This checks in the tsc-compiled JS files because idklol.
author | Paul Fisher <paul@pfish.zone> |
---|---|
date | Sun, 13 Oct 2019 18:22:06 -0400 |
parents | fdb874e0b270 |
children | 7def5611895b |
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; |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
50 line-height: 1; |
13
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 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
53 .plain p { |
17
fdb874e0b270
graph: Update style and do HiDPI properly.
Paul Fisher <paul@pfish.zone>
parents:
13
diff
changeset
|
54 box-sizing: border-box; |
fdb874e0b270
graph: Update style and do HiDPI properly.
Paul Fisher <paul@pfish.zone>
parents:
13
diff
changeset
|
55 flex: 1; |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
56 position: relative; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
57 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
58 flex-direction: column; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
59 align-items: baseline; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
60 padding: 24px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
61 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
62 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
63 .plain p.important .key { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
64 display: block; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
65 opacity: 75%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
66 font-size: 18px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
67 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
68 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
69 .plain p.important .value { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
70 margin-top: 0; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
71 font-size: 150px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
72 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
73 flex-flow: row nowrap; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
74 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
75 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
76 .plain p.important .value .unit { |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
77 font-size: 33%; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
78 font-weight: bold; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
79 opacity: 66%; |
10 | 80 padding-top: 0.25em; |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
81 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
82 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
83 .fancy p.important { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
84 position: relative; |
17
fdb874e0b270
graph: Update style and do HiDPI properly.
Paul Fisher <paul@pfish.zone>
parents:
13
diff
changeset
|
85 flex: 1; |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
86 height: 200px; |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
87 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
88 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
89 .fancy p.important canvas { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
90 display: block; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
91 position: absolute; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
92 top: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
93 right: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
94 bottom: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
95 left: 0; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
96 width: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
97 height: 100%; |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
98 } |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
99 |
19
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
100 .fancy p.important .key { |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
101 display: block; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
102 position: absolute; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
103 top: 24px; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
104 left: 24px; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
105 margin: -4px; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
106 padding: 4px; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
107 background-color: inherit; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
108 |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
109 font-size: 18px; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
110 opacity: 75%; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
111 } |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
112 |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
113 .fancy p.important .value { |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
114 display: none; |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
115 } |
47987502bf4c
Add graph, make it public, and bump the version.
Paul Fisher <paul@pfish.zone>
parents:
17
diff
changeset
|
116 |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
117 #temp { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
118 background: var(--temp-background); |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
119 color: var(--temp-text); |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
120 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
121 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
122 #dewpoint { |
13
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
123 background: var(--dewpoint-background); |
4eaa9d69c4e2
Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents:
10
diff
changeset
|
124 color: var(--dewpoint-text); |
8
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
125 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
126 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
127 #timestamp { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
128 flex: none; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
129 background: #263238; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
130 color: white; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
131 height: 48px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
132 padding: 0 24px; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
133 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
134 display: flex; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
135 flex-direction: column; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
136 justify-content: center; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
137 } |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
138 |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
139 #timestamp > span { |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
140 display: block; |
d54155a199d8
Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff
changeset
|
141 } |