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