summaryrefslogtreecommitdiffhomepage
path: root/css/reveal.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/reveal.css')
-rw-r--r--css/reveal.css338
1 files changed, 55 insertions, 283 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 20d1405..9efa9be 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -59,6 +59,12 @@ body {
color: #000;
}
+::-moz-selection {
+ background: #FF5E99;
+ color: #fff;
+ text-shadow: none;
+}
+
::selection {
background: #FF5E99;
color: #fff;
@@ -73,9 +79,7 @@ body {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
-
-webkit-transition: all .2s ease;
- -moz-transition: all .2s ease;
transition: all .2s ease;
}
.reveal .slides section .fragment.visible {
@@ -89,9 +93,7 @@ body {
}
.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 );
}
@@ -101,40 +103,28 @@ body {
}
.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 );
}
.reveal .slides section .fragment.zoom-in {
-webkit-transform: scale( 0.1 );
- -moz-transform: scale( 0.1 );
-ms-transform: scale( 0.1 );
- -o-transform: scale( 0.1 );
transform: scale( 0.1 );
}
.reveal .slides section .fragment.zoom-in.visible {
-webkit-transform: scale( 1 );
- -moz-transform: scale( 1 );
-ms-transform: scale( 1 );
- -o-transform: scale( 1 );
transform: scale( 1 );
}
.reveal .slides section .fragment.roll-in {
-webkit-transform: rotateX( 90deg );
- -moz-transform: rotateX( 90deg );
- -ms-transform: rotateX( 90deg );
- -o-transform: rotateX( 90deg );
transform: rotateX( 90deg );
}
.reveal .slides section .fragment.roll-in.visible {
-webkit-transform: rotateX( 0 );
- -moz-transform: rotateX( 0 );
- -ms-transform: rotateX( 0 );
- -o-transform: rotateX( 0 );
transform: rotateX( 0 );
}
@@ -229,10 +219,8 @@ body {
.reveal pre.stretch code {
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;
}
@@ -261,9 +249,7 @@ body {
-moz-transform: scale(.9999);
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
-
-webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@@ -348,9 +334,7 @@ body {
width: 0px;
background-color: #000;
-
-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);
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
@@ -376,9 +360,8 @@ body {
position: relative;
width: 100%;
height: 100%;
-
-ms-touch-action: none;
- touch-action: none;
+ touch-action: none;
}
.reveal .slides {
@@ -394,19 +377,13 @@ body {
overflow: visible;
z-index: 1;
text-align: center;
-
-webkit-transition: -webkit-perspective .4s ease;
- -moz-transition: -moz-perspective .4s ease;
transition: perspective .4s ease;
-
- -webkit-perspective: 600px;
- -moz-perspective: 600px;
- -ms-perspective: 600px;
+ -ms-perspective: 600px;
+ -webkit-perspective: 600px;
perspective: 600px;
-
- -webkit-perspective-origin: 50% 40%;
- -moz-perspective-origin: 50% 40%;
- -ms-perspective-origin: 50% 40%;
+ -ms-perspective-origin: 50% 40%;
+ -webkit-perspective-origin: 50% 40%;
perspective-origin: 50% 40%;
}
@@ -422,18 +399,15 @@ body {
padding: 20px 0px;
z-index: 10;
-
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ -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);
- -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),
+ 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),
@@ -445,24 +419,20 @@ body {
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section {
-webkit-transition-duration: 400ms;
- -moz-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"] .slides section {
-webkit-transition-duration: 1200ms;
- -moz-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;
transition-duration: 400ms;
}
.reveal .slides section[data-transition-speed="slow"] {
-webkit-transition-duration: 1200ms;
- -moz-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -512,9 +482,8 @@ body {
.reveal.slide section,
.reveal.linear section {
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@@ -523,9 +492,7 @@ body {
.reveal .slides>section[data-transition=linear].past,
.reveal.linear .slides>section:not([data-transition]).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);
}
.reveal .slides>section[data-transition=slide].future,
@@ -533,9 +500,7 @@ body {
.reveal .slides>section[data-transition=linear].future,
.reveal.linear .slides>section:not([data-transition]).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);
}
@@ -544,9 +509,7 @@ body {
.reveal .slides>section>section[data-transition=linear].past,
.reveal.linear .slides>section>section:not([data-transition]).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%);
}
.reveal .slides>section>section[data-transition=slide].future,
@@ -554,9 +517,7 @@ body {
.reveal .slides>section>section[data-transition=linear].future,
.reveal.linear .slides>section>section:not([data-transition]).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%);
}
@@ -571,8 +532,6 @@ body {
.reveal .slides>section[data-transition=convex].past,
.reveal.convex .slides>section:not([data-transition]).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);
}
.reveal .slides>section[data-transition=default].future,
@@ -580,8 +539,6 @@ body {
.reveal .slides>section[data-transition=convex].future,
.reveal.convex .slides>section:not([data-transition]).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);
}
@@ -590,8 +547,6 @@ body {
.reveal .slides>section>section[data-transition=convex].past,
.reveal.convex .slides>section>section:not([data-transition]).past {
-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);
}
.reveal .slides>section>section[data-transition=default].future,
@@ -599,8 +554,6 @@ body {
.reveal .slides>section>section[data-transition=convex].future,
.reveal.convex .slides>section>section:not([data-transition]).future {
-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);
}
@@ -612,30 +565,22 @@ body {
.reveal .slides>section[data-transition=concave].past,
.reveal.concave .slides>section:not([data-transition]).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);
}
.reveal .slides>section[data-transition=concave].future,
.reveal.concave .slides>section:not([data-transition]).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);
}
.reveal .slides>section>section[data-transition=concave].past,
.reveal.concave .slides>section>section:not([data-transition]).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);
}
.reveal .slides>section>section[data-transition=concave].future,
.reveal.concave .slides>section>section:not([data-transition]).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);
}
@@ -647,45 +592,34 @@ body {
.reveal .slides>section[data-transition=zoom],
.reveal.zoom .slides>section:not([data-transition]) {
-webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
transition-timing-function: ease;
}
.reveal .slides>section[data-transition=zoom].past,
.reveal.zoom .slides>section:not([data-transition]).past {
visibility: hidden;
-
-webkit-transform: scale(16);
- -moz-transform: scale(16);
-ms-transform: scale(16);
- -o-transform: scale(16);
transform: scale(16);
}
.reveal .slides>section[data-transition=zoom].future,
.reveal.zoom .slides>section:not([data-transition]).future {
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);
}
.reveal .slides>section>section[data-transition=zoom].past,
.reveal.zoom .slides>section>section:not([data-transition]).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%);
}
.reveal .slides>section>section[data-transition=zoom].future,
.reveal.zoom .slides>section>section:not([data-transition]).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%);
}
@@ -695,24 +629,19 @@ body {
*********************************************/
.reveal.cube .slides {
- -webkit-perspective: 1300px;
- -moz-perspective: 1300px;
- -ms-perspective: 1300px;
+ -ms-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;
+ -ms-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;
@@ -727,11 +656,7 @@ body {
top: 0;
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 );
}
.reveal.cube .slides section:not(.stack):after {
@@ -747,11 +672,7 @@ 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 );
}
@@ -762,49 +683,33 @@ 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: 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);
}
.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: 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);
}
.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: 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);
}
.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: 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);
}
@@ -814,24 +719,19 @@ body {
*********************************************/
.reveal.page .slides {
- -webkit-perspective-origin: 0% 50%;
- -moz-perspective-origin: 0% 50%;
- -ms-perspective-origin: 0% 50%;
+ -ms-perspective-origin: 0% 50%;
+ -webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
-
- -webkit-perspective: 3000px;
- -moz-perspective: 3000px;
- -ms-perspective: 3000px;
+ -ms-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;
@@ -845,11 +745,7 @@ body {
left: 0;
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 );
}
.reveal.page .slides section:not(.stack):after {
@@ -876,49 +772,33 @@ 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: 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);
}
.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: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-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: 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);
}
.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: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@@ -930,14 +810,10 @@ body {
.reveal .slides section[data-transition=fade],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides>section>section:not([data-transition]) {
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
-
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
-webkit-transition: opacity 0.5s;
- -moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@@ -945,7 +821,6 @@ body {
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides>section>section {
-webkit-transition: none;
- -moz-transition: none;
transition: none;
}
@@ -957,13 +832,9 @@ body {
.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
- -moz-transform: none;
-ms-transform: none;
- -o-transform: none;
transform: none;
-
-webkit-transition: none;
- -moz-transition: none;
transition: none;
}
@@ -973,14 +844,11 @@ body {
*********************************************/
.reveal.overview .slides {
- -webkit-perspective-origin: 50% 50%;
- -moz-perspective-origin: 50% 50%;
- -ms-perspective-origin: 50% 50%;
+ -ms-perspective-origin: 50% 50%;
+ -webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-
- -webkit-perspective: 700px;
- -moz-perspective: 700px;
- -ms-perspective: 700px;
+ -ms-perspective: 700px;
+ -webkit-perspective: 700px;
perspective: 700px;
}
@@ -991,12 +859,12 @@ body {
visibility: visible !important;
cursor: pointer;
background: rgba(0,0,0,0.1);
- box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
-webkit-transition: none !important;
- -moz-transition: none !important;
transition: none !important;
}
.reveal.overview .slides section .fragment {
@@ -1038,9 +906,7 @@ body {
visibility: hidden;
opacity: 0;
z-index: 100;
-
-webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
transition: all 1s ease;
}
.reveal.paused .pause-overlay {
@@ -1081,11 +947,8 @@ body {
top: 0;
left: -50%;
margin: 70px 0;
-
-webkit-transform: none;
- -moz-transform: none;
-ms-transform: none;
- -o-transform: none;
transform: none;
}
@@ -1096,7 +959,6 @@ body {
.reveal .no-transition,
.reveal .no-transition * {
-webkit-transition: none !important;
- -moz-transition: none !important;
transition: none !important;
}
@@ -1110,9 +972,7 @@ body {
width: 100%;
height: 100%;
background: rgba( 0, 0, 0, 0 );
-
-webkit-transition: background 800ms ease;
- -moz-transition: background 800ms ease;
transition: background 800ms ease;
}
.alert .reveal .state-background {
@@ -1154,10 +1014,8 @@ body {
height: 100%;
top: 0;
left: 0;
-
- -webkit-perspective: 600px;
- -moz-perspective: 600px;
- -ms-perspective: 600px;
+ -ms-perspective: 600px;
+ -webkit-perspective: 600px;
perspective: 600px;
}
.reveal .slide-background {
@@ -1172,9 +1030,7 @@ body {
background-position: 50% 50%;
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);
transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
@@ -1207,7 +1063,6 @@ body {
.reveal[data-background-transition=none]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=none] {
-webkit-transition: none;
- -moz-transition: none;
transition: none;
}
@@ -1215,43 +1070,33 @@ body {
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
-
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
+ -ms-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);
}
.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);
}
.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%);
}
.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%);
}
@@ -1260,38 +1105,26 @@ body {
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
.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);
}
.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);
}
.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);
}
.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);
}
@@ -1300,38 +1133,26 @@ body {
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
.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);
}
.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);
}
.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);
}
.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);
}
@@ -1339,7 +1160,6 @@ body {
.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;
transition-timing-function: ease;
}
@@ -1347,22 +1167,16 @@ body {
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
-
-webkit-transform: scale(16);
- -moz-transform: scale(16);
-ms-transform: scale(16);
- -o-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);
}
@@ -1370,22 +1184,16 @@ body {
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
-
-webkit-transform: scale(16);
- -moz-transform: scale(16);
-ms-transform: scale(16);
- -o-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);
}
@@ -1393,12 +1201,10 @@ body {
/* Global transition speed settings */
.reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
-webkit-transition-duration: 400ms;
- -moz-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
-webkit-transition-duration: 1200ms;
- -moz-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -1438,19 +1244,16 @@ body {
.reveal.has-parallax-background .backgrounds {
-webkit-transition: all 0.8s ease;
- -moz-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;
transition-duration: 400ms;
}
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-webkit-transition-duration: 1200ms;
- -moz-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -1469,9 +1272,7 @@ body {
background: rgba( 0, 0, 0, 0.9 );
opacity: 0;
visibility: hidden;
-
-webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reveal .overlay.visible {
@@ -1492,9 +1293,7 @@ body {
visibility: visible;
opacity: 0.6;
-
-webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1515,7 +1314,9 @@ body {
float: right;
opacity: 0.6;
- box-sizing: border-box;
+ -moz-box-sizing: border-box;
+
+ box-sizing: border-box;
}
.reveal .overlay header a:hover {
opacity: 1;
@@ -1553,9 +1354,7 @@ body {
opacity: 0;
visibility: hidden;
-
-webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1567,9 +1366,7 @@ body {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
-
-webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
}
@@ -1622,9 +1419,7 @@ body {
bottom: 15px;
z-index: 30;
cursor: pointer;
-
-webkit-transition: all 400ms ease;
- -moz-transition: all 400ms ease;
transition: all 400ms ease;
}
@@ -1644,15 +1439,11 @@ body {
overflow: hidden;
vertical-align: top;
-
- -webkit-perspective: 400px;
- -moz-perspective: 400px;
- -ms-perspective: 400px;
+ -ms-perspective: 400px;
+ -webkit-perspective: 400px;
perspective: 400px;
-
- -webkit-perspective-origin: 50% 50%;
- -moz-perspective-origin: 50% 50%;
- -ms-perspective-origin: 50% 50%;
+ -ms-perspective-origin: 50% 50%;
+ -webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.reveal .roll:hover {
@@ -1665,31 +1456,20 @@ body {
padding: 0 2px;
pointer-events: none;
-
-webkit-transition: all 400ms ease;
- -moz-transition: all 400ms ease;
transition: all 400ms ease;
-
-webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ -webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-
-webkit-backface-visibility: hidden;
- -moz-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 );
}
.reveal .roll span:after {
@@ -1700,19 +1480,12 @@ body {
left: 0;
top: 0;
padding: 0 2px;
-
-webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
backface-visibility: hidden;
-
-webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-
-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 );
}
@@ -1733,9 +1506,8 @@ body {
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
- -webkit-backface-visibility: visible !important;
- -moz-backface-visibility: visible !important;
- -ms-backface-visibility: visible !important;
+ -ms-backface-visibility: visible !important;
+ -webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}