CSS cleanup, HTML5 doctype/tag

Signed-off-by: Amrit Panesar <neo@neo.yt>

Source/index.html

@@ -1,5 +1,5 @@
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
+ <!DOCTYPE html> 
-<html xmlns="http://www.w3.org/1999/xhtml"> 
+<html> 
 	<head> 
 		<link href="style.css" rel="stylesheet" type="text/css" /> 
 		<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'>

Source/style.css

@@ -36,8 +36,7 @@ caption, th, td {
 	text-align: left;
 	font-weight: normal;
 }
-blockquote:before, blockquote:after,
+blockquote:before, blockquote:after, q:before, q:after {
-q:before, q:after {
 	content: "";
 }
 blockquote, q {
@@ -56,21 +55,20 @@ body {
 	overflow: hidden;
 }
 
-	#bokeh {
+#bokeh {
 	width: 1500px;
 	height: 100%;
 	margin: 0 auto;
 	background: #000;
-	}
+}
 
-		#bokeh #background {
+#bokeh #background {
 	height: 100%;
 	-webkit-animation-name: fadeInBack;
 	-webkit-animation-duration: 3s;
-		}		
+}
 
-			
+@-webkit-keyframes fadeInBack {
-	@-webkit-keyframes fadeInBack {
 	from {
 		opacity: 0;
 	}
@@ -79,25 +77,21 @@ body {
 	}
 }
 
-		
+#bokeh #container {
-		#bokeh #container {
 	background: url('container.png') no-repeat center center;
 	height: 100%;
 	position:relative;
 	top:-100%; 
-		}
+}
 
 
-	
+#canvas { 
-	
-
-	#canvas { 
 	width: 100%;
 	position: absolute;
 	top:50%;
-	}
+}
 
-	#box {
+#box {
 	background: -webkit-gradient(
 		linear,
 		left bottom,
@@ -116,9 +110,9 @@ body {
 	border: #000 1px solid;
 
 	/*-webkit-animation: fadeClock 1.5s ease-in-out;*/
-	}
+}
 
-		@-webkit-keyframes fadeClock {
+@-webkit-keyframes fadeClock {
 	0%{
 		opacity: 0.0;
 		-webkit-transform: scale(0.1);
@@ -129,14 +123,14 @@ body {
 	100% {
 	-webkit-transform: scale(1);
 	}
-		}
+}
 
-		#face {
+#face {
 	position: relative;
 	top: -15px;
-		}
+}
 
-			#face .flip {
+#face .flip {
 	display: inline-block;
 	width: 210px;
 	width: 210px;
@@ -149,10 +143,10 @@ body {
 	text-align: center;
 	border: #fff 1px solid;
 	-webkit-box-shadow: #000 0px 0px 10px;
-			}
+}
 
-				.topPortion {
+.topPortion {
-					background:  -webkit-gradient(
+background: -webkit-gradient(
 		linear,
 		left bottom,
 		left top, 
@@ -163,10 +157,10 @@ body {
 	margin-bottom: 1px;
 	-webkit-border-top-left-radius: 15px;
 	-webkit-border-top-right-radius: 15px;
-				}	
+}
 
-				.bottomPortion {
+.bottomPortion {
-					background:  -webkit-gradient(
+background: -webkit-gradient(
 		linear,
 		left bottom,
 		left top,
@@ -176,34 +170,34 @@ body {
 	height: 115px;
 	-webkit-border-bottom-left-radius: 15px;
 	-webkit-border-bottom-right-radius: 15px;
-				}
+}
 
-				.time {
+.time {
 	position: relative;
 	top:-230px;
 	color: #353535;
 	text-shadow: #fff 0px 0px 10px;
 	text-shadow: inset red 0px 0px 5px;
-				}
+}
 
-			#face #flipHr {
+#face #flipHr {
 	margin-right: 20px;
-			}			
+}
 
-			#face #flipMin {
+#face #flipMin {
 	margin-right: 20px;
-			}
+}
 
-			#tod {
+#tod {
 	position: relative;
 	top:-420px;
 	left: 55px;
 	font-size: 28px;
 	color: #929292;
-			}
+}
 
 
-		#lower {
+#lower {
 	margin-top: 25px;
 	margin-left: 30px; 
 	margin-right: 30px; 
@@ -211,13 +205,13 @@ body {
 	font-size: 22px;
 	text-align: center;
 	text-shadow: #000 0px 0px 5px;
-		}
+}
 
-			#date {
+#date {
 	font-size: 30px;
-			}
+}
 
-		#footer {
+#footer {
 	position: absolute;
 	bottom: 50px;
 	left: 50%;
@@ -227,29 +221,29 @@ body {
 	text-align: center;
 	margin-left: -125px;
 	font-family: Georgia, Serif;
-		}
+}
 
-			#footer a {
+#footer a {
 	color: #666666;
-			} 
+} 
 
-				#footer a:hover {
+#footer a:hover {
 	color: #fff;
-				}
+}
 
 
-		#status {
+#status {
 	font-size: 12px;
 	position: absolute;
 	bottom: 50px;
 	right: 50px;
-		}
+}
 
 #options {
 	float: right;
-				}
+}
 
-					#options a {
+#options a {
 	font-weight: bold;
 	display: block;
 	height: 25px;
@@ -262,10 +256,10 @@ body {
 	line-height: 25px;
 	color: rgba(0,0,0,0);
 	text-decoration: none;
-					}
+}
 
-						#options a:hover {
+#options a:hover {
 	width: 130px;
 	color: #fff; 
 	padding-left: 30px;
-						}
+}