From b373425b694a3fd4d49716fe53e091b984ea1eab Mon Sep 17 00:00:00 2001
From: Russell Beattie <russ@russellbeattie.com>
Date: Mon, 22 Oct 2012 14:49:22 -0700
Subject: Updated Controls to use CSS triangles rather than unicode triangles
 (fix Android support)

---
 css/reveal.css | 66 +++++++++++++++++++++++++++++++++-------------------------
 1 file changed, 38 insertions(+), 28 deletions(-)

(limited to 'css')

diff --git a/css/reveal.css b/css/reveal.css
index 09a874e..ce4765f 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -319,41 +319,51 @@ body {
 	width: 90px;
 	height: 90px;
 	z-index: 30;
-
 	right: 10px;
 	bottom: 10px;
 }
 
-	.reveal .controls a {
-		font-family: Arial;
-		font-size: 0.83em;
-		position: absolute;
-		opacity: 0.1;
-	}
-		.reveal .controls a.enabled {
-			opacity: 0.6;
-		}
-		.reveal .controls a.enabled:active {
-			margin-top: 1px;
-		}
-
-	.reveal .controls .left {
-		top: 30px;
-	}
+.reveal .controls div {
+	position: absolute;
+	opacity: 0.1;
+	width: 0; 
+	height: 0; 
+	border: 12px solid transparent;
+}
 
-	.reveal .controls .right {
-		left: 60px;
-		top: 30px;
-	}
+.reveal .controls div.enabled {
+	opacity: 0.6;
+}
 
-	.reveal .controls .up {
-		left: 30px;
-	}
+.reveal .controls div.enabled:active {
+	margin-top: 1px;
+}
 
-	.reveal .controls .down {
-		left: 30px;
-		top: 60px;
-	}
+.reveal .controls div.left {
+	top: 30px;
+
+	border-right-color: #eee;
+}
+
+.reveal .controls div.right {
+	left: 60px;
+	top: 30px;
+
+	border-left-color: #eee;
+}
+
+.reveal .controls div.up {
+	left: 30px;
+
+	border-bottom-color: #eee;
+}
+
+.reveal .controls div.down {
+	left: 30px;
+	top: 60px;
+
+	border-top-color: #eee;
+}
 
 
 /*********************************************
-- 
cgit v1.2.3