move the slide-number out of the controls to a proper position and little fix to the updating event.

9 files changed, 71 insertions, 36 deletions

diff --git a/css/reveal.css b/css/reveal.css
index 6dc6594..77494bd 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -391,15 +391,6 @@ body {
 	        transition: all 0.2s ease;
 }
 
-.reveal .controls .slide-number {
-	font-size: 11px;
-	top: 10px;
-	left: -10px;
-	opacity: 0.5;
-	width: 45px;
-	text-align: center;
-}
-
 .reveal .controls div.enabled {
 	opacity: 0.7;
 	cursor: pointer;
@@ -485,6 +476,21 @@ body {
 		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
 	}
 
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+
+.reveal .slide-number {
+	position: fixed;
+	display: block;
+	opacity: 0.5; 
+	z-index: 31;
+	width: 110px;
+	bottom: 58px;
+	right: 11px;
+	font-size: 12px;
+	text-align: center;
+}
 
 /*********************************************
  * SLIDES
diff --git a/css/theme/beige.css b/css/theme/beige.css
index fd80f70..7caa3d8 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -115,10 +115,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #8b743d; }
 
-.reveal .controls .slide-number {
-  color: #8b743d;
-}
-
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #c0a86e; }
 
@@ -132,6 +128,13 @@ body {
   border-top-color: #c0a86e; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #8b743d;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/default.css b/css/theme/default.css
index 09e2055..60c40a3 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -115,10 +115,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #13daec; }
 
-.reveal .controls .slide-number {
-  color: #13daec;
-}
-
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #71e9f4; }
 
@@ -132,6 +128,13 @@ body {
   border-top-color: #71e9f4; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #13daec;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 44dfe85..13831ac 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -115,10 +115,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #268bd2; }
 
-.reveal .controls .slide-number {
-  color: #268bd2;
-}
-
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #78b9e6; }
 
@@ -132,6 +128,13 @@ body {
   border-top-color: #78b9e6; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #268bd2;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/night.css b/css/theme/night.css
index 7aaf960..609442b 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -103,9 +103,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #e7ad52; }
 
-.reveal .controls .slide-number {
-  color: #e7ad52;
-}
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #f3d7ac; }
 
@@ -119,6 +116,13 @@ body {
   border-top-color: #f3d7ac; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #e7ad52;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 859991c..16d1ab0 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -105,9 +105,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #51483d; }
 
-.reveal .controls .slide-number {
-  color: #51483d;
-}
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #8b7c69; }
 
@@ -121,6 +118,13 @@ body {
   border-top-color: #8b7c69; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #51483d;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/simple.css b/css/theme/simple.css
index b74d809..c6a1294 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -105,9 +105,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: darkblue; }
 
-.reveal .controls .slide-number {
-  color: darkblue;
-}
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #0000f1; }
 
@@ -121,6 +118,13 @@ body {
   border-top-color: #0000f1; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: darkblue;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/sky.css b/css/theme/sky.css
index eee7b08..983def2 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -112,9 +112,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #3b759e; }
 
-.reveal .controls .slide-number {
-  color: #3b759e;
-}
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #74a7cb; }
 
@@ -128,6 +125,13 @@ body {
   border-top-color: #74a7cb; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #3b759e;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 2b11d26..7bf2845 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -115,9 +115,6 @@ body {
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #268bd2; }
 
-.reveal .controls .slide-number {
-  color: #268bd2;
-}
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #78b9e6; }
 
@@ -131,6 +128,13 @@ body {
   border-top-color: #78b9e6; }
 
 /*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #268bd2;
+}
+
+/*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {