From b46fd8dd70c1d8baeb23ed5da4e18505c5026d7b Mon Sep 17 00:00:00 2001
From: Guillaume Turri <guillaume.turri@gmail.com>
Date: Sat, 16 Nov 2013 10:45:02 +0100
Subject: [PATCH] Added some styles using the current-fragment class

according to README, I don't include reveal.min.js.
Hence I believe it makes sense to not include reveal.min.css either.
Hence, examples added in index.html can give the feeling that they don't work yet.
---
 README.md      |  2 ++
 css/reveal.css | 23 ++++++++++++++++++++++-
 index.html     |  2 ++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9c26b437..7cac95ce 100644
--- a/README.md
+++ b/README.md
@@ -440,6 +440,8 @@ The default fragment style is to start out invisible and fade in. This style can
 	<p class="fragment shrink">shrink</p>
 	<p class="fragment roll-in">roll-in</p>
 	<p class="fragment fade-out">fade-out</p>
+	<p class="fragment current-visible">visible only once</p>
+	<p class="fragment highlight-current-blue">blue only once</p>
 	<p class="fragment highlight-red">highlight-red</p>
 	<p class="fragment highlight-green">highlight-green</p>
 	<p class="fragment highlight-blue">highlight-blue</p>
diff --git a/css/reveal.css b/css/reveal.css
index 96a3a2b3..bdcd8208 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -179,9 +179,20 @@ body {
 		opacity: 0.5;
 	}
 
+.reveal .slides section .fragment.current-visible {
+	opacity:0;
+}
+
+.reveal .slides section .fragment.current-visible.current-fragment {
+	opacity:1;
+}
+
 .reveal .slides section .fragment.highlight-red,
+.reveal .slides section .fragment.highlight-current-red,
 .reveal .slides section .fragment.highlight-green,
-.reveal .slides section .fragment.highlight-blue {
+.reveal .slides section .fragment.highlight-current-green,
+.reveal .slides section .fragment.highlight-blue,
+.reveal .slides section .fragment.highlight-current-blue {
 	opacity: 1;
 }
 	.reveal .slides section .fragment.highlight-red.visible {
@@ -194,6 +205,16 @@ body {
 		color: #1b91ff;
 	}
 
+.reveal .slides section .fragment.highlight-current-red.current-fragment {
+	color: #ff2c2d
+}
+.reveal .slides section .fragment.highlight-current-green.current-fragment {
+	color: #17ff2e;
+}
+.reveal .slides section .fragment.highlight-current-blue.current-fragment {
+	color: #1b91ff;
+}
+
 
 /*********************************************
  * DEFAULT ELEMENT STYLES
diff --git a/index.html b/index.html
index d79441e7..973f2ac0 100644
--- a/index.html
+++ b/index.html
@@ -302,6 +302,8 @@ function linkify( selector ) {
 						<p class="fragment shrink">shrink</p>
 						<p class="fragment roll-in">roll-in</p>
 						<p class="fragment fade-out">fade-out</p>
+						<p class="fragment current-visible">visible only once</p>
+						<p class="fragment highlight-current-blue">blue only once</p>
 						<p class="fragment highlight-red">highlight-red</p>
 						<p class="fragment highlight-green">highlight-green</p>
 						<p class="fragment highlight-blue">highlight-blue</p>