.forecast-plugin {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
border-radius: 3px;
}
.forecast-header {
width: 100%;
overflow: auto;
border-radius: 3px;
}
.forecast-padding {
padding: 10px;
overflow: auto;
}
.forecast-header-left {
float: left;
width: 50%;
}
.forecast-header-middle {
float: left;
width: 25%;
font-size: 32px;
padding-top: 10px;
}
.forecast-header-right {
float: left;
width: 25%;
text-align: right;
}
.forecast-header-right img {
height: 50px;
width: 50px;
}
.forecast {
overflow: auto;
width: 100%;
margin-top: -2px;
}
.forecast-item {
width: 100%;
float: left;
border-bottom: 1px solid #DDD;
}
.forecast-item-right img {
width: 22px;
height: 22px;
}
.forecast-item-left {
width: 35%;
float: left;
}
.forecast-item-middle {
width: 45%;
float: left;
text-align: right;
}
.forecast-item-right {
width: 20%;
float: left;
text-align: center;
}
.forecast-footer {
top: -0.9em !important;
font-size: 14px;
}
.white {
background: #FFF;
color: #000;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.black {
background: #000;
color: #DDD;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.whitecolor {
color: #fff;
}
/* METRO MINIMAL Custom Template ------------- */
.mw-mm-wrap { margin: 0 auto; display: inline-block; width: 100%; padding: 0; }
.mw-mm-wrap .forecast-header { margin: 0 auto; display: inline-block; padding: 0; }
.mw-mm-wicon { float: left;}
.mw-mm-wicon img { padding: 0 0 10px 0; }
.mw-mm-text { font-size: 16px; margin-top: 8px; display: block; line-height: 1.1em; overflow: auto; position: relative; text-align: left;}
.mw-mm-text span { padding-left: 8px; }
.mw-mm-text span.mw-location { font-size: 22px; line-height: 1.1em; }
.mw-mm-text strong { font-weight: bold; }
.mw-mm-clear { clear: both; }