Fixed CSS for ALL modern browsers. — Please do not code for webkit on…

…ly. Try Opera. (http://opera.com)

public/css/main.css

@@ -1,4 +1,3 @@
-
 /*
 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
@@ -92,14 +91,18 @@ strong {
 	left: 50%;
 	padding: 10px 20px;
 	background: rgba(255,255,255,.1);
-	-webkit-border-radius: 20px;
+	border-radius: 20px;
 	color: #fff;
 	text-align: center;
 	border-style:none;
 	outline-style:none;
 	height:30px;
 	opacity:0;
+	transition: opacity .2s linear;
+	-o-transition: opacity .2s linear;
+	-moz-transition: opacity .2s linear;
 	-webkit-transition: opacity .2s linear;
+	-ms-transition: opacity .2s linear;
 }
 
 
@@ -126,12 +129,13 @@ strong {
 	position: absolute;
 	z-index:2;	
 	background-color: #fff;
+	background-image: linear-gradient(top, #fff, #e2e2e2);
+	background-image: -o-linear-gradient(top, #fff, #e2e2e2);
 	background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
+	background-image: -ms-linear-gradient(top, #fff, #e2e2e2);
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e2e2e2));
 
-	-webkit-border-radius: 10px;
-	-webkit-box-shadow: 1px 1px 5px #000;
-	-moz-box-shadow: 1px 1px 5px #000;
+	border-radius: 10px;
 	box-shadow: 1px 1px 5px #000;
 
 	top: 55%;
@@ -168,9 +172,7 @@ a#force-init-button:hover {
 	font-weight: bold;
 	padding: 4px 10px 4px 10px;
 	background-color: #606061;
-	-webkit-border-radius: 100px;
-	-webkit-box-shadow:inset 1px 1px 5px #000;
-	-moz-box-shadow:inset 1px 1px 5px #000;
+	border-radius: 100px;
 	box-shadow:inset -1px -1px -5px #000;
 	text-shadow: none;
 	font-size: .8em;