various update

public/desktop_widgets/clock/clock.css

@@ -1,6 +1,6 @@
 .clock{
 	/* The .clock div. Created dynamically by jQuery */
-	background-color:#252525;
+	/*background-color:#252525;*/
 	height:200px;
 	width:200px;
 	position:relative;
@@ -25,7 +25,7 @@
 .clock .bg, .clock .front{
 	width:100px;
 	height:200px;
-	background-color:#252525;
+	/*background-color:#252525;*/
 	position:absolute;
 	top:0;
 }

public/desktop_widgets/clock/index.html.erb

@@ -1,7 +1,8 @@
+<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:#252525;
+	/*background-color:#252525;*/
 	height:75px;
 	width:75px;
 	position:relative;
@@ -26,7 +27,7 @@
 .clock .bg, .clock .front{
 	width:50px;
 	height:75px;
-	background-color:#252525;
+	/*background-color:#252525;*/
 	position:absolute;
 	top:0;
 }
@@ -35,16 +36,14 @@
 	/* Holds the number of seconds, minutes or hours respectfully */
 	position:absolute;
 	width:75px;
-	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
+	font-family: Orbitron, sans-serif;
 	z-index:20;
 	color:#F5F5F5;
-	font-size:22.5px;
+	font-size:21px;
 	text-align:center;
 	top:27.5px;
 	left:0;
 	
-	/* CSS3 text shadow: */
-	text-shadow:4px 4px 5px #333333;
 }
 
 /* The left part of the background: */
@@ -68,7 +67,13 @@
 	left:0;
 	z-index:10;
 }
-
+#fancyClock {
+	position: absolute;
+	overflow: hidden;
+	top: 50%;
+	left: 50%;
+	margin: -36px 0 0 -114px;
+}
 </style>
 <div id="fancyClock"></div>
 <script>