annotate weather_server/static/style.css @ 8:d54155a199d8

Improve template; add stylesheet.
author Paul Fisher <paul@pfish.zone>
date Sun, 29 Sep 2019 20:32:48 -0400
parents
children 6d59f038a58b
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
1 html, body {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
2 margin: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
3 padding: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
4 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
5 flex-flow: column nowrap;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
6 width: 100%;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
7 height: 100%;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
8
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
9 font-family: Roboto, sans-serif;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
10 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
11
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
12 h1 {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
13 /* Reset. */
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
14 margin: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
15 padding: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
16 font: inherit;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
17
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
18 flex: none;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
19 background: #263238;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
20 color: white;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
21 height: 48px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
22 padding: 0 24px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
23 font-size: 24px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
24
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
25 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
26 flex-direction: column;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
27 justify-content: center;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
28 }
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 h1 span {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
31 display: block;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
32 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
33
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
34 p {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
35 margin: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
36 padding: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
37 font: inherit;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
38 flex: auto;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
39 position: relative;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
40 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
41 flex-direction: column;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
42 align-items: baseline;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
43 padding: 24px;
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
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
46 p.important .key {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
47 display: block;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
48 opacity: 75%;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
49 font-size: 18px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
50 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
51
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
52 p.important .value {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
53 margin-top: 0;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
54 font-size: 150px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
55 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
56 flex-flow: row nowrap;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
57 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
58
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
59 p.important .value .unit {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
60 font-size: 33%;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
61 font-weight: bold;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
62 opacity: 66%;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
63 padding-top: 0.4em;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
64 }
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 #temp {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
67 background: #0d47a1;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
68 color: white;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
69 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
70
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
71 #dewpoint {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
72 background: #5472d3;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
73 color: white;
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
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
76 #timestamp {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
77 flex: none;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
78 background: #263238;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
79 color: white;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
80 height: 48px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
81 padding: 0 24px;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
82
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
83 display: flex;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
84 flex-direction: column;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
85 justify-content: center;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
86 }
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
87
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
88 #timestamp > span {
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
89 display: block;
d54155a199d8 Improve template; add stylesheet.
Paul Fisher <paul@pfish.zone>
parents:
diff changeset
90 }