1245 lines
65 KiB
XML
1245 lines
65 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!-- (c) ammap.com | SVG weather icons -->
|
|
<svg
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
style="position: absolute; width: 0; height: 0;"
|
|
width="0"
|
|
height="0">
|
|
<defs>
|
|
<style type="text/css"><![CDATA[
|
|
/*
|
|
** CLOUDS
|
|
*/
|
|
@keyframes am-weather-cloud-1 {
|
|
0% {
|
|
-webkit-transform: translate(-5px,0px);
|
|
-moz-transform: translate(-5px,0px);
|
|
-ms-transform: translate(-5px,0px);
|
|
transform: translate(-5px,0px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translate(10px,0px);
|
|
-moz-transform: translate(10px,0px);
|
|
-ms-transform: translate(10px,0px);
|
|
transform: translate(10px,0px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(-5px,0px);
|
|
-moz-transform: translate(-5px,0px);
|
|
-ms-transform: translate(-5px,0px);
|
|
transform: translate(-5px,0px);
|
|
}
|
|
}
|
|
|
|
.am-weather-cloud-1 {
|
|
-webkit-animation-name: am-weather-cloud-1;
|
|
-moz-animation-name: am-weather-cloud-1;
|
|
animation-name: am-weather-cloud-1;
|
|
-webkit-animation-duration: 7s;
|
|
-moz-animation-duration: 7s;
|
|
animation-duration: 7s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes am-weather-cloud-2 {
|
|
0% {
|
|
-webkit-transform: translate(0px,0px);
|
|
-moz-transform: translate(0px,0px);
|
|
-ms-transform: translate(0px,0px);
|
|
transform: translate(0px,0px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translate(2px,0px);
|
|
-moz-transform: translate(2px,0px);
|
|
-ms-transform: translate(2px,0px);
|
|
transform: translate(2px,0px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(0px,0px);
|
|
-moz-transform: translate(0px,0px);
|
|
-ms-transform: translate(0px,0px);
|
|
transform: translate(0px,0px);
|
|
}
|
|
}
|
|
|
|
.am-weather-cloud-2 {
|
|
-webkit-animation-name: am-weather-cloud-2;
|
|
-moz-animation-name: am-weather-cloud-2;
|
|
animation-name: am-weather-cloud-2;
|
|
-webkit-animation-duration: 3s;
|
|
-moz-animation-duration: 3s;
|
|
animation-duration: 3s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
/*
|
|
** STROKE
|
|
*/
|
|
@keyframes am-weather-stroke {
|
|
0% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
2% {
|
|
-webkit-transform: translate(0.3px,0.0px);
|
|
-moz-transform: translate(0.3px,0.0px);
|
|
-ms-transform: translate(0.3px,0.0px);
|
|
transform: translate(0.3px,0.0px);
|
|
}
|
|
|
|
4% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: translate(0.5px,0.4px);
|
|
-moz-transform: translate(0.5px,0.4px);
|
|
-ms-transform: translate(0.5px,0.4px);
|
|
transform: translate(0.5px,0.4px);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: translate(0.3px,0.0px);
|
|
-moz-transform: translate(0.3px,0.0px);
|
|
-ms-transform: translate(0.3px,0.0px);
|
|
transform: translate(0.3px,0.0px);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
14% {
|
|
-webkit-transform: translate(0.3px,0.0px);
|
|
-moz-transform: translate(0.3px,0.0px);
|
|
-ms-transform: translate(0.3px,0.0px);
|
|
transform: translate(0.3px,0.0px);
|
|
}
|
|
|
|
16% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: translate(0.3px,0.0px);
|
|
-moz-transform: translate(0.3px,0.0px);
|
|
-ms-transform: translate(0.3px,0.0px);
|
|
transform: translate(0.3px,0.0px);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
22% {
|
|
-webkit-transform: translate(1px,0.0px);
|
|
-moz-transform: translate(1px,0.0px);
|
|
-ms-transform: translate(1px,0.0px);
|
|
transform: translate(1px,0.0px);
|
|
}
|
|
|
|
24% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
26% {
|
|
-webkit-transform: translate(-1px,0.0px);
|
|
-moz-transform: translate(-1px,0.0px);
|
|
-ms-transform: translate(-1px,0.0px);
|
|
transform: translate(-1px,0.0px);
|
|
|
|
}
|
|
|
|
28% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
40% {
|
|
fill: orange;
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
|
|
65% {
|
|
fill: white;
|
|
-webkit-transform: translate(-1px,5.0px);
|
|
-moz-transform: translate(-1px,5.0px);
|
|
-ms-transform: translate(-1px,5.0px);
|
|
transform: translate(-1px,5.0px);
|
|
}
|
|
61% {
|
|
fill: orange;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(0.0px,0.0px);
|
|
-moz-transform: translate(0.0px,0.0px);
|
|
-ms-transform: translate(0.0px,0.0px);
|
|
transform: translate(0.0px,0.0px);
|
|
}
|
|
}
|
|
|
|
.am-weather-stroke {
|
|
-webkit-animation-name: am-weather-stroke;
|
|
-moz-animation-name: am-weather-stroke;
|
|
animation-name: am-weather-stroke;
|
|
-webkit-animation-duration: 1.11s;
|
|
-moz-animation-duration: 1.11s;
|
|
animation-duration: 1.11s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
** SUN
|
|
*/
|
|
@keyframes am-weather-sun {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.am-weather-sun {
|
|
-webkit-animation-name: am-weather-sun;
|
|
-moz-animation-name: am-weather-sun;
|
|
-ms-animation-name: am-weather-sun;
|
|
animation-name: am-weather-sun;
|
|
-webkit-animation-duration: 9s;
|
|
-moz-animation-duration: 9s;
|
|
-ms-animation-duration: 9s;
|
|
animation-duration: 9s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes am-weather-sun-shiny {
|
|
0% {
|
|
stroke-dasharray: 3px 10px;
|
|
stroke-dashoffset: 0px;
|
|
}
|
|
|
|
50% {
|
|
stroke-dasharray: 0.1px 10px;
|
|
stroke-dashoffset: -1px;
|
|
}
|
|
|
|
100% {
|
|
stroke-dasharray: 3px 10px;
|
|
stroke-dashoffset: 0px;
|
|
}
|
|
}
|
|
|
|
.am-weather-sun-shiny line {
|
|
-webkit-animation-name: am-weather-sun-shiny;
|
|
-moz-animation-name: am-weather-sun-shiny;
|
|
-ms-animation-name: am-weather-sun-shiny;
|
|
animation-name: am-weather-sun-shiny;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
** MOON
|
|
*/
|
|
@keyframes am-weather-moon {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: rotate(15deg);
|
|
-moz-transform: rotate(15deg);
|
|
-ms-transform: rotate(15deg);
|
|
transform: rotate(15deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.am-weather-moon {
|
|
-webkit-animation-name: am-weather-moon;
|
|
-moz-animation-name: am-weather-moon;
|
|
-ms-animation-name: am-weather-moon;
|
|
animation-name: am-weather-moon;
|
|
-webkit-animation-duration: 6s;
|
|
-moz-animation-duration: 6s;
|
|
-ms-animation-duration: 6s;
|
|
animation-duration: 6s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
|
|
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
|
|
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
|
|
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
|
|
}
|
|
|
|
@keyframes am-weather-moon-star-1 {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.am-weather-moon-star-1 {
|
|
-webkit-animation-name: am-weather-moon-star-1;
|
|
-moz-animation-name: am-weather-moon-star-1;
|
|
-ms-animation-name: am-weather-moon-star-1;
|
|
animation-name: am-weather-moon-star-1;
|
|
-webkit-animation-delay: 3s;
|
|
-moz-animation-delay: 3s;
|
|
-ms-animation-delay: 3s;
|
|
animation-delay: 3s;
|
|
-webkit-animation-duration: 5s;
|
|
-moz-animation-duration: 5s;
|
|
-ms-animation-duration: 5s;
|
|
animation-duration: 5s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: 1;
|
|
-moz-animation-iteration-count: 1;
|
|
-ms-animation-iteration-count: 1;
|
|
animation-iteration-count: 1;
|
|
}
|
|
|
|
@keyframes am-weather-moon-star-2 {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.am-weather-moon-star-2 {
|
|
-webkit-animation-name: am-weather-moon-star-2;
|
|
-moz-animation-name: am-weather-moon-star-2;
|
|
-ms-animation-name: am-weather-moon-star-2;
|
|
animation-name: am-weather-moon-star-2;
|
|
-webkit-animation-delay: 5s;
|
|
-moz-animation-delay: 5s;
|
|
-ms-animation-delay: 5s;
|
|
animation-delay: 5s;
|
|
-webkit-animation-duration: 4s;
|
|
-moz-animation-duration: 4s;
|
|
-ms-animation-duration: 4s;
|
|
animation-duration: 4s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: 1;
|
|
-moz-animation-iteration-count: 1;
|
|
-ms-animation-iteration-count: 1;
|
|
animation-iteration-count: 1;
|
|
}
|
|
|
|
/*
|
|
** RAIN
|
|
*/
|
|
@keyframes am-weather-rain {
|
|
0% {
|
|
stroke-dashoffset: 0;
|
|
}
|
|
|
|
100% {
|
|
stroke-dashoffset: -100;
|
|
}
|
|
}
|
|
|
|
.am-weather-rain-1 {
|
|
-webkit-animation-name: am-weather-rain;
|
|
-moz-animation-name: am-weather-rain;
|
|
-ms-animation-name: am-weather-rain;
|
|
animation-name: am-weather-rain;
|
|
-webkit-animation-duration: 8s;
|
|
-moz-animation-duration: 8s;
|
|
-ms-animation-duration: 8s;
|
|
animation-duration: 8s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.am-weather-rain-2 {
|
|
-webkit-animation-name: am-weather-rain;
|
|
-moz-animation-name: am-weather-rain;
|
|
-ms-animation-name: am-weather-rain;
|
|
animation-name: am-weather-rain;
|
|
-webkit-animation-delay: 0.25s;
|
|
-moz-animation-delay: 0.25s;
|
|
-ms-animation-delay: 0.25s;
|
|
animation-delay: 0.25s;
|
|
-webkit-animation-duration: 8s;
|
|
-moz-animation-duration: 8s;
|
|
-ms-animation-duration: 8s;
|
|
animation-duration: 8s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
|
|
/*
|
|
** SNOW
|
|
*/
|
|
@keyframes am-weather-snow {
|
|
0% {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
-ms-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0);
|
|
}
|
|
|
|
33.33% {
|
|
-webkit-transform: translateX(-1.2px) translateY(2px);
|
|
-moz-transform: translateX(-1.2px) translateY(2px);
|
|
-ms-transform: translateX(-1.2px) translateY(2px);
|
|
transform: translateX(-1.2px) translateY(2px);
|
|
}
|
|
|
|
66.66% {
|
|
-webkit-transform: translateX(1.4px) translateY(4px);
|
|
-moz-transform: translateX(1.4px) translateY(4px);
|
|
-ms-transform: translateX(1.4px) translateY(4px);
|
|
transform: translateX(1.4px) translateY(4px);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(-1.6px) translateY(6px);
|
|
-moz-transform: translateX(-1.6px) translateY(6px);
|
|
-ms-transform: translateX(-1.6px) translateY(6px);
|
|
transform: translateX(-1.6px) translateY(6px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes am-weather-snow-reverse {
|
|
0% {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
-ms-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0);
|
|
}
|
|
|
|
33.33% {
|
|
-webkit-transform: translateX(1.2px) translateY(2px);
|
|
-moz-transform: translateX(1.2px) translateY(2px);
|
|
-ms-transform: translateX(1.2px) translateY(2px);
|
|
transform: translateX(1.2px) translateY(2px);
|
|
}
|
|
|
|
66.66% {
|
|
-webkit-transform: translateX(-1.4px) translateY(4px);
|
|
-moz-transform: translateX(-1.4px) translateY(4px);
|
|
-ms-transform: translateX(-1.4px) translateY(4px);
|
|
transform: translateX(-1.4px) translateY(4px);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(1.6px) translateY(6px);
|
|
-moz-transform: translateX(1.6px) translateY(6px);
|
|
-ms-transform: translateX(1.6px) translateY(6px);
|
|
transform: translateX(1.6px) translateY(6px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.am-weather-snow-1 {
|
|
-webkit-animation-name: am-weather-snow;
|
|
-moz-animation-name: am-weather-snow;
|
|
-ms-animation-name: am-weather-snow;
|
|
animation-name: am-weather-snow;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.am-weather-snow-2 {
|
|
-webkit-animation-name: am-weather-snow;
|
|
-moz-animation-name: am-weather-snow;
|
|
-ms-animation-name: am-weather-snow;
|
|
animation-name: am-weather-snow;
|
|
-webkit-animation-delay: 1.2s;
|
|
-moz-animation-delay: 1.2s;
|
|
-ms-animation-delay: 1.2s;
|
|
animation-delay: 1.2s;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.am-weather-snow-3 {
|
|
-webkit-animation-name: am-weather-snow-reverse;
|
|
-moz-animation-name: am-weather-snow-reverse;
|
|
-ms-animation-name: am-weather-snow-reverse;
|
|
animation-name: am-weather-snow-reverse;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
/*
|
|
** EASING
|
|
*/
|
|
.am-weather-easing-ease-in-out {
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
-moz-animation-timing-function: ease-in-out;
|
|
-ms-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
|
|
]]></style>
|
|
</defs>
|
|
<symbol id="thunder" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g class="am-weather-cloud-1">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
|
|
</g>
|
|
<g transform="translate(-9,28), scale(1.2)">
|
|
<polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="day" viewBox="0 0 64 64">
|
|
<g transform="translate(32,32)">
|
|
<g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="night" viewBox="0 0 64 64">
|
|
<g transform="translate(20,20)">
|
|
<g class="am-weather-moon-star-1">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
|
|
</g>
|
|
<g class="am-weather-moon-star-2">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
|
|
</g>
|
|
<g class="am-weather-moon">
|
|
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-day-1" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-night-1" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(16,4), scale(0.8)">
|
|
<g class="am-weather-moon-star-1">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
|
|
</g>
|
|
<g class="am-weather-moon-star-2">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
|
|
</g>
|
|
<g class="am-weather-moon">
|
|
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-day-2" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-night-2" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(16,4), scale(0.8)">
|
|
<g class="am-weather-moon-star-1">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
|
|
</g>
|
|
<g class="am-weather-moon-star-2">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
|
|
</g>
|
|
<g class="am-weather-moon">
|
|
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-day-3" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy-night-3" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(16,4), scale(0.8)">
|
|
<g class="am-weather-moon-star-1">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
|
|
</g>
|
|
<g class="am-weather-moon-star-2">
|
|
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
|
|
</g>
|
|
<g class="am-weather-moon">
|
|
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="cloudy" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g class="am-weather-cloud-1">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-1" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16), scale(1.2)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(34,46), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-2" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(37,45), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-3" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(34,46), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-4" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(37,45), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-5" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(34,46), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-6" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(31,46), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="rainy-7" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(31,46), rotate(10)">
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
|
|
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-1" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16), scale(1.2)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(20,9)">
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(7,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-2">
|
|
<g transform="translate(16,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-2" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(32,38)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-3" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g transform="translate(0,16)">
|
|
<g class="am-weather-sun">
|
|
<g>
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(45)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(90)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(135)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(180)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(225)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(270)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
<g transform="rotate(315)">
|
|
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
|
|
</g>
|
|
</g>
|
|
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
|
|
</g>
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(7,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-2">
|
|
<g transform="translate(16,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-4" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g>
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(11,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-5" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g class="snowy-6-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(7,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-2">
|
|
<g transform="translate(16,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
<symbol id="snowy-6" viewBox="0 0 64 64">
|
|
<g transform="translate(20,10)">
|
|
<g class="am-weather-cloud-2">
|
|
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
|
|
</g>
|
|
<g class="am-weather-snow-1">
|
|
<g transform="translate(3,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-2">
|
|
<g transform="translate(11,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
<g class="am-weather-snow-3">
|
|
<g transform="translate(20,28)">
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
</svg> |