You are here

Home » API reference » Weather 7.2

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. 

  3. .weather-icon {

  4.   display: inline-block;

  5.   font-family: 'MeteoconsRegular';

  6.   font-size: 64px;

  7.   height: 64px;

  8.   line-height: 64px;

  9.   width: 64px;

  10. }

  11. 

  12. .weather-icon-01d:before {

  13.   content: 'B';

  14. }

  15. .weather-icon-01m:before {

  16.   content: 'A';

  17. }

  18. .weather-icon-01n:before {

  19.   content: 'C';

  20. }

  21. .weather-icon-02d:before {

  22.   content: 'H';

  23. }

  24. .weather-icon-02m:before {

  25.   content: 'H';

  26. }

  27. .weather-icon-02n:before {

  28.   content: 'I';

  29. }

  30. .weather-icon-03d:before {

  31.   content: 'H';

  32. }

  33. .weather-icon-03m:before {

  34.   content: 'H';

  35. }

  36. .weather-icon-03n:before {

  37.   content: 'I';

  38. }

  39. .weather-icon-04:before {

  40.   content: 'N';

  41. }

  42. .weather-icon-05d:before {

  43.   content: 'Q';

  44. }

  45. .weather-icon-05m:before {

  46.   content: 'Q';

  47. }

  48. .weather-icon-05n:before {

  49.   content: 'Q';

  50. }

  51. .weather-icon-06d:before {

  52.   content: 'P';

  53. }

  54. .weather-icon-06m:before {

  55.   content: 'P';

  56. }

  57. .weather-icon-06n:before {

  58.   content: 'P';

  59. }

  60. .weather-icon-07d:before {

  61.   content: 'X';

  62. }

  63. .weather-icon-07m:before {

  64.   content: 'X';

  65. }

  66. .weather-icon-07n:before {

  67.   content: 'X';

  68. }

  69. .weather-icon-08d:before {

  70.   content: 'V';

  71. }

  72. .weather-icon-08m:before {

  73.   content: 'V';

  74. }

  75. .weather-icon-08n:before {

  76.   content: 'V';

  77. }

  78. .weather-icon-09:before {

  79.   content: 'Q';

  80. }

  81. .weather-icon-10:before {

  82.   content: 'R';

  83. }

  84. .weather-icon-11:before {

  85.   content: '0';

  86. }

  87. .weather-icon-12:before {

  88.   content: 'X';

  89. }

  90. .weather-icon-13:before {

  91.   content: 'W';

  92. }

  93. .weather-icon-14:before {

  94.   content: 'W';

  95. }

  96. .weather-icon-15:before {

  97.   content: 'M';

  98. }

  99. .weather-icon-20d:before {

  100.   content: 'X';

  101. }

  102. .weather-icon-20m:before {

  103.   content: 'X';

  104. }

  105. .weather-icon-20n:before {

  106.   content: 'X';

  107. }

  108. .weather-icon-21d:before {

  109.   content: 'V';

  110. }

  111. .weather-icon-21m:before {

  112.   content: 'V';

  113. }

  114. .weather-icon-21n:before {

  115.   content: 'V';

  116. }

  117. .weather-icon-22:before {

  118.   content: '0';

  119. }

  120. .weather-icon-23:before {

  121.   content: '0';

  122. }

  123. .weather-icon-24d:before {

  124.   content: 'P';

  125. }

  126. .weather-icon-24m:before {

  127.   content: 'P';

  128. }

  129. .weather-icon-24n:before {

  130.   content: 'P';

  131. }

  132. .weather-icon-25d:before {

  133.   content: '0';

  134. }

  135. .weather-icon-25m:before {

  136.   content: '0';

  137. }

  138. .weather-icon-25n:before {

  139.   content: '0';

  140. }

  141. .weather-icon-26d:before {

  142.   content: 'P';

  143. }

  144. .weather-icon-26m:before {

  145.   content: 'P';

  146. }

  147. .weather-icon-26n:before {

  148.   content: 'P';

  149. }

  150. .weather-icon-27d:before {

  151.   content: 'X';

  152. }

  153. .weather-icon-27m:before {

  154.   content: 'X';

  155. }

  156. .weather-icon-27n:before {

  157.   content: 'X';

  158. }

  159. .weather-icon-28d:before {

  160.   content: 'V';

  161. }

  162. .weather-icon-28m:before {

  163.   content: 'V';

  164. }

  165. .weather-icon-28n:before {

  166.   content: 'V';

  167. }

  168. .weather-icon-29d:before {

  169.   content: 'W';

  170. }

  171. .weather-icon-29m:before {

  172.   content: 'W';

  173. }

  174. .weather-icon-29n:before {

  175.   content: 'W';

  176. }

  177. .weather-icon-30:before {

  178.   content: 'P';

  179. }

  180. .weather-icon-31:before {

  181.   content: 'P';

  182. }

  183. .weather-icon-32:before {

  184.   content: 'X';

  185. }

  186. .weather-icon-33:before {

  187.   content: 'P';

  188. }

  189. .weather-icon-34:before {

  190.   content: 'W';

  191. }

  192. .weather-icon-40d:before {

  193.   content: 'Q';

  194. }

  195. .weather-icon-40m:before {

  196.   content: 'Q';

  197. }

  198. .weather-icon-40n:before {

  199.   content: 'Q';

  200. }

  201. .weather-icon-41d:before {

  202.   content: 'R';

  203. }

  204. .weather-icon-41m:before {

  205.   content: 'R';

  206. }

  207. .weather-icon-41n:before {

  208.   content: 'R';

  209. }

  210. .weather-icon-42d:before {

  211.   content: 'R';

  212. }

  213. .weather-icon-42m:before {

  214.   content: 'R';

  215. }

  216. .weather-icon-42n:before {

  217.   content: 'R';

  218. }

  219. .weather-icon-43d:before {

  220.   content: 'X';

  221. }

  222. .weather-icon-43m:before {

  223.   content: 'X';

  224. }

  225. .weather-icon-43n:before {

  226.   content: 'X';

  227. }

  228. .weather-icon-44d:before {

  229.   content: 'V';

  230. }

  231. .weather-icon-44m:before {

  232.   content: 'V';

  233. }

  234. .weather-icon-44n:before {

  235.   content: 'V';

  236. }

  237. .weather-icon-45d:before {

  238.   content: 'W';

  239. }

  240. .weather-icon-45m:before {

  241.   content: 'W';

  242. }

  243. .weather-icon-45n:before {

  244.   content: 'W';

  245. }

  246. .weather-icon-46:before {

  247.   content: 'Q';

  248. }

  249. .weather-icon-47:before {

  250.   content: 'Q';

  251. }

  252. .weather-icon-48:before {

  253.   content: 'X';

  254. }

  255. .weather-icon-49:before {

  256.   content: 'V';

  257. }

  258. .weather-icon-50:before {

  259.   content: 'W';

  260. }