Mercurial > personal > weather-server

annotate weather_server/static/style.css @ 13:4eaa9d69c4e2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Extremely basic version of the graph drawer.
author Paul Fisher <paul@pfish.zone>
date Sun, 06 Oct 2019 17:09:23 -0400
parents 6d59f038a58b
children fdb874e0b270
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 {
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
6d59f038a58b improve some styles
Paul Fisher <paul@pfish.zone>
parents: 8
diff changeset
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
6d59f038a58b improve some styles
Paul Fisher <paul@pfish.zone>
parents: 8
diff changeset
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 }