Mercurial > personal > weather-server
comparison weather_server/static/style.css @ 10:6d59f038a58b
improve some styles
author | Paul Fisher <paul@pfish.zone> |
---|---|
date | Sun, 29 Sep 2019 20:42:11 -0400 |
parents | d54155a199d8 |
children | 4eaa9d69c4e2 |
comparison
equal
deleted
inserted
replaced
9:f1ea183d28ba | 10:6d59f038a58b |
---|---|
16 font: inherit; | 16 font: inherit; |
17 | 17 |
18 flex: none; | 18 flex: none; |
19 background: #263238; | 19 background: #263238; |
20 color: white; | 20 color: white; |
21 height: 48px; | 21 padding: 12px 24px; |
22 padding: 0 24px; | |
23 font-size: 24px; | 22 font-size: 24px; |
24 | 23 |
25 display: flex; | 24 display: flex; |
26 flex-direction: column; | 25 flex-direction: column; |
27 justify-content: center; | 26 justify-content: center; |
39 position: relative; | 38 position: relative; |
40 display: flex; | 39 display: flex; |
41 flex-direction: column; | 40 flex-direction: column; |
42 align-items: baseline; | 41 align-items: baseline; |
43 padding: 24px; | 42 padding: 24px; |
43 line-height: 1; | |
44 } | 44 } |
45 | 45 |
46 p.important .key { | 46 p.important .key { |
47 display: block; | 47 display: block; |
48 opacity: 75%; | 48 opacity: 75%; |
58 | 58 |
59 p.important .value .unit { | 59 p.important .value .unit { |
60 font-size: 33%; | 60 font-size: 33%; |
61 font-weight: bold; | 61 font-weight: bold; |
62 opacity: 66%; | 62 opacity: 66%; |
63 padding-top: 0.4em; | 63 padding-top: 0.25em; |
64 } | 64 } |
65 | 65 |
66 #temp { | 66 #temp { |
67 background: #0d47a1; | 67 background: #0d47a1; |
68 color: white; | 68 color: white; |