Section Display
*/
.weather .configure, .weather .locationPick {
display: none;
}
/*
General
*/
.weather {
padding: 8px 8px 0px 8px;
overflow: hidden;
position: relative; /* forces hasLayout for IE7 */
zoom: 1; /* forces hasLayout for IE6 */
}
/* different padding in home ... .podContentContainer is a home element only */
.podContentContainer .weather {
padding: 0;
padding-top: 8px;
}
/*
Heading
*/
.weather h1 {
position: relative;
zoom: 1; /* forces hasLayout for IE6 */
}
.weather h1 .unitPicker {
/* float would make more sense, but causes an IE6 background bug */
position: absolute;
right: 5px;
}
/*
Sections
*/
.weather h1, .weather h2, .weather .heading {
clear: both;
position: relative;
display: block;
text-decoration: none;
padding: 5px;
}
/* CSS hack to send this only to IE7, to fix a double padding bug. */
*+html .weather .heading {
display: inline-block;
}
/* inexplicably, IE6 needs this, too .. see WAC-192*/
* html .weather .heading {
display: inline-block;
}
.weather .heading .label {
float: right;
}
.weather .conditions, .weather .forecast {
clear: both;
}
/*
News
*/
.weather .news {
height: 20px;
}
.weather .news img {
float: left;
}
.weather .news .headline, .weather .news .headline a {
height: 13px;
}
/*
Overall settings
*/
.weather {
background-color: white;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #333;
background-color: white;
}
.weather .fauxLink {
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
.weather .poweredBy {
display: block;
float: right;
clear: both;
height: 15px;
margin-top: 3px;
background: url(http://files.alot.com/widgets/weather/img/aw-logo.png) no-repeat right 2px;
padding-right: 110px;
color: #aaa;
font-size: 9px;
font-weight: bold;
line-height: 15px;
text-decoration: none;
}
/* IE does not really support styling the HR element, so we must use a DIV. */
.weather .hr {
clear: both;
width: 100%;
height: 6px;
margin: 5px 0;
border: 0;
background: url(http://files.alot.com/widgets/weather/img/bg-hr.gif) repeat-x left bottom;
}
/*
Heading
*/
.weather h1 {
font-weight: bold;
color: #777;
}
.weather h1 .unitPicker {
font-weight: normal;
font-size: 11px;
color: #CCC;
}
.weather h1 .unitPicker strong {
font-weight: bold;
color: #777;
}
.weather h1 .unitPicker a { color: #06C; text-decoration: none; }
.weather h1 .unitPicker a:hover { color: #039; }
/*
Preferences
*/
.weather .configure {
border: 1px solid #DDD;
}
.weather .configureInner {
border: 1px solid #85C2E0;
zoom: 1; /* forces hasLayout for IE6 */
}
.weather .configure h2 {
border: none;
border-bottom: 1px solid #85C2E0;
}
.weather .configure form {
margin: 18px 16px;
clear: both;
}
.weather .configure form label {
font-size: 14px;
font-weight: bold;
display: block;
margin-top: 13px;
}
.weather .configure input.error {
border: 2px solid red;
}
/*
Location Pick
*/
.weather .locationPick {
border: 1px solid #E4F0F7;
background: url(http://files.alot.com/widgets/weather/img/bg-fade-bot.png) bottom repeat-x;
}
.weather .locationPick .heading {
border: none;
border-bottom: 1px solid #E4F0F7;
}
.weather .locationPick .inner {
margin: 15px;
}
.weather .locationPick p {
margin: 1em 0 0.5em 0;
font-weight: bold;
}
.weather .locationPick select {
width: 75%;
border: 1px solid #E4F0F7;
}
/*
.weather .locationPick select option {
background-color: #39F;
color: white;
}
*/
.weather .locationPick button {
float: right;
margin-top: 1em;
margin-left: 1em;
}
.weather .locationPick hr {
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
/*
Sections
*/
.weather h1, .weather h2, .weather .heading {
border: 1px solid #E4F0F7;
background: url(http://files.alot.com/widgets/weather/img/bg-fade-bot.png) bottom repeat-x;
color: #777;
font-weight: bold;
}
.weather .heading {
cursor: pointer;
cursor: hand;
}
/*
A collapsed header loses its bottom border, so that it's not doubled with
the top border of the now adjacent header.
*/
.weather h1.collapsed, .weather .heading.collapsed {
border-bottom: none;
}
.weather .heading .label {
font-size: 9px;
font-weight: normal;
text-decoration: none;
color: #777;
}
.weather .heading:hover .label {
color: #06C;
}
.weather .tempRange {
color: #777;
}
.weather .tempRange .hi {
font-weight: bold;
color: #FD1F21;
}
.weather .tempRange .lo {
font-weight: bold;
color: #2C64F4;
}
/*
Conditions
*/
.weather .conditions {
width: 100%;
height: 92px;
}
.weather .conditions td.icon {
width: 110px;
}
.weather .conditions .temp {
float: right;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: black;
}
.weather .conditions .desc {
font-size: 13px;
font-weight: bold;
}
.weather .conditions .tempRange {
float: right;
clear: both;
font-weight: bold;
}
.weather .conditions .tempRange nobr {
display: block;
}
.weather .conditions .updateTime {
color: #AAA;
}
/*
Forecast
*/
.weather li.day {
float: left;
width: 33%;
cursor:pointer;
}
.weather li.day a {
display: block;
margin-bottom: 5px;
color: #06c;
font-weight: bold;
}
.weather li.day img, .weather li.day .temp {
float: left;
}
.weather li.day img {
border: 1px solid #D6E6F1;
}
.weather li.day .temp {
margin-left: 5px;
}
.weather li.day .temp nobr {
display: block;
}
.weather a.hourlyForecast, .weather a.extendedForecast {
margin-bottom: 5px;
color: #06c;
font-weight: bold;
}
.weather a.hourlyForecast {
float: left;
}
.weather a.extendedForecast {
float: right;
}
/*
Alerts
*/
.weather a.alerts {
margin-bottom: 5px;
font-weight: bold;
color: #FD1F21;
}
.weather a.alerts .label, .weather a.alerts:hover .label {
font-weight: normal;
color: #FD1F21;
}
/*
News
*/
.weather .news {
padding-top: 2px;
padding-bottom: 2px;
cursor: default;
}
.weather .news .headline {
padding: 4px;
padding-right: 0;
margin-left: 34px;
background: url(http://files.alot.com/widgets/weather/img/rss-arrow-left.png) center left no-repeat;
}
.weather .news .headline a {
display: block;
overflow: hidden;
padding: 0 4px;
color: #06C;
text-decoration: underline;
background: url(http://files.alot.com/widgets/weather/img/rss-arrow-right.png) center right no-repeat;
}
/*
Errors
*/
.weather .weatherError {
padding: 0.5em 0 0.5em 5px;
margin: 0;
}
.weather .weatherError a {
color: #06c;
}