2022-08-04 21:30:13 +00:00
|
|
|
@use 'colors'as c;
|
|
|
|
@use 'utils'as u;
|
|
|
|
|
|
|
|
#regional-forecast-html.weather-display {
|
|
|
|
background-image: url('../images/BackGround5_1.png');
|
|
|
|
}
|
|
|
|
|
|
|
|
.weather-display .main.regional-forecast {
|
|
|
|
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
.map {
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.location {
|
|
|
|
position: absolute;
|
|
|
|
width: 140px;
|
|
|
|
margin-left: -40px;
|
2022-08-05 01:12:44 +00:00
|
|
|
margin-top: -35px;
|
2022-08-04 21:30:13 +00:00
|
|
|
|
|
|
|
>div {
|
|
|
|
position: absolute;
|
|
|
|
@include u.text-shadow();
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon {
|
2022-08-05 03:14:15 +00:00
|
|
|
top: 26px;
|
|
|
|
left: 44px;
|
2022-08-04 21:30:13 +00:00
|
|
|
|
|
|
|
img {
|
2022-08-05 03:14:15 +00:00
|
|
|
max-height: 32px;
|
2022-08-04 21:30:13 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.temp {
|
|
|
|
font-family: 'Star4000 Large Compressed';
|
|
|
|
font-size: 28px;
|
|
|
|
color: c.$title-color;
|
2022-08-05 01:12:44 +00:00
|
|
|
top: 32px;
|
2022-08-04 21:30:13 +00:00
|
|
|
text-align: right;
|
|
|
|
width: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.city {
|
|
|
|
font-family: Star4000;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|