docs/partials/constrained-resize-plugin-css.mustache

	constrained-resize-plugin-css.mustache revision e1f06d991f359a17d51ffceed889ebd88e800fad
.example {
    font-family: sans-serif;
    font-size:13px;
    color: #333;
    line-height:18px;
    width:600px;
    margin:0 auto;
    margin-bottom:20px;
}

.yui3-overlay h1, .yui3-overlay h2, .yui3-overlay h3, .yui3-overlay h4, .yui3-overlay h5 {
  color:white;
  border-bottom:none;
  font-weight:lighter;
}
.example .yui3-overlay {
    background:#161e31;
    color:white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}

.example .yui3-overlay .yui3-widget-hd {
  background: #6b7180; /* Old browsers */
  background: -moz-linear-gradient(top, #6b7180 1%, #4b5365 2%, #273142 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6b7180), color-stop(2%,#4b5365), color-stop(50%,#273142), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B7180', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
  color:white;
  font-weight:bold;
  height:30px;
  font-size:16px;
  text-align:center;
  padding-top:10px;
  border-radius:3px;
}
.example .yui3-overlay #weatherWidgetContent {
  overflow:hidden;
}
.example .yui3-overlay #weatherWidgetContent #mainContainer, .example .yui3-overlay #weatherWidgetContent #futureDays  {
  background: #162749; /* Old browsers */
  background: -moz-linear-gradient(top, #010306 0%, #162749 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010306), color-stop(100%,#162749)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #010306 0%,#162749 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #010306 0%,#162749 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #010306 0%,#162749 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010306', endColorstr='#162749',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #010306 0%,#162749 100%); /* W3C */
  color:white;

}

#mainContainer {
    padding:10px;
    padding-left:55px;
    height:100px;

}
#mainContainer p {
  margin:0; padding:0;
}

#mainContainer #mainImage img {
  float:left;
  border-left:1px solid #5881df;
}

#mainContainer #temp {
  font-size:32px;
  float:left;
  margin: 0 auto auto 10px;
}
#mainContainer #temp p {
  font-size:12px;
  color: #5ea3d3;
  margin:0;
  padding:0;
  font-weight:bold;
}
#mainContainer #otherInfo {
  font-weight:bold;
  font-size:12px;
  margin-top:15px;
}

#futureDays .day {
  float:left;
  padding:10px;
  border:1px solid #202739;
}
#futureDays h3, #futureDays h4 {
  margin:5px 0;
  text-align:center;
}
#futureDays h3 {
  color: #5ea3d3;
}
#mainContainer .clearfix {
  clear:both;
}