You are here

yr_verdata.css in Yr Weatherdata 6.2

Same filename and directory in other branches
  1. 6 yr_verdata.css
  2. 7.3 yr_verdata.css
  3. 7 yr_verdata.css
#yr-content,
#yr-content h3,
#yr-content h4 {
  clear: both;
}
#yr-content h3,
#yr-content h4 {
  margin: 0.6em 0 0.4em;
}
.yr-forecast-boxes {
  display: block;
}
.yr-period-margin-1 {
  margin-left: 157px;
}
.yr-period-margin-2 {
  margin-left: 314px;
}
.yr-period-margin-3 {
  margin-left: 471px;
}
.yr-forecast-boxes .yr-forecast-box {
  background: rgb(247,247,247);
  border: 1px solid rgb(172,172,172);
  display: inline;
  float: left;
  font-size: 90%;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px;
  width: 140px;
}
.yr-symbols img,
.yr-symbol img,
.yr-wind img {
  background: transparent;
  border: 0;
}
.yr-period-time {
  border-bottom: 1px solid rgb(172,172,172);
  font-size: 90%;
  margin: 0;
  padding: 2px 5px;
}
.yr-period-forecast {
  margin: 0;
  padding: 2px 5px;
}
.yr-period-forecast,
.yr-period-forecast * {
  vertical-align: middle;
}
.yr-sun,
.yr-midnightsun {
  background: url(http://fil.nrk.no/yr/grafikk/sym/b38/01d.png) center left no-repeat;
  min-height: 25px;
  padding: 5px 0 3px 45px;
}
.yr-polarnight {
  background: url(http://symbol.yr.no/grafikk/sym/b38/01m.png) center left no-repeat;
  min-height: 25px;
  padding: 5px 0 3px 45px;
}
.yr-period span {
  padding-right: 5px;
}
.yr-temp {
  font: bold 120% Arial, Verdana, sans-serif;
}
.cold {
  color: rgb(0,0,255);
}
.warm {
  color: rgb(255,0,0);
}
p.yr-precip,
p.yr-pressure {
  font-size: 85%;
  margin: 5px 0;
  padding: 0;
}

File

yr_verdata.css
View source
  1. #yr-content,
  2. #yr-content h3,
  3. #yr-content h4 {
  4. clear: both;
  5. }
  6. #yr-content h3,
  7. #yr-content h4 {
  8. margin: 0.6em 0 0.4em;
  9. }
  10. .yr-forecast-boxes {
  11. display: block;
  12. }
  13. .yr-period-margin-1 {
  14. margin-left: 157px;
  15. }
  16. .yr-period-margin-2 {
  17. margin-left: 314px;
  18. }
  19. .yr-period-margin-3 {
  20. margin-left: 471px;
  21. }
  22. .yr-forecast-boxes .yr-forecast-box {
  23. background: rgb(247,247,247);
  24. border: 1px solid rgb(172,172,172);
  25. display: inline;
  26. float: left;
  27. font-size: 90%;
  28. margin-bottom: 5px;
  29. margin-right: 5px;
  30. padding: 5px;
  31. width: 140px;
  32. }
  33. .yr-symbols img,
  34. .yr-symbol img,
  35. .yr-wind img {
  36. background: transparent;
  37. border: 0;
  38. }
  39. .yr-period-time {
  40. border-bottom: 1px solid rgb(172,172,172);
  41. font-size: 90%;
  42. margin: 0;
  43. padding: 2px 5px;
  44. }
  45. .yr-period-forecast {
  46. margin: 0;
  47. padding: 2px 5px;
  48. }
  49. .yr-period-forecast,
  50. .yr-period-forecast * {
  51. vertical-align: middle;
  52. }
  53. .yr-sun,
  54. .yr-midnightsun {
  55. background: url(http://fil.nrk.no/yr/grafikk/sym/b38/01d.png) center left no-repeat;
  56. min-height: 25px;
  57. padding: 5px 0 3px 45px;
  58. }
  59. .yr-polarnight {
  60. background: url(http://symbol.yr.no/grafikk/sym/b38/01m.png) center left no-repeat;
  61. min-height: 25px;
  62. padding: 5px 0 3px 45px;
  63. }
  64. .yr-period span {
  65. padding-right: 5px;
  66. }
  67. .yr-temp {
  68. font: bold 120% Arial, Verdana, sans-serif;
  69. }
  70. .cold {
  71. color: rgb(0,0,255);
  72. }
  73. .warm {
  74. color: rgb(255,0,0);
  75. }
  76. p.yr-precip,
  77. p.yr-pressure {
  78. font-size: 85%;
  79. margin: 5px 0;
  80. padding: 0;
  81. }