Weather dashboard
https://natronics.org/weather/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
1.7 KiB
126 lines
1.7 KiB
*
|
|
margin: 0
|
|
padding: 0
|
|
|
|
html, body
|
|
height: 100%
|
|
font-family: sans-serif
|
|
|
|
$primary-font: sans-serif
|
|
|
|
.wrapper
|
|
min-height: 100%
|
|
margin-bottom: -25px
|
|
position: relative
|
|
margin-right: 10px
|
|
|
|
.wrapper:after
|
|
content: ""
|
|
display: block
|
|
|
|
svg
|
|
position: absolute
|
|
width: 100%
|
|
height: 90%
|
|
|
|
footer, .wrapper:after
|
|
height: 25px
|
|
|
|
footer
|
|
padding-left: 50px
|
|
font-size: 10px
|
|
color: #ccc
|
|
|
|
header
|
|
height: 33px
|
|
h1.title
|
|
font-size: 15px
|
|
font-weight: normal
|
|
padding-left: 50px
|
|
padding-top: 10px
|
|
|
|
.title .city
|
|
font-weight: bold
|
|
|
|
path, line
|
|
fill: none
|
|
|
|
#calendar .axis
|
|
stroke: #bbb
|
|
stroke-width: 1px
|
|
|
|
#weekdays text
|
|
font: bold 12px $primary-font
|
|
|
|
#dates text
|
|
font: normal 10px $primary-font
|
|
|
|
.blank
|
|
fill: rgba(255, 255, 255, 0.7)
|
|
|
|
path.data
|
|
stroke: #f00
|
|
stroke-width: 2px
|
|
|
|
path.sun
|
|
fill: #ffffce
|
|
stroke: #ffff64
|
|
stroke-width: 1px
|
|
|
|
path.moon
|
|
stroke: #999
|
|
stroke-width: 1px
|
|
|
|
path.clouds
|
|
opacity: 0.7
|
|
stroke: #bbb
|
|
fill: #ddd
|
|
|
|
path.precip
|
|
opacity: 0.7
|
|
stroke: #99c
|
|
fill: #aae
|
|
|
|
path.rain
|
|
opacity: 0.7
|
|
stroke: #9c9
|
|
fill: #9a9
|
|
|
|
line.now
|
|
stroke: #f5f
|
|
stroke-width: 1px
|
|
|
|
line.midnight
|
|
stroke: #72729d
|
|
stroke-width: 1px
|
|
|
|
line.noon
|
|
stroke: #ddd
|
|
stroke-width: 1px
|
|
stroke-dasharray: 3,5
|
|
|
|
line.zero
|
|
stroke: #25f
|
|
stroke-width: 0.7px
|
|
|
|
line.hot
|
|
stroke: #f52
|
|
stroke-width: 0.7px
|
|
|
|
line.guide
|
|
stroke: #ccc
|
|
stroke-width: 0.5px
|
|
stroke-dasharray: 4,8
|
|
|
|
line.axis
|
|
stroke: #000
|
|
stroke-width: 1px
|
|
|
|
rect.night
|
|
fill: #ddddeb
|
|
|
|
rect.twilight
|
|
fill: #ebebf7
|
|
|
|
text.axis-label
|
|
font: normal 10px sans-serif
|