annotate weather_server/static/style.css @ 20:a7fe635d1c88

add a nice icon
author Paul Fisher <paul@pfish.zone>
date Sun, 13 Oct 2019 18:44:12 -0400
parents 47987502bf4c
children 7def5611895b
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;
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
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
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 }