diff options
| author | Guillaume Turri <guillaume.turri@gmail.com> | 2013-11-16 10:45:02 +0100 |
|---|---|---|
| committer | Guillaume Turri <guillaume.turri@gmail.com> | 2013-11-26 07:47:03 +0100 |
| commit | b46fd8dd70c1d8baeb23ed5da4e18505c5026d7b (patch) | |
| tree | 5b901bc28929f4f24632236aa176f49c12ff174e | |
| parent | adbf36ad47d06107e7b805df7a045de0d16eeb3e (diff) | |
| download | perl-software-in-gnu-guix-b46fd8dd70c1d8baeb23ed5da4e18505c5026d7b.tar perl-software-in-gnu-guix-b46fd8dd70c1d8baeb23ed5da4e18505c5026d7b.tar.gz | |
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.
| -rw-r--r-- | README.md | 2 | ||||
| -rw-r--r-- | css/reveal.css | 23 | ||||
| -rw-r--r-- | index.html | 2 |
3 files changed, 26 insertions, 1 deletions
@@ -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 96a3a2b..bdcd820 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 @@ -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> |