diff options
author | Yves Delley <hack@delley.net> | 2014-09-05 17:41:56 +0200 |
---|---|---|
committer | Yves Delley <hack@delley.net> | 2014-09-05 17:41:56 +0200 |
commit | 4c155128c79b3c810f5413638af9c84083bde21b (patch) | |
tree | ff3a82b078f54dc098d56597f4f2975f7c9ce40a /css/reveal.css | |
parent | 131c00689a4c7a18e5c991fc8102347e4594b5d4 (diff) | |
download | freenode-live-2017-presentation-4c155128c79b3c810f5413638af9c84083bde21b.tar freenode-live-2017-presentation-4c155128c79b3c810f5413638af9c84083bde21b.tar.gz |
removed all vendor-prefixes from reveal.css
Diffstat (limited to 'css/reveal.css')
-rw-r--r-- | css/reveal.css | 899 |
1 files changed, 377 insertions, 522 deletions
diff --git a/css/reveal.css b/css/reveal.css index 842f67c..245a53a 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -56,6 +56,12 @@ body { line-height: 1; } +::-moz-selection { + background: #FF5E99; + color: #fff; + text-shadow: none; +} + ::selection { background: #FF5E99; color: #fff; @@ -73,9 +79,10 @@ body { .reveal h4, .reveal h5, .reveal h6 { - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; word-wrap: break-word; line-height: 1; @@ -94,11 +101,9 @@ body { .reveal .slides section .fragment { opacity: 0; - -webkit-transition: all .2s ease; - -moz-transition: all .2s ease; - -ms-transition: all .2s ease; - -o-transition: all .2s ease; - transition: all .2s ease; + -webkit-transition: all .2s ease; + + transition: all .2s ease; } .reveal .slides section .fragment.visible { opacity: 1; @@ -108,61 +113,53 @@ body { opacity: 1; } .reveal .slides section .fragment.grow.visible { - -webkit-transform: scale( 1.3 ); - -moz-transform: scale( 1.3 ); - -ms-transform: scale( 1.3 ); - -o-transform: scale( 1.3 ); - transform: scale( 1.3 ); + -webkit-transform: scale( 1.3 ); + -ms-transform: scale( 1.3 ); + transform: scale( 1.3 ); } .reveal .slides section .fragment.shrink { opacity: 1; } .reveal .slides section .fragment.shrink.visible { - -webkit-transform: scale( 0.7 ); - -moz-transform: scale( 0.7 ); - -ms-transform: scale( 0.7 ); - -o-transform: scale( 0.7 ); - transform: scale( 0.7 ); + -webkit-transform: scale( 0.7 ); + -ms-transform: scale( 0.7 ); + transform: scale( 0.7 ); } .reveal .slides section .fragment.zoom-in { opacity: 0; - -webkit-transform: scale( 0.1 ); - -moz-transform: scale( 0.1 ); - -ms-transform: scale( 0.1 ); - -o-transform: scale( 0.1 ); - transform: scale( 0.1 ); + -webkit-transform: scale( 0.1 ); + + -ms-transform: scale( 0.1 ); + + transform: scale( 0.1 ); } .reveal .slides section .fragment.zoom-in.visible { opacity: 1; - -webkit-transform: scale( 1 ); - -moz-transform: scale( 1 ); - -ms-transform: scale( 1 ); - -o-transform: scale( 1 ); - transform: scale( 1 ); + -webkit-transform: scale( 1 ); + + -ms-transform: scale( 1 ); + + transform: scale( 1 ); } .reveal .slides section .fragment.roll-in { opacity: 0; - -webkit-transform: rotateX( 90deg ); - -moz-transform: rotateX( 90deg ); - -ms-transform: rotateX( 90deg ); - -o-transform: rotateX( 90deg ); - transform: rotateX( 90deg ); + -webkit-transform: rotateX( 90deg ); + + transform: rotateX( 90deg ); } .reveal .slides section .fragment.roll-in.visible { opacity: 1; - -webkit-transform: rotateX( 0 ); - -moz-transform: rotateX( 0 ); - -ms-transform: rotateX( 0 ); - -o-transform: rotateX( 0 ); - transform: rotateX( 0 ); + -webkit-transform: rotateX( 0 ); + + transform: rotateX( 0 ); } .reveal .slides section .fragment.fade-out { @@ -343,9 +340,9 @@ body { height: 100%; max-height: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + + box-sizing: border-box; } .reveal table th, @@ -405,11 +402,9 @@ body { -moz-transform: scale(.9999); - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -ms-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; + -webkit-transition: all 0.2s ease; + + transition: all 0.2s ease; } .reveal .controls div.enabled { @@ -490,11 +485,9 @@ body { height: 100%; width: 0px; - -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + + transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } /********************************************* @@ -534,21 +527,17 @@ body { z-index: 1; text-align: center; - -webkit-transition: -webkit-perspective .4s ease; - -moz-transition: -moz-perspective .4s ease; - -ms-transition: -ms-perspective .4s ease; - -o-transition: -o-perspective .4s ease; - transition: perspective .4s ease; + -webkit-transition: -webkit-perspective .4s ease; + + transition: perspective .4s ease; - -webkit-perspective: 600px; - -moz-perspective: 600px; - -ms-perspective: 600px; - perspective: 600px; + -webkit-perspective: 600px; - -webkit-perspective-origin: 0px -100px; - -moz-perspective-origin: 0px -100px; - -ms-perspective-origin: 0px -100px; - perspective-origin: 0px -100px; + perspective: 600px; + + -webkit-perspective-origin: 0px -100px; + + perspective-origin: 0px -100px; } .reveal .slides>section { @@ -566,59 +555,44 @@ body { line-height: 1.2em; font-weight: inherit; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - - -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: -moz-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - -moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - -ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), - opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -webkit-transform-style: preserve-3d; + + transform-style: preserve-3d; + + -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + + transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + + transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), + opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } /* Global transition speed settings */ .reveal[data-transition-speed="fast"] .slides section { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; } .reveal[data-transition-speed="slow"] .slides section { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; + -webkit-transition-duration: 1200ms; + transition-duration: 1200ms; } /* Slide-specific transition speed overrides */ .reveal .slides section[data-transition-speed="fast"] { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; } .reveal .slides section[data-transition-speed="slow"] { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; + -webkit-transition-duration: 1200ms; + transition-duration: 1200ms; } .reveal .slides>section { @@ -668,20 +642,18 @@ body { display: block; opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); + -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); + + transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal .slides>section[data-transition=default].future, .reveal .slides>section.future { display: block; opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); + -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); + + transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal .slides>section>section[data-transition=default].past, @@ -689,20 +661,18 @@ body { display: block; opacity: 0; - -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); - -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); - -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); - transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); + -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); + + transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides>section>section[data-transition=default].future, .reveal .slides>section>section.future { display: block; opacity: 0; - -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); - -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); - -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); - transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); + -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); + + transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } @@ -712,32 +682,24 @@ body { .reveal .slides>section[data-transition=concave].past, .reveal.concave .slides>section.past { - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); + -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal .slides>section[data-transition=concave].future, .reveal.concave .slides>section.future { - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); + -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal .slides>section>section[data-transition=concave].past, .reveal.concave .slides>section>section.past { - -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); - -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); - -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); - transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); + -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); + transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); } .reveal .slides>section>section[data-transition=concave].future, .reveal.concave .slides>section>section.future { - -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); + -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); + transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); } @@ -747,11 +709,8 @@ body { .reveal .slides>section[data-transition=zoom], .reveal.zoom .slides>section { - -webkit-transition-timing-function: ease; - -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; } .reveal .slides>section[data-transition=zoom].past, @@ -759,39 +718,35 @@ body { opacity: 0; visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); + -webkit-transform: scale(16); + + -ms-transform: scale(16); + + transform: scale(16); } .reveal .slides>section[data-transition=zoom].future, .reveal.zoom .slides>section.future { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); + -webkit-transform: scale(0.2); + + -ms-transform: scale(0.2); + + transform: scale(0.2); } .reveal .slides>section>section[data-transition=zoom].past, .reveal.zoom .slides>section>section.past { - -webkit-transform: translate(0, -150%); - -moz-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + transform: translate(0, -150%); } .reveal .slides>section>section[data-transition=zoom].future, .reveal.zoom .slides>section>section.future { - -webkit-transform: translate(0, 150%); - -moz-transform: translate(0, 150%); - -ms-transform: translate(0, 150%); - -o-transform: translate(0, 150%); - transform: translate(0, 150%); + -webkit-transform: translate(0, 150%); + -ms-transform: translate(0, 150%); + transform: translate(0, 150%); } @@ -800,44 +755,34 @@ body { *********************************************/ .reveal.linear section { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .reveal .slides>section[data-transition=linear].past, .reveal.linear .slides>section.past { - -webkit-transform: translate(-150%, 0); - -moz-transform: translate(-150%, 0); - -ms-transform: translate(-150%, 0); - -o-transform: translate(-150%, 0); - transform: translate(-150%, 0); + -webkit-transform: translate(-150%, 0); + -ms-transform: translate(-150%, 0); + transform: translate(-150%, 0); } .reveal .slides>section[data-transition=linear].future, .reveal.linear .slides>section.future { - -webkit-transform: translate(150%, 0); - -moz-transform: translate(150%, 0); - -ms-transform: translate(150%, 0); - -o-transform: translate(150%, 0); - transform: translate(150%, 0); + -webkit-transform: translate(150%, 0); + -ms-transform: translate(150%, 0); + transform: translate(150%, 0); } .reveal .slides>section>section[data-transition=linear].past, .reveal.linear .slides>section>section.past { - -webkit-transform: translate(0, -150%); - -moz-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + transform: translate(0, -150%); } .reveal .slides>section>section[data-transition=linear].future, .reveal.linear .slides>section>section.future { - -webkit-transform: translate(0, 150%); - -moz-transform: translate(0, 150%); - -ms-transform: translate(0, 150%); - -o-transform: translate(0, 150%); - transform: translate(0, 150%); + -webkit-transform: translate(0, 150%); + -ms-transform: translate(0, 150%); + transform: translate(0, 150%); } @@ -846,24 +791,21 @@ body { *********************************************/ .reveal.cube .slides { - -webkit-perspective: 1300px; - -moz-perspective: 1300px; - -ms-perspective: 1300px; - perspective: 1300px; + -webkit-perspective: 1300px; + perspective: 1300px; } .reveal.cube .slides section { padding: 30px; min-height: 700px; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; + + backface-visibility: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + + box-sizing: border-box; } .reveal.center.cube .slides section { min-height: auto; @@ -879,11 +821,9 @@ body { background: rgba(0,0,0,0.1); border-radius: 4px; - -webkit-transform: translateZ( -20px ); - -moz-transform: translateZ( -20px ); - -ms-transform: translateZ( -20px ); - -o-transform: translateZ( -20px ); - transform: translateZ( -20px ); + -webkit-transform: translateZ( -20px ); + + transform: translateZ( -20px ); } .reveal.cube .slides section:not(.stack):after { content: ''; @@ -899,11 +839,9 @@ body { border-radius: 4px; box-shadow: 0px 95px 25px rgba(0,0,0,0.2); - -webkit-transform: translateZ(-90px) rotateX( 65deg ); - -moz-transform: translateZ(-90px) rotateX( 65deg ); - -ms-transform: translateZ(-90px) rotateX( 65deg ); - -o-transform: translateZ(-90px) rotateX( 65deg ); - transform: translateZ(-90px) rotateX( 65deg ); + -webkit-transform: translateZ(-90px) rotateX( 65deg ); + + transform: translateZ(-90px) rotateX( 65deg ); } .reveal.cube .slides>section.stack { @@ -912,51 +850,43 @@ body { } .reveal.cube .slides>section.past { - -webkit-transform-origin: 100% 0%; - -moz-transform-origin: 100% 0%; - -ms-transform-origin: 100% 0%; - transform-origin: 100% 0%; + -webkit-transform-origin: 100% 0%; + -ms-transform-origin: 100% 0%; + transform-origin: 100% 0%; + + -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - transform: translate3d(-100%, 0, 0) rotateY(-90deg); + transform: translate3d(-100%, 0, 0) rotateY(-90deg); } .reveal.cube .slides>section.future { - -webkit-transform-origin: 0% 0%; - -moz-transform-origin: 0% 0%; - -ms-transform-origin: 0% 0%; - transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + transform-origin: 0% 0%; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg); - transform: translate3d(100%, 0, 0) rotateY(90deg); + -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); + + transform: translate3d(100%, 0, 0) rotateY(90deg); } .reveal.cube .slides>section>section.past { - -webkit-transform-origin: 0% 100%; - -moz-transform-origin: 0% 100%; - -ms-transform-origin: 0% 100%; - transform-origin: 0% 100%; + -webkit-transform-origin: 0% 100%; + -ms-transform-origin: 0% 100%; + transform-origin: 0% 100%; + + -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); - -moz-transform: translate3d(0, -100%, 0) rotateX(90deg); - -ms-transform: translate3d(0, -100%, 0) rotateX(90deg); - transform: translate3d(0, -100%, 0) rotateX(90deg); + transform: translate3d(0, -100%, 0) rotateX(90deg); } .reveal.cube .slides>section>section.future { - -webkit-transform-origin: 0% 0%; - -moz-transform-origin: 0% 0%; - -ms-transform-origin: 0% 0%; - transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + transform-origin: 0% 0%; + + -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); - -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg); - -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg); - transform: translate3d(0, 100%, 0) rotateX(-90deg); + transform: translate3d(0, 100%, 0) rotateX(-90deg); } @@ -965,24 +895,21 @@ body { *********************************************/ .reveal.page .slides { - -webkit-perspective-origin: 0% 50%; - -moz-perspective-origin: 0% 50%; - -ms-perspective-origin: 0% 50%; - perspective-origin: 0% 50%; + -webkit-perspective-origin: 0% 50%; + perspective-origin: 0% 50%; - -webkit-perspective: 3000px; - -moz-perspective: 3000px; - -ms-perspective: 3000px; - perspective: 3000px; + -webkit-perspective: 3000px; + + perspective: 3000px; } .reveal.page .slides section { padding: 30px; min-height: 700px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + + box-sizing: border-box; } .reveal.page .slides section.past { z-index: 12; @@ -997,11 +924,9 @@ body { top: 0; background: rgba(0,0,0,0.1); - -webkit-transform: translateZ( -20px ); - -moz-transform: translateZ( -20px ); - -ms-transform: translateZ( -20px ); - -o-transform: translateZ( -20px ); - transform: translateZ( -20px ); + -webkit-transform: translateZ( -20px ); + + transform: translateZ( -20px ); } .reveal.page .slides section:not(.stack):after { content: ''; @@ -1018,6 +943,8 @@ body { box-shadow: 0px 95px 25px rgba(0,0,0,0.2); -webkit-transform: translateZ(-90px) rotateX( 65deg ); + + transform: translateZ(-90px) rotateX( 65deg ); } .reveal.page .slides>section.stack { @@ -1026,51 +953,43 @@ body { } .reveal.page .slides>section.past { - -webkit-transform-origin: 0% 0%; - -moz-transform-origin: 0% 0%; - -ms-transform-origin: 0% 0%; - transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + transform-origin: 0% 0%; + + -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - transform: translate3d(-40%, 0, 0) rotateY(-80deg); + transform: translate3d(-40%, 0, 0) rotateY(-80deg); } .reveal.page .slides>section.future { - -webkit-transform-origin: 100% 0%; - -moz-transform-origin: 100% 0%; - -ms-transform-origin: 100% 0%; - transform-origin: 100% 0%; + -webkit-transform-origin: 100% 0%; + -ms-transform-origin: 100% 0%; + transform-origin: 100% 0%; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + + transform: translate3d(0, 0, 0); } .reveal.page .slides>section>section.past { - -webkit-transform-origin: 0% 0%; - -moz-transform-origin: 0% 0%; - -ms-transform-origin: 0% 0%; - transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + transform-origin: 0% 0%; + + -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); - -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); - -moz-transform: translate3d(0, -40%, 0) rotateX(80deg); - -ms-transform: translate3d(0, -40%, 0) rotateX(80deg); - transform: translate3d(0, -40%, 0) rotateX(80deg); + transform: translate3d(0, -40%, 0) rotateX(80deg); } .reveal.page .slides>section>section.future { - -webkit-transform-origin: 0% 100%; - -moz-transform-origin: 0% 100%; - -ms-transform-origin: 0% 100%; - transform-origin: 0% 100%; + -webkit-transform-origin: 0% 100%; + -ms-transform-origin: 0% 100%; + transform-origin: 0% 100%; + + -webkit-transform: translate3d(0, 0, 0); - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } @@ -1082,16 +1001,12 @@ body { .reveal.fade .slides section, .reveal.fade .slides>section>section { -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; + -ms-transform: none; + transform: none; - -webkit-transition: opacity 0.5s; - -moz-transition: opacity 0.5s; - -ms-transition: opacity 0.5s; - -o-transition: opacity 0.5s; - transition: opacity 0.5s; + -webkit-transition: opacity 0.5s; + + transition: opacity 0.5s; } @@ -1099,11 +1014,8 @@ body { .reveal.fade.overview .slides>section>section, .reveal.fade.overview-deactivating .slides section, .reveal.fade.overview-deactivating .slides>section>section { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } @@ -1113,17 +1025,13 @@ body { .reveal .slides section[data-transition=none], .reveal.none .slides section { - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; + -webkit-transition: none; + + transition: none; } @@ -1132,15 +1040,12 @@ body { *********************************************/ .reveal.overview .slides { - -webkit-perspective-origin: 0% 0%; - -moz-perspective-origin: 0% 0%; - -ms-perspective-origin: 0% 0%; - perspective-origin: 0% 0%; + -webkit-perspective-origin: 0% 0%; + perspective-origin: 0% 0%; + + -webkit-perspective: 700px; - -webkit-perspective: 700px; - -moz-perspective: 700px; - -ms-perspective: 700px; - perspective: 700px; + perspective: 700px; } .reveal.overview .slides section { @@ -1192,11 +1097,9 @@ body { opacity: 0; z-index: 100; - -webkit-transition: all 1s ease; - -moz-transition: all 1s ease; - -ms-transition: all 1s ease; - -o-transition: all 1s ease; - transition: all 1s ease; + -webkit-transition: all 1s ease; + + transition: all 1s ease; } .reveal.paused .pause-overlay { visibility: visible; @@ -1237,11 +1140,11 @@ body { left: -50%; margin: 70px 0; - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; + -webkit-transform: none; + + -ms-transform: none; + + transform: none; } .no-transforms .reveal .slides section section { @@ -1250,11 +1153,8 @@ body { .reveal .no-transition, .reveal .no-transition * { - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; + -webkit-transition: none !important; + transition: none !important; } @@ -1268,11 +1168,9 @@ body { height: 100%; background: rgba( 0, 0, 0, 0 ); - -webkit-transition: background 800ms ease; - -moz-transition: background 800ms ease; - -ms-transition: background 800ms ease; - -o-transition: background 800ms ease; - transition: background 800ms ease; + -webkit-transition: background 800ms ease; + + transition: background 800ms ease; } .alert .reveal .state-background { background: rgba( 200, 50, 30, 0.6 ); @@ -1312,10 +1210,9 @@ body { width: 100%; height: 100%; - -webkit-perspective: 600px; - -moz-perspective: 600px; - -ms-perspective: 600px; - perspective: 600px; + -webkit-perspective: 600px; + + perspective: 600px; } .reveal .slide-background { position: absolute; @@ -1329,11 +1226,9 @@ body { background-repeat: no-repeat; background-size: cover; - -webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -o-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + + transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } .reveal .slide-background.present { opacity: 1; @@ -1348,11 +1243,8 @@ body { /* Immediate transition style */ .reveal[data-background-transition=none]>.backgrounds .slide-background, .reveal>.backgrounds .slide-background[data-background-transition=none] { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } /* 2D slide */ @@ -1360,43 +1252,34 @@ body { .reveal>.backgrounds .slide-background[data-background-transition=slide] { opacity: 1; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; + + backface-visibility: hidden; } .reveal[data-background-transition=slide]>.backgrounds .slide-background.past, .reveal>.backgrounds .slide-background.past[data-background-transition=slide] { - -webkit-transform: translate(-100%, 0); - -moz-transform: translate(-100%, 0); - -ms-transform: translate(-100%, 0); - -o-transform: translate(-100%, 0); - transform: translate(-100%, 0); + -webkit-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + transform: translate(-100%, 0); } .reveal[data-background-transition=slide]>.backgrounds .slide-background.future, .reveal>.backgrounds .slide-background.future[data-background-transition=slide] { - -webkit-transform: translate(100%, 0); - -moz-transform: translate(100%, 0); - -ms-transform: translate(100%, 0); - -o-transform: translate(100%, 0); - transform: translate(100%, 0); + -webkit-transform: translate(100%, 0); + -ms-transform: translate(100%, 0); + transform: translate(100%, 0); } .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past, .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] { - -webkit-transform: translate(0, -100%); - -moz-transform: translate(0, -100%); - -ms-transform: translate(0, -100%); - -o-transform: translate(0, -100%); - transform: translate(0, -100%); + -webkit-transform: translate(0, -100%); + -ms-transform: translate(0, -100%); + transform: translate(0, -100%); } .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future, .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] { - -webkit-transform: translate(0, 100%); - -moz-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + transform: translate(0, 100%); } @@ -1405,38 +1288,34 @@ body { .reveal>.backgrounds .slide-background.past[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); + -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); + + transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=convex]>.backgrounds .slide-background.future, .reveal>.backgrounds .slide-background.future[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); + -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); + + transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past, .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); + -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); + + transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future, .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); + -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); + + transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } @@ -1445,48 +1324,41 @@ body { .reveal>.backgrounds .slide-background.past[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); + -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); + + transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=concave]>.backgrounds .slide-background.future, .reveal>.backgrounds .slide-background.future[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); + -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); + + transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past, .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); + -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); + + transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future, .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); + -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); + + transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } /* Zoom */ .reveal[data-background-transition=zoom]>.backgrounds .slide-background, .reveal>.backgrounds .slide-background[data-background-transition=zoom] { - -webkit-transition-timing-function: ease; - -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; } .reveal[data-background-transition=zoom]>.backgrounds .slide-background.past, @@ -1494,22 +1366,22 @@ body { opacity: 0; visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); + -webkit-transform: scale(16); + + -ms-transform: scale(16); + + transform: scale(16); } .reveal[data-background-transition=zoom]>.backgrounds .slide-background.future, .reveal>.backgrounds .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); + -webkit-transform: scale(0.2); + + -ms-transform: scale(0.2); + + transform: scale(0.2); } .reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past, @@ -1517,37 +1389,33 @@ body { opacity: 0; visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); + -webkit-transform: scale(16); + + -ms-transform: scale(16); + + transform: scale(16); } .reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future, .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); + -webkit-transform: scale(0.2); + + -ms-transform: scale(0.2); + + transform: scale(0.2); } /* Global transition speed settings */ .reveal[data-transition-speed="fast"]>.backgrounds .slide-background { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; } .reveal[data-transition-speed="slow"]>.backgrounds .slide-background { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; + -webkit-transition-duration: 1200ms; + transition-duration: 1200ms; } @@ -1585,24 +1453,18 @@ body { *********************************************/ .reveal.has-parallax-background .backgrounds { - -webkit-transition: all 0.8s ease; - -moz-transition: all 0.8s ease; - -ms-transition: all 0.8s ease; - transition: all 0.8s ease; + -webkit-transition: all 0.8s ease; + transition: all 0.8s ease; } /* Global transition speed settings */ .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; } .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; + -webkit-transition-duration: 1200ms; + transition-duration: 1200ms; } @@ -1621,10 +1483,9 @@ body { opacity: 0; visibility: hidden; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + + transition: all 0.3s ease; } .reveal .preview-link-overlay.visible { opacity: 1; @@ -1645,10 +1506,9 @@ body { visibility: visible; opacity: 0.6; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + + transition: all 0.3s ease; } .reveal .preview-link-overlay header { @@ -1668,7 +1528,9 @@ body { float: right; opacity: 0.6; - box-sizing: border-box; + -moz-box-sizing: border-box; + + box-sizing: border-box; } .reveal .preview-link-overlay header a:hover { opacity: 1; @@ -1707,10 +1569,9 @@ body { opacity: 0; visibility: hidden; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + + transition: all 0.3s ease; } .reveal .preview-link-overlay.loaded .viewport iframe { @@ -1722,10 +1583,11 @@ body { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - transform: scale(0.2); + -webkit-transform: scale(0.2); + + -ms-transform: scale(0.2); + + transform: scale(0.2); } @@ -1741,10 +1603,9 @@ body { z-index: 30; cursor: pointer; - -webkit-transition: all 400ms ease; - -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; - transition: all 400ms ease; + -webkit-transition: all 400ms ease; + + transition: all 400ms ease; } .reveal.overview .playback { @@ -1764,15 +1625,13 @@ body { vertical-align: top; - -webkit-perspective: 400px; - -moz-perspective: 400px; - -ms-perspective: 400px; - perspective: 400px; + -webkit-perspective: 400px; + + perspective: 400px; + + -webkit-perspective-origin: 50% 50%; - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; + perspective-origin: 50% 50%; } .reveal .roll:hover { background: none; @@ -1785,32 +1644,30 @@ body { pointer-events: none; - -webkit-transition: all 400ms ease; - -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; - transition: all 400ms ease; + -webkit-transition: all 400ms ease; - -webkit-transform-origin: 50% 0%; - -moz-transform-origin: 50% 0%; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; + transition: all 400ms ease; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; + -webkit-transform-origin: 50% 0%; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; + -ms-transform-origin: 50% 0%; + + transform-origin: 50% 0%; + + -webkit-transform-style: preserve-3d; + + transform-style: preserve-3d; + + -webkit-backface-visibility: hidden; + + backface-visibility: hidden; } .reveal .roll:hover span { background: rgba(0,0,0,0.5); - -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + + transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); } .reveal .roll span:after { content: attr(data-title); @@ -1821,19 +1678,19 @@ body { top: 0; padding: 0 2px; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; - -webkit-transform-origin: 50% 0%; - -moz-transform-origin: 50% 0%; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; + backface-visibility: hidden; - -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -webkit-transform-origin: 50% 0%; + + -ms-transform-origin: 50% 0%; + + transform-origin: 50% 0%; + + -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + + transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); } @@ -1853,15 +1710,13 @@ body { .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after { - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - - -webkit-backface-visibility: visible !important; - -moz-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; + -webkit-transform: none !important; + -ms-transform: none !important; + transform: none !important; + + -webkit-backface-visibility: visible !important; + + backface-visibility: visible !important; } .zoomed .reveal .progress, |