diff options
| author | Russell Beattie <russ@russellbeattie.com> | 2012-10-22 14:49:22 -0700 |
|---|---|---|
| committer | Russell Beattie <russ@russellbeattie.com> | 2012-10-22 14:49:22 -0700 |
| commit | b373425b694a3fd4d49716fe53e091b984ea1eab (patch) | |
| tree | 6c934c05b7e110770d831b59942208473250050b /css | |
| parent | 143fc85c657a4953d3f3b878b845cc60efbed748 (diff) | |
| download | freenode-live-2017-presentation-b373425b694a3fd4d49716fe53e091b984ea1eab.tar freenode-live-2017-presentation-b373425b694a3fd4d49716fe53e091b984ea1eab.tar.gz | |
Updated Controls to use CSS triangles rather than unicode triangles (fix Android support)
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 66 |
1 files changed, 38 insertions, 28 deletions
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; +} /********************************************* |