You are here

weather_meteocons.css in Weather 7.2

Same filename and directory in other branches
  1. 7.3 css/weather_meteocons.css
/* You must download the Meteocons font from https://www.alessioatzeni.com/meteocons/ and include it in your theme. */

.weather-icon {
  display: inline-block;
  font-family: 'MeteoconsRegular';
  font-size: 64px;
  height: 64px;
  line-height: 64px;
  width: 64px;
}

.weather-icon-01d:before {
  content: 'B';
}
.weather-icon-01m:before {
  content: 'A';
}
.weather-icon-01n:before {
  content: 'C';
}
.weather-icon-02d:before {
  content: 'H';
}
.weather-icon-02m:before {
  content: 'H';
}
.weather-icon-02n:before {
  content: 'I';
}
.weather-icon-03d:before {
  content: 'H';
}
.weather-icon-03m:before {
  content: 'H';
}
.weather-icon-03n:before {
  content: 'I';
}
.weather-icon-04:before {
  content: 'N';
}
.weather-icon-05d:before {
  content: 'Q';
}
.weather-icon-05m:before {
  content: 'Q';
}
.weather-icon-05n:before {
  content: 'Q';
}
.weather-icon-06d:before {
  content: 'P';
}
.weather-icon-06m:before {
  content: 'P';
}
.weather-icon-06n:before {
  content: 'P';
}
.weather-icon-07d:before {
  content: 'X';
}
.weather-icon-07m:before {
  content: 'X';
}
.weather-icon-07n:before {
  content: 'X';
}
.weather-icon-08d:before {
  content: 'V';
}
.weather-icon-08m:before {
  content: 'V';
}
.weather-icon-08n:before {
  content: 'V';
}
.weather-icon-09:before {
  content: 'Q';
}
.weather-icon-10:before {
  content: 'R';
}
.weather-icon-11:before {
  content: '0';
}
.weather-icon-12:before {
  content: 'X';
}
.weather-icon-13:before {
  content: 'W';
}
.weather-icon-14:before {
  content: 'W';
}
.weather-icon-15:before {
  content: 'M';
}
.weather-icon-20d:before {
  content: 'X';
}
.weather-icon-20m:before {
  content: 'X';
}
.weather-icon-20n:before {
  content: 'X';
}
.weather-icon-21d:before {
  content: 'V';
}
.weather-icon-21m:before {
  content: 'V';
}
.weather-icon-21n:before {
  content: 'V';
}
.weather-icon-22:before {
  content: '0';
}
.weather-icon-23:before {
  content: '0';
}
.weather-icon-24d:before {
  content: 'P';
}
.weather-icon-24m:before {
  content: 'P';
}
.weather-icon-24n:before {
  content: 'P';
}
.weather-icon-25d:before {
  content: '0';
}
.weather-icon-25m:before {
  content: '0';
}
.weather-icon-25n:before {
  content: '0';
}
.weather-icon-26d:before {
  content: 'P';
}
.weather-icon-26m:before {
  content: 'P';
}
.weather-icon-26n:before {
  content: 'P';
}
.weather-icon-27d:before {
  content: 'X';
}
.weather-icon-27m:before {
  content: 'X';
}
.weather-icon-27n:before {
  content: 'X';
}
.weather-icon-28d:before {
  content: 'V';
}
.weather-icon-28m:before {
  content: 'V';
}
.weather-icon-28n:before {
  content: 'V';
}
.weather-icon-29d:before {
  content: 'W';
}
.weather-icon-29m:before {
  content: 'W';
}
.weather-icon-29n:before {
  content: 'W';
}
.weather-icon-30:before {
  content: 'P';
}
.weather-icon-31:before {
  content: 'P';
}
.weather-icon-32:before {
  content: 'X';
}
.weather-icon-33:before {
  content: 'P';
}
.weather-icon-34:before {
  content: 'W';
}
.weather-icon-40d:before {
  content: 'Q';
}
.weather-icon-40m:before {
  content: 'Q';
}
.weather-icon-40n:before {
  content: 'Q';
}
.weather-icon-41d:before {
  content: 'R';
}
.weather-icon-41m:before {
  content: 'R';
}
.weather-icon-41n:before {
  content: 'R';
}
.weather-icon-42d:before {
  content: 'R';
}
.weather-icon-42m:before {
  content: 'R';
}
.weather-icon-42n:before {
  content: 'R';
}
.weather-icon-43d:before {
  content: 'X';
}
.weather-icon-43m:before {
  content: 'X';
}
.weather-icon-43n:before {
  content: 'X';
}
.weather-icon-44d:before {
  content: 'V';
}
.weather-icon-44m:before {
  content: 'V';
}
.weather-icon-44n:before {
  content: 'V';
}
.weather-icon-45d:before {
  content: 'W';
}
.weather-icon-45m:before {
  content: 'W';
}
.weather-icon-45n:before {
  content: 'W';
}
.weather-icon-46:before {
  content: 'Q';
}
.weather-icon-47:before {
  content: 'Q';
}
.weather-icon-48:before {
  content: 'X';
}
.weather-icon-49:before {
  content: 'V';
}
.weather-icon-50:before {
  content: 'W';
}

File

css/weather_meteocons.css
View source
  1. /* You must download the Meteocons font from https://www.alessioatzeni.com/meteocons/ and include it in your theme. */
  2. .weather-icon {
  3. display: inline-block;
  4. font-family: 'MeteoconsRegular';
  5. font-size: 64px;
  6. height: 64px;
  7. line-height: 64px;
  8. width: 64px;
  9. }
  10. .weather-icon-01d:before {
  11. content: 'B';
  12. }
  13. .weather-icon-01m:before {
  14. content: 'A';
  15. }
  16. .weather-icon-01n:before {
  17. content: 'C';
  18. }
  19. .weather-icon-02d:before {
  20. content: 'H';
  21. }
  22. .weather-icon-02m:before {
  23. content: 'H';
  24. }
  25. .weather-icon-02n:before {
  26. content: 'I';
  27. }
  28. .weather-icon-03d:before {
  29. content: 'H';
  30. }
  31. .weather-icon-03m:before {
  32. content: 'H';
  33. }
  34. .weather-icon-03n:before {
  35. content: 'I';
  36. }
  37. .weather-icon-04:before {
  38. content: 'N';
  39. }
  40. .weather-icon-05d:before {
  41. content: 'Q';
  42. }
  43. .weather-icon-05m:before {
  44. content: 'Q';
  45. }
  46. .weather-icon-05n:before {
  47. content: 'Q';
  48. }
  49. .weather-icon-06d:before {
  50. content: 'P';
  51. }
  52. .weather-icon-06m:before {
  53. content: 'P';
  54. }
  55. .weather-icon-06n:before {
  56. content: 'P';
  57. }
  58. .weather-icon-07d:before {
  59. content: 'X';
  60. }
  61. .weather-icon-07m:before {
  62. content: 'X';
  63. }
  64. .weather-icon-07n:before {
  65. content: 'X';
  66. }
  67. .weather-icon-08d:before {
  68. content: 'V';
  69. }
  70. .weather-icon-08m:before {
  71. content: 'V';
  72. }
  73. .weather-icon-08n:before {
  74. content: 'V';
  75. }
  76. .weather-icon-09:before {
  77. content: 'Q';
  78. }
  79. .weather-icon-10:before {
  80. content: 'R';
  81. }
  82. .weather-icon-11:before {
  83. content: '0';
  84. }
  85. .weather-icon-12:before {
  86. content: 'X';
  87. }
  88. .weather-icon-13:before {
  89. content: 'W';
  90. }
  91. .weather-icon-14:before {
  92. content: 'W';
  93. }
  94. .weather-icon-15:before {
  95. content: 'M';
  96. }
  97. .weather-icon-20d:before {
  98. content: 'X';
  99. }
  100. .weather-icon-20m:before {
  101. content: 'X';
  102. }
  103. .weather-icon-20n:before {
  104. content: 'X';
  105. }
  106. .weather-icon-21d:before {
  107. content: 'V';
  108. }
  109. .weather-icon-21m:before {
  110. content: 'V';
  111. }
  112. .weather-icon-21n:before {
  113. content: 'V';
  114. }
  115. .weather-icon-22:before {
  116. content: '0';
  117. }
  118. .weather-icon-23:before {
  119. content: '0';
  120. }
  121. .weather-icon-24d:before {
  122. content: 'P';
  123. }
  124. .weather-icon-24m:before {
  125. content: 'P';
  126. }
  127. .weather-icon-24n:before {
  128. content: 'P';
  129. }
  130. .weather-icon-25d:before {
  131. content: '0';
  132. }
  133. .weather-icon-25m:before {
  134. content: '0';
  135. }
  136. .weather-icon-25n:before {
  137. content: '0';
  138. }
  139. .weather-icon-26d:before {
  140. content: 'P';
  141. }
  142. .weather-icon-26m:before {
  143. content: 'P';
  144. }
  145. .weather-icon-26n:before {
  146. content: 'P';
  147. }
  148. .weather-icon-27d:before {
  149. content: 'X';
  150. }
  151. .weather-icon-27m:before {
  152. content: 'X';
  153. }
  154. .weather-icon-27n:before {
  155. content: 'X';
  156. }
  157. .weather-icon-28d:before {
  158. content: 'V';
  159. }
  160. .weather-icon-28m:before {
  161. content: 'V';
  162. }
  163. .weather-icon-28n:before {
  164. content: 'V';
  165. }
  166. .weather-icon-29d:before {
  167. content: 'W';
  168. }
  169. .weather-icon-29m:before {
  170. content: 'W';
  171. }
  172. .weather-icon-29n:before {
  173. content: 'W';
  174. }
  175. .weather-icon-30:before {
  176. content: 'P';
  177. }
  178. .weather-icon-31:before {
  179. content: 'P';
  180. }
  181. .weather-icon-32:before {
  182. content: 'X';
  183. }
  184. .weather-icon-33:before {
  185. content: 'P';
  186. }
  187. .weather-icon-34:before {
  188. content: 'W';
  189. }
  190. .weather-icon-40d:before {
  191. content: 'Q';
  192. }
  193. .weather-icon-40m:before {
  194. content: 'Q';
  195. }
  196. .weather-icon-40n:before {
  197. content: 'Q';
  198. }
  199. .weather-icon-41d:before {
  200. content: 'R';
  201. }
  202. .weather-icon-41m:before {
  203. content: 'R';
  204. }
  205. .weather-icon-41n:before {
  206. content: 'R';
  207. }
  208. .weather-icon-42d:before {
  209. content: 'R';
  210. }
  211. .weather-icon-42m:before {
  212. content: 'R';
  213. }
  214. .weather-icon-42n:before {
  215. content: 'R';
  216. }
  217. .weather-icon-43d:before {
  218. content: 'X';
  219. }
  220. .weather-icon-43m:before {
  221. content: 'X';
  222. }
  223. .weather-icon-43n:before {
  224. content: 'X';
  225. }
  226. .weather-icon-44d:before {
  227. content: 'V';
  228. }
  229. .weather-icon-44m:before {
  230. content: 'V';
  231. }
  232. .weather-icon-44n:before {
  233. content: 'V';
  234. }
  235. .weather-icon-45d:before {
  236. content: 'W';
  237. }
  238. .weather-icon-45m:before {
  239. content: 'W';
  240. }
  241. .weather-icon-45n:before {
  242. content: 'W';
  243. }
  244. .weather-icon-46:before {
  245. content: 'Q';
  246. }
  247. .weather-icon-47:before {
  248. content: 'Q';
  249. }
  250. .weather-icon-48:before {
  251. content: 'X';
  252. }
  253. .weather-icon-49:before {
  254. content: 'V';
  255. }
  256. .weather-icon-50:before {
  257. content: 'W';
  258. }