From 7cde3ee418e0a930a601f8c1a3e5e3b993ad405f Mon Sep 17 00:00:00 2001
From: Eike Foken <kontakt@eikefoken.de>
Date: Wed, 14 Sep 2011 14:27:02 +0200
Subject: [PATCH] CSS compatibility for all browsers

---
 assets/css/style.css | 62 +++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 7 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 7bd91f6..545e4a9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -372,23 +372,57 @@ a.button {
 	text-shadow: 0 1px 0 #fff;
 	-webkit-transition: border-color .218s;
 	-moz-transition: border .218s;
+	-ms-transition: border-color .218s;
 	-o-transition: border-color .218s;
 	transition: border-color .218s;
 	background: #f3f3f3;
-	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
-	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
+	background: -webkit-gradient(
+		linear,
+		0% 40%,
+		0% 70%,
+		from(#f5f5f5),
+		to(#f1f1f1)
+	);
+	background: -webkit-linear-gradient(
+		0 40% 270deg,
+		#f5f5f5,
+		#f1f1f1,
+		#f1f1f1 100%
+	);
+	background: -moz-linear-gradient(
+		0 40% 270deg,
+		#f5f5f5,
+		#f1f1f1,
+		#f1f1f1 100%
+	);
+	background: -ms-linear-gradient(
+		0 40% 270deg,
+		#f5f5f5,
+		#f1f1f1,
+		#f1f1f1 100%
+	);
+	background: -o-linear-gradient(
+		0 40% 270deg,
+		#f5f5f5,
+		#f1f1f1,
+		#f1f1f1 100%
+	);
 	border: solid 1px #dcdcdc;
-	border-radius: 2px;
 	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
+	-ms-border-radius: 2px;
+	-o-border-radius: 2px;
+	border-radius: 2px;
 	margin-right: 10px;
 }
 
 a.button.locked {
 	color: #333;
 	border-color: #999;
-	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
+	-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+	-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 }
 
@@ -404,16 +438,20 @@ a.button.disabled {
 a.button.disabled:hover, a.button.disabled:active {
 	color: inherit;
 	border: 1px solid #dcdcdc;
-	-moz-box-shadow: inherit;
 	-webkit-box-shadow: inherit;
+	-moz-box-shadow: inherit;
+	-ms-box-shadow: inherit;
+	-o-box-shadow: inherit;
 	box-shadow: inherit;
 }
 
 a.button:hover {
 	color: #333;
 	border-color: #999;
-	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
+	-ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
+	-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 }
 
@@ -425,17 +463,23 @@ a.button:active {
 a.left {
 	-webkit-border-top-right-radius: 0;
 	-moz-border-radius-topright: 0;
+	-ms-border-radius-topright: 0;
+	-o-border-radius-topright: 0;
 	border-top-right-radius: 0;
 	-webkit-border-bottom-right-radius: 0;
 	-moz-border-radius-bottomright: 0;
+	-ms-border-radius-bottomright: 0;
+	-o-border-radius-bottomright: 0;
 	border-bottom-right-radius: 0;
 	margin: 0;
 }
 
 a.middle {
-	border-radius: 0;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
+	-ms-border-radius: 0;
+	-o-border-radius: 0;
+	border-radius: 0;
 	border-left: solid 1px #f3f3f3;
 	margin: 0;
 	border-left: solid 1px rgba(255, 255, 255, 0);
@@ -449,9 +493,13 @@ a.right:hover {
 a.right {
 	-webkit-border-top-left-radius: 0;
 	-moz-border-radius-topleft: 0;
+	-ms-border-radius-topleft: 0;
+	-o-border-radius-topleft: 0;
 	border-top-left-radius: 0;
 	-webkit-border-bottom-left-radius: 0;
 	-moz-border-radius-bottomleft: 0;
+	-ms-border-radius-bottomleft: 0;
+	-o-border-radius-bottomleft: 0;
 	border-bottom-left-radius: 0;
 	border-left: solid 1px #f3f3f3;
 	border-left: solid 1px rgba(255, 255, 255, 0);