Orbit/public/desktop_widgets/weather/index.html.erb

45 lines
1.2 KiB
Plaintext

<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>