2012-04-12 06:19:53 +00:00
|
|
|
<style type="text/css">
|
|
|
|
|
.g_weather { position: relative; height: 198px; }
|
|
|
|
|
.g_weather img { float: left; display: block; margin: 0; padding: 12px; }
|
|
|
|
|
.g_weather .gw_recent {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: 96%;
|
|
|
|
|
padding-top: 4%;
|
|
|
|
|
}
|
|
|
|
|
.g_weather .gw_weekly { display: none; }
|
|
|
|
|
.g_weather .gw_location {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
.g_weather .gw_condition_des { font-size: 22px; }
|
|
|
|
|
.g_weather .gw_temp { margin-top: 26px; }
|
|
|
|
|
.g_weather .gw_temp_num { font-size: 56px; }
|
|
|
|
|
.g_weather .gw_temp_unit { font-size: 26px; }
|
|
|
|
|
.g_weather .gw_forecast {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div class="g_weather">
|
|
|
|
|
<div class="gw_recent">
|
|
|
|
|
<img src="desktop_widgets/weather/img/sunny.png" alt="sunny" class="gw_condition">
|
|
|
|
|
<div class="gw_temp">
|
|
|
|
|
<span class="gw_temp_num thmtxt">29</span><span class="gw_temp_unit thmtxt">°C</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="gw_condition_des thmtxt">Sunny</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="gw_weekly">
|
|
|
|
|
weekly report
|
|
|
|
|
</div>
|
|
|
|
|
<div class="gw_location thmtxt">Hsin-Chu</div>
|
|
|
|
|
<a href="" class="gw_forecast thmtxt">> Weekly Report</a>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
g_weather();
|
|
|
|
|
</script>
|
