You are here

Home » API reference » Yr Weatherdata 6

yr_verdata.css in Yr Weatherdata 6

Same filename and directory in other branches
  1. 6.2 yr_verdata.css
  2. 7.3 yr_verdata.css
  3. 7 yr_verdata.css
#yr-forecast-page .ui-tabs-hide {
  display: none;
}
#yr-forecast-page ul#yr-forecast-tabs-links.ui-tabs-nav {
  background: transparent;
  margin: 0 0 1em 0;
  padding: 10px 0 7px 10px;
}
#yr-forecast-page ul#yr-forecast-tabs-links.ui-tabs-nav li {
  background: transparent;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#yr-forecast-tabs-links.ui-tabs-nav li a {
  border: 1px solid rgb(138,138,138);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  outline: none;
  padding: 7px 15px;
  text-decoration: none;
}
ul#yr-forecast-tabs-links.ui-tabs-nav li.ui-tabs-selected a, ul#yr-forecast-tabs-links li a:hover {
  text-decoration: underline;
}
p.yr-sun {
  background: url(http://fil.nrk.no/yr/grafikk/sym/b38/01d.png) center left no-repeat;
  min-height: 25px;
  padding: 5px 0 3px 40px;
}
#yr-symbol-forecast {
  margin: 1em 0;
  max-width: 600px;
}
#yr-symbol-forecast p, .block-yr_verdata p {
  margin: 0;
  padding: 0;
}
.yr-period-day {
  border-top: 1px solid;
  clear: both;
  display: block;
  padding: 1em 0;
}
.yr-upcoming-periods, .yr-forecast-block-location {
  border: 1px solid;
  border-width: 1px 0;
  margin: 1em 0;
  padding: 0;
}
.yr-forecast-block-location {
  padding: 0.3em 0.8em;
}
.yr-location-name {
  font-weight: bold;
}
.yr-upcoming-period-box, .yr-period-box {
  float: left;
  padding: 0 5px;
}
#yr-forecast-page .yr-upcoming-period-box img, 
#yr-forecast-page .yr-period-box img, 
.block-yr_verdata .yr-forecast-block-location img {
  border: 0;
}
.block-yr_verdata a {
  text-decoration: none;
}
.yr-temp {
  font-size: 115%;
  font-weight: bold;
  vertical-align: top;
}
.yr-temp.minus {
  color: blue;
}
.yr-temp.plus {
  color: red;
}
.yr-precip, .yr-pressure {
  font-size: 80%;
}
.yr-credit p {
  clear: left;
  font-size: 90%;
  padding: 12px 0;
}
.yr-credit p a {
  background: url(http://fil.nrk.no/contentfile/web/bgimages/special/weather/jsversion/banner.png) center left no-repeat;
  color: rgb(0,0,0);
  padding: 5px 10px 5px 70px;
  text-decoration: none;
}

File

yr_verdata.css
View source 
  1. #yr-forecast-page .ui-tabs-hide {

  2.   display: none;

  3. }

  4. #yr-forecast-page ul#yr-forecast-tabs-links.ui-tabs-nav {

  5.   background: transparent;

  6.   margin: 0 0 1em 0;

  7.   padding: 10px 0 7px 10px;

  8. }

  9. #yr-forecast-page ul#yr-forecast-tabs-links.ui-tabs-nav li {

  10.   background: transparent;

  11.   display: inline;

  12.   list-style: none;

  13.   margin: 0;

  14.   padding: 0;

  15. }

  16. ul#yr-forecast-tabs-links.ui-tabs-nav li a {

  17.   border: 1px solid rgb(138,138,138);

  18.   border-radius: 3px;

  19.   -moz-border-radius: 3px;

  20.   -webkit-border-radius: 3px;

  21.   outline: none;

  22.   padding: 7px 15px;

  23.   text-decoration: none;

  24. }

  25. ul#yr-forecast-tabs-links.ui-tabs-nav li.ui-tabs-selected a, ul#yr-forecast-tabs-links li a:hover {

  26.   text-decoration: underline;

  27. }

  28. p.yr-sun {

  29.   background: url(http://fil.nrk.no/yr/grafikk/sym/b38/01d.png) center left no-repeat;

  30.   min-height: 25px;

  31.   padding: 5px 0 3px 40px;

  32. }

  33. #yr-symbol-forecast {

  34.   margin: 1em 0;

  35.   max-width: 600px;

  36. }

  37. #yr-symbol-forecast p, .block-yr_verdata p {

  38.   margin: 0;

  39.   padding: 0;

  40. }

  41. .yr-period-day {

  42.   border-top: 1px solid;

  43.   clear: both;

  44.   display: block;

  45.   padding: 1em 0;

  46. }

  47. .yr-upcoming-periods, .yr-forecast-block-location {

  48.   border: 1px solid;

  49.   border-width: 1px 0;

  50.   margin: 1em 0;

  51.   padding: 0;

  52. }

  53. .yr-forecast-block-location {

  54.   padding: 0.3em 0.8em;

  55. }

  56. .yr-location-name {

  57.   font-weight: bold;

  58. }

  59. .yr-upcoming-period-box, .yr-period-box {

  60.   float: left;

  61.   padding: 0 5px;

  62. }

  63. #yr-forecast-page .yr-upcoming-period-box img, 

  64. #yr-forecast-page .yr-period-box img, 

  65. .block-yr_verdata .yr-forecast-block-location img {

  66.   border: 0;

  67. }

  68. .block-yr_verdata a {

  69.   text-decoration: none;

  70. }

  71. .yr-temp {

  72.   font-size: 115%;

  73.   font-weight: bold;

  74.   vertical-align: top;

  75. }

  76. .yr-temp.minus {

  77.   color: blue;

  78. }

  79. .yr-temp.plus {

  80.   color: red;

  81. }

  82. .yr-precip, .yr-pressure {

  83.   font-size: 80%;

  84. }

  85. .yr-credit p {

  86.   clear: left;

  87.   font-size: 90%;

  88.   padding: 12px 0;

  89. }

  90. .yr-credit p a {

  91.   background: url(http://fil.nrk.no/contentfile/web/bgimages/special/weather/jsversion/banner.png) center left no-repeat;

  92.   color: rgb(0,0,0);

  93.   padding: 5px 10px 5px 70px;

  94.   text-decoration: none;

  95. }