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 div { + position: absolute; + opacity: 0.1; + width: 0; + height: 0; + border: 12px solid transparent; +} - .reveal .controls .left { - top: 30px; - } +.reveal .controls div.enabled { + opacity: 0.6; +} - .reveal .controls .right { - left: 60px; - top: 30px; - } +.reveal .controls div.enabled:active { + margin-top: 1px; +} - .reveal .controls .up { - left: 30px; - } +.reveal .controls div.left { + top: 30px; - .reveal .controls .down { - left: 30px; - top: 60px; - } + 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; +} /********************************************* diff --git a/js/reveal.js b/js/reveal.js index 0ae2ad1..cb0205e 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -150,10 +150,10 @@ var Reveal = (function(){ if( !dom.wrapper.querySelector( '.controls' ) && config.controls ) { var controlsElement = document.createElement( 'aside' ); controlsElement.classList.add( 'controls' ); - controlsElement.innerHTML = '◄' + - '►' + - '▲' + - '▼'; + controlsElement.innerHTML = '
' + + '' + + '' + + ''; dom.wrapper.appendChild( controlsElement ); }