-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathweather.css
100 lines (92 loc) · 2.82 KB
/
weather.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
@font-face {
font-family: 'weather';
src: url('font/artill_clean_icons-webfont.eot');
src: url('font/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
url('font/artill_clean_icons-webfont.woff') format('woff'),
url('font/artill_clean_icons-webfont.ttf') format('truetype'),
url('font/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
font-weight: normal;
font-style: normal;
}
.weather {
text-align: center;
margin-bottom: 20px;
background-repeat: no-repeat;
}
.weather i.icon {
font-family: weather;
font-size: 170px;
font-size: 8.85vw;
font-weight: normal;
font-style: normal;
line-height: 1.0;
vertical-align: middle;
}
[class^="weather-"]:before, [class*=" weather-"]:before {
font-family: 'weather';
}
a [class^="weather-"], a [class*=" weather-"] {
}
.weather-0:before { content: ":"; }
.weather-1:before { content: "p"; }
.weather-2:before { content: "S"; }
.weather-3:before { content: "Q"; }
.weather-4:before { content: "S"; }
.weather-5:before { content: "W"; }
.weather-6:before { content: "W"; }
.weather-7:before { content: "W"; }
.weather-8:before { content: "W"; }
.weather-9:before { content: "I"; }
.weather-10:before { content: "W"; }
.weather-11:before { content: "I"; }
.weather-12:before { content: "I"; }
.weather-13:before { content: "I"; }
.weather-14:before { content: "I"; }
.weather-15:before { content: "W"; }
.weather-16:before { content: "I"; }
.weather-17:before { content: "W"; }
.weather-18:before { content: "U"; }
.weather-19:before { content: "Z"; }
.weather-20:before { content: "Z"; }
.weather-21:before { content: "Z"; }
.weather-22:before { content: "Z"; }
.weather-23:before { content: "Z"; }
.weather-24:before { content: "E"; }
.weather-25:before { content: "E"; }
.weather-26:before { content: "3"; }
.weather-27:before { content: "a"; }
.weather-28:before { content: "A"; }
.weather-29:before { content: "a"; }
.weather-30:before { content: "A"; }
.weather-31:before { content: "6"; }
.weather-32:before { content: "1"; }
.weather-33:before { content: "6"; }
.weather-34:before { content: "1"; }
.weather-35:before { content: "W"; }
.weather-36:before { content: "1"; }
.weather-37:before { content: "S"; }
.weather-38:before { content: "S"; }
.weather-39:before { content: "S"; }
.weather-40:before { content: "M"; }
.weather-41:before { content: "W"; }
.weather-42:before { content: "I"; }
.weather-43:before { content: "W"; }
.weather-44:before { content: "a"; }
.weather-45:before { content: "S"; }
.weather-46:before { content: "U"; }
.weather-47:before { content: "S"; }
.temperature {
margin-left: 2rem;
margin-top: 2rem;
font-size: 6rem;
font-size: 3.15vw;
display: inline-block;
line-height: 1.1;
vertical-align: middle;
}
.condition {
display: block;
font-size: 2rem;
font-size: 1.05vw;
line-height: 1.3;
}