update for desktop widgets
This commit is contained in:
Harry Bomrah authored and 
chris committed
1 parent
2e809c5c19
commit
ca3e06c58b
37 files changed
+284
-179
No files matched your search
@@ -1,81 +0,0 @@
|
||||
<link href="http://fonts.googleapis.com/css?family=Rationale|Orbitron" rel="stylesheet" type="text/css">
|
||||
<style>
|
||||
.clock{
|
||||
/* The .clock div. Created dynamically by jQuery */
|
||||
background-color:#111;
|
||||
height:75px;
|
||||
width:75px;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.clock .rotate{
|
||||
/* There are two .rotate divs - one for each half of the background */
|
||||
position:absolute;
|
||||
width:75px;
|
||||
height:75px;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.rotate.right{
|
||||
display:none;
|
||||
z-index:9;
|
||||
}
|
||||
|
||||
.clock .bg, .clock .front{
|
||||
width:37.5px;
|
||||
height:75px;
|
||||
background-color:#111;
|
||||
position:absolute;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.clock .display{
|
||||
/* Holds the number of seconds, minutes or hours respectfully */
|
||||
position:absolute;
|
||||
width:75px;
|
||||
font-family: Orbitron, sans-serif;
|
||||
z-index:17;
|
||||
color:#F5F5F5;
|
||||
font-size:21px;
|
||||
text-align:center;
|
||||
top:27.5px;
|
||||
left:0px;
|
||||
|
||||
}
|
||||
|
||||
/* The left part of the background: */
|
||||
|
||||
.clock .bg.left{ left:0px; }
|
||||
|
||||
/* Individual styles for each color: */
|
||||
.orange .bg.left{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_orange.png) no-repeat left top; }
|
||||
.green .bg.left{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_green.png) no-repeat left top; }
|
||||
.blue .bg.left{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_blue.png) no-repeat left top; }
|
||||
|
||||
/* The right part of the background: */
|
||||
.clock .bg.right{ left:37.5px; }
|
||||
|
||||
.orange .bg.right{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_orange.png) no-repeat right top; }
|
||||
.green .bg.right{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_green.png) no-repeat right top; }
|
||||
.blue .bg.right{ background:url(desktop_widgets/4fa7810ac88514014d7c59bc/img/bg_blue.png) no-repeat right top; }
|
||||
|
||||
|
||||
.clock .front.left{
|
||||
left:0;
|
||||
z-index:15;
|
||||
}
|
||||
#fancyClock {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -36px 0 0 -114px;
|
||||
}
|
||||
</style>
|
||||
<div id="fancyClock"></div>
|
||||
<script>
|
||||
$('#fancyClock').tzineClock();
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
@@ -1,45 +0,0 @@
|
||||
<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/4fa7817cc88514014d7c59c2/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>
|
||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"author" : "Harry",
|
||||
"name" : "Clock",
|
||||
"shape" : "w2 h1",
|
||||
"version" : "1.0"
|
||||
|
||||
}
|
||||
Executable
+5
@@ -0,0 +1,5 @@
|
||||
<link href="http://fonts.googleapis.com/css?family=Rationale|Orbitron" rel="stylesheet" type="text/css">
|
||||
<div id="fancyClock"></div>
|
||||
<script>
|
||||
$('#fancyClock').tzineClock();
|
||||
</script>
|
||||
@@ -0,0 +1,26 @@
|
||||
.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;
|
||||
}
|
||||
File renamed without changes.
File renamed without changes.
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"author" : "Devin",
|
||||
"name" : "Weather",
|
||||
"shape" : "w2 h2",
|
||||
"version" : "0.0"
|
||||
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="g_weather">
|
||||
<div class="gw_recent">
|
||||
<img src="desktop_widgets/4fa7817cc88514014d7c59c2/img/sunny.png" alt="sunny" class="gw_condition widget_image">
|
||||
<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>
|
||||
Reference in new issue
Block a user