Mercurial > personal > weather-server

annotate weather_server/static/style.css @ 17:fdb874e0b270

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
graph: Update style and do HiDPI properly.
author Paul Fisher <paul@pfish.zone>
date Sat, 12 Oct 2019 20:40:11 -0400
parents 4eaa9d69c4e2
children 47987502bf4c
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
6d59f038a58b improve some styles
Paul Fisher <paul@pfish.zone>
parents: 8
diff changeset
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 {
17
fdb874e0b270 graph: Update style and do HiDPI properly.
Paul Fisher <paul@pfish.zone>
parents: 13
diff changeset
53 box-sizing: border-box;
fdb874e0b270 graph: Update style and do HiDPI properly.
Paul Fisher <paul@pfish.zone>
parents: 13
diff changeset
54 flex: 1;
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
55 position: relative;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
56 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
57 flex-direction: column;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
58 align-items: baseline;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
59 padding: 24px;
10
6d59f038a58b improve some styles
Paul Fisher <paul@pfish.zone>
parents: 8
diff changeset
60 line-height: 1;
8
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
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
63 p.plain.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
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
69 p.plain.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
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
76 p.plain.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
6d59f038a58b improve some styles
Paul Fisher <paul@pfish.zone>
parents: 8
diff changeset
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
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
83 p.fancy {
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;
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
86 }
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 p.fancy canvas {
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
89 display: block;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
90 position: absolute;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
91 top: 0;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
92 right: 0;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
93 bottom: 0;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
94 left: 0;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
95 width: 100%;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
96 height: 100%;
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
97 }
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
98
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
99 #temp {
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
100 background: var(--temp-background);
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
101 color: var(--temp-text);
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
102 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
103
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
104 #dewpoint {
13
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
105 background: var(--dewpoint-background);
4eaa9d69c4e2 Extremely basic version of the graph drawer.
Paul Fisher <paul@pfish.zone>
parents: 10
diff changeset
106 color: var(--dewpoint-text);
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
107 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
108
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
109 #timestamp {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
110 flex: none;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
111 background: #263238;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
112 color: white;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
113 height: 48px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
114 padding: 0 24px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
115
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
116 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
117 flex-direction: column;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
118 justify-content: center;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
119 }
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 #timestamp > span {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
122 display: block;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
123 }