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; |
