31 lines
630 B
CSS
31 lines
630 B
CSS
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
html #weather-panel,
|
|
body #weather-panel {
|
|
border-radius: 50px;
|
|
box-shadow: #999a 0 0 25px;
|
|
color: #fff;
|
|
font-family: Verdana, sans-serif;
|
|
font-weight: bold;
|
|
height: 500px;
|
|
left: calc(50% - 250px);
|
|
padding: 40px;
|
|
position: absolute;
|
|
text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;
|
|
top: calc(50% - 250px);
|
|
width: 500px;
|
|
z-index: 10;
|
|
}
|
|
@supports (-webkit-text-stroke: 1px #000) {
|
|
html #weather-panel,
|
|
body #weather-panel {
|
|
-webkit-text-stroke: 1px #000;
|
|
-webkit-text-fill-color: #fff;
|
|
}
|
|
}
|