From b46fd8dd70c1d8baeb23ed5da4e18505c5026d7b Mon Sep 17 00:00:00 2001 From: Guillaume Turri 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

shrink

roll-in

fade-out

+

visible only once

+

blue only once

highlight-red

highlight-green

highlight-blue

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 ) {

shrink

roll-in

fade-out

+

visible only once

+

blue only once

highlight-red

highlight-green

highlight-blue