﻿
/* backgrounds */
/* https://wallpaperset.com/sunny-day-wallpaper */

.defaults {  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); color:White; }
.defaults a:link, .defaults a:visited, .defaults a:active { color:White; text-decoration: none; }
.defaults a:hover { color:White; text-decoration: underline; }

.clearday { background: url('images/WeatherWallpaper/sunny.jpg'); background-size: cover; color: White; } /* daytime.jpg */
.clearday a:link, .clearday a:visited, .clearday a:active { color: White; text-decoration: none; }
.clearday a:hover { color: White; text-decoration: underline; }

.clearnight { background: url('images/WeatherWallpaper/clearnight.jpg'); background-size: cover; color: White; }
.clearnight a:link, .clearnight a:visited, .clearnight a:active { color: White; text-decoration: none; }
.clearnight a:hover { color: White; text-decoration: underline; }

.sunset { background: url('images/WeatherWallpaper/sunset.jpg'); background-size: cover; color: White; }
.sunset a:link, .sunset a:visited, .sunset a:active { color:White; text-decoration: none; }
.sunset a:hover { color:White; text-decoration: underline; }

.rain { background: url('images/WeatherWallpaper/rain.jpg'); background-size: cover; color:White; }
.rain a:link, .rain a:visited, .rain a:active { color:White; text-decoration: none; }
.rain a:hover { color:White; text-decoration: underline; }

.rain_night { background: url('images/WeatherWallpaper/rain_night.jpg'); background-size: cover; color: White; }
.rain_night a:link, .rain_night a:visited, .rain_night a:active { color: White; text-decoration: none; }
.rain_night a:hover { color: White; text-decoration: underline; }

.cloudy { background: url('images/WeatherWallpaper/cloudy.jpg'); background-size: cover; color: Black; }
.cloudy a:link, .cloudy a:visited, .cloudy a:active { color:White; text-decoration: none; }
.cloudy a:hover { color:Black; text-decoration: underline; }

.cloudy_night { background: url('images/WeatherWallpaper/cloudy_night.jpg'); background-size: cover; color: White; }
.cloudy_night a:link, .cloudy_night a:visited, .cloudy_night a:active { color:White; text-decoration: none; }
.cloudy_night a:hover { color:White; text-decoration: underline; }

.partlycloudy { background: url('images/WeatherWallpaper/partlycloudy.jpg'); background-size: cover; color: White; }
.partlycloudy a:link, .partlycloudy a:visited, .partlycloudy a:active { color:White; text-decoration: none; }
.partlycloudy a:hover { color:White; text-decoration: underline; }

.partlycloudy_night { background: url('images/WeatherWallpaper/partlycloudy_night.jpg'); background-size: cover; color: White; }
.partlycloudy_night a:link, .partlycloudy_night a:visited, .partlycloudy_night a:active { color:White; text-decoration: none; }
.partlycloudy_night a:hover { color:White; text-decoration: underline; }

.cold { background: url('images/WeatherWallpaper/cold.jpg'); background-size: cover; color: White; }
.cold a:link, .cold a:visited, .cold a:active { color:White; text-decoration: none; }
.cold a:hover { color:White; text-decoration: underline; }

.cold_night { background: url('images/WeatherWallpaper/cold.jpg'); background-size: cover; color: White; }
.cold_night a:link, .cold_night a:visited, .cold_night a:active { color:White; text-decoration: none; }
.cold_night a:hover { color:White; text-decoration: underline; }

.fog { background: url('images/WeatherWallpaper/fog.jpg'); background-size: cover; color: White; }
.fog a:link, .fog a:visited, .fog a:active { color:White; text-decoration: none; }
.fog a:hover { color:White; text-decoration: underline; }

.fog_night { background: url('images/WeatherWallpaper/fog.jpg'); background-size: cover; color: White; }
.fog_night a:link, .fog_night a:visited, .fog_night a:active { color:White; text-decoration: none; }
.fog_night a:hover { color:White; text-decoration: underline; }

.hail { background: url('images/WeatherWallpaper/hail.jpg'); background-size: cover; color: White; }
.hail a:link, .hail a:visited, .hail a:active { color:White; text-decoration: none; }
.hail a:hover { color:White; text-decoration: underline; }

.hail_night { background: url('images/WeatherWallpaper/hail.jpg'); background-size: cover; color: White; }
.hail_night a:link, .hail_night a:visited, .hail_night a:active { color:White; text-decoration: none; }
.hail_night a:hover { color:White; text-decoration: underline; }

.lightning { background: url('images/WeatherWallpaper/lightning.jpg'); background-size: cover; color: White; }
.lightning a:link, .lightning a:visited, .lightning a:active { color:White; text-decoration: none; }
.lightning a:hover { color:White; text-decoration: underline; }

.lightning_night { background: url('images/WeatherWallpaper/lightning.jpg'); background-size: cover; color: White; }
.lightning_night a:link, .lightning_night a:visited, .lightning_night a:active { color:White; text-decoration: none; }
.lightning_night a:hover { color:White; text-decoration: underline; }

.showers { background: url('images/WeatherWallpaper/showers.jpg'); background-size: cover; color: White; }
.showers a:link, .showers a:visited, .showers a:active { color:White; text-decoration: none; }
.showers a:hover { color:White; text-decoration: underline; }

.showers_night { background: url('images/WeatherWallpaper/showers_night.jpg'); background-size: cover; color: White; }
.showers_night a:link, .showers_night a:visited, .showers_night a:active { color: White; text-decoration: none; }
.showers_night a:hover { color: White; text-decoration: underline; }

.sleet { background: url('images/WeatherWallpaper/sleet.jpg'); background-size: cover; color: White; }
.sleet a:link, .sleet a:visited, .sleet a:active { color:White; text-decoration: none; }
.sleet a:hover { color:White; text-decoration: underline; }

.sleet_night { background: url('images/WeatherWallpaper/sleet.jpg'); background-size: cover; color: White; }
.sleet_night a:link, .sleet_night a:visited, .sleet_night a:active { color:White; text-decoration: none; }
.sleet_night a:hover { color:White; text-decoration: underline; }

.snow { background: url('images/WeatherWallpaper/snow.jpg'); background-size: cover; color: White; }
.snow a:link, .snow a:visited, .snow a:active { color:White; text-decoration: none; }
.snow a:hover { color:White; text-decoration: underline; }

.snow_night { background: url('images/WeatherWallpaper/snow.jpg'); background-size: cover; color: White; }
.snow_night a:link, .snow_night a:visited, .snow_night a:active { color:White; text-decoration: none; }
.snow_night a:hover { color:White; text-decoration: underline; }

.storm { background: url('images/WeatherWallpaper/storm.jpg'); background-size: cover; color: White; }
.storm a:link, .storm a:visited, .storm a:active { color:White; text-decoration: none; }
.storm a:hover { color:White; text-decoration: underline; }

.storm_night { background: url('images/WeatherWallpaper/storm.jpg'); background-size: cover; color: White; }
.storm_night a:link, .storm_night a:visited, .storm_night a:active { color:White; text-decoration: none; }
.storm_night a:hover { color:White; text-decoration: underline; }

.tornado { background: url('images/WeatherWallpaper/tornado.jpg'); background-size: cover; color: White; }
.tornado a:link, .tornado a:visited, .tornado a:active { color:White; text-decoration: none; }
.tornado a:hover { color:White; text-decoration: underline; }

.tornado_night { background: url('images/WeatherWallpaper/tornado.jpg'); background-size: cover; color: White; }
.tornado_night a:link, .tornado_night a:visited, .tornado_night a:active { color:White; text-decoration: none; }
.tornado_night a:hover { color:White; text-decoration: underline; }

.windy { background: url('images/WeatherWallpaper/windy.jpg'); background-size: cover; color: White; }
.windy a:link, .windy a:visited, .windy a:active { color:White; text-decoration: none; }
.windy a:hover { color:White; text-decoration: underline; }

.windy_night { background: url('images/WeatherWallpaper/windy.jpg'); background-size: cover; color: White; }
.windy_night a:link, .windy_night a:visited, .windy_night a:active { color:White; text-decoration: none; }
.windy_night a:hover { color:White; text-decoration: underline; }

.xmas { background: url('images/xmas.jpg'); background-size: cover; color:White; }
.xmas a:link, .xmas a:visited, .xmas a:active { color:White; text-decoration: none; }
.xmas a:hover { color:White; text-decoration: underline; }



.news a:link, .news a:visited, .news a:active { color:Black; text-decoration: none; }
.news a:hover { color:Navy; text-decoration: underline; }

/* https://webgradients.com/ */
    /* background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */
    /* background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%); */