|
@@ -73,7 +73,7 @@ body {
|
|
|
.reveal h4,
|
|
|
.reveal h5,
|
|
|
.reveal h6 {
|
|
|
- hyphens: auto;
|
|
|
+ hyphens: auto;
|
|
|
|
|
|
word-wrap: break-word;
|
|
|
line-height: 1;
|
|
@@ -91,8 +91,7 @@ body {
|
|
|
|
|
|
.reveal .slides section .fragment {
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- transition: all .2s ease;
|
|
|
+ transition: all .2s ease;
|
|
|
}
|
|
|
.reveal .slides section .fragment.visible {
|
|
|
opacity: 1;
|
|
@@ -102,37 +101,33 @@ body {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
.reveal .slides section .fragment.grow.visible {
|
|
|
- transform: scale( 1.3 );
|
|
|
+ transform: scale( 1.3 );
|
|
|
}
|
|
|
|
|
|
.reveal .slides section .fragment.shrink {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
.reveal .slides section .fragment.shrink.visible {
|
|
|
- transform: scale( 0.7 );
|
|
|
+ transform: scale( 0.7 );
|
|
|
}
|
|
|
|
|
|
.reveal .slides section .fragment.zoom-in {
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- transform: scale( 0.1 );
|
|
|
+ transform: scale( 0.1 );
|
|
|
}
|
|
|
|
|
|
.reveal .slides section .fragment.zoom-in.visible {
|
|
|
opacity: 1;
|
|
|
-
|
|
|
- transform: scale( 1 );
|
|
|
+ transform: scale( 1 );
|
|
|
}
|
|
|
|
|
|
.reveal .slides section .fragment.roll-in {
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- transform: rotateX( 90deg );
|
|
|
+ transform: rotateX( 90deg );
|
|
|
}
|
|
|
.reveal .slides section .fragment.roll-in.visible {
|
|
|
opacity: 1;
|
|
|
-
|
|
|
- transform: rotateX( 0 );
|
|
|
+ transform: rotateX( 0 );
|
|
|
}
|
|
|
|
|
|
.reveal .slides section .fragment.fade-out {
|
|
@@ -312,8 +307,7 @@ body {
|
|
|
.reveal pre.stretch code {
|
|
|
height: 100%;
|
|
|
max-height: 100%;
|
|
|
-
|
|
|
- box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.reveal table th,
|
|
@@ -372,8 +366,7 @@ body {
|
|
|
border: 12px solid transparent;
|
|
|
|
|
|
-moz-transform: scale(.9999);
|
|
|
-
|
|
|
- transition: all 0.2s ease;
|
|
|
+ transition: all 0.2s ease;
|
|
|
}
|
|
|
|
|
|
.reveal .controls div.enabled {
|
|
@@ -453,8 +446,7 @@ body {
|
|
|
display: block;
|
|
|
height: 100%;
|
|
|
width: 0px;
|
|
|
-
|
|
|
- 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);
|
|
|
}
|
|
|
|
|
|
/*********************************************
|
|
@@ -493,12 +485,11 @@ body {
|
|
|
overflow: visible;
|
|
|
z-index: 1;
|
|
|
text-align: center;
|
|
|
-
|
|
|
- transition: perspective .4s ease;
|
|
|
-
|
|
|
- perspective: 600px;
|
|
|
-
|
|
|
- perspective-origin: 0px -100px;
|
|
|
+ transition: perspective .4s ease;
|
|
|
+ -ms-perspective: 600px;
|
|
|
+ perspective: 600px;
|
|
|
+ -ms-perspective-origin: 0px -100px;
|
|
|
+ perspective-origin: 0px -100px;
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section {
|
|
@@ -515,29 +506,28 @@ body {
|
|
|
z-index: 10;
|
|
|
line-height: 1.2em;
|
|
|
font-weight: inherit;
|
|
|
-
|
|
|
- transform-style: preserve-3d;
|
|
|
-
|
|
|
- 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);
|
|
|
+ -ms-transform-style: preserve-3d;
|
|
|
+ transform-style: preserve-3d;
|
|
|
+ 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 {
|
|
|
- transition-duration: 400ms;
|
|
|
+ transition-duration: 400ms;
|
|
|
}
|
|
|
.reveal[data-transition-speed="slow"] .slides section {
|
|
|
- transition-duration: 1200ms;
|
|
|
+ transition-duration: 1200ms;
|
|
|
}
|
|
|
|
|
|
/* Slide-specific transition speed overrides */
|
|
|
.reveal .slides section[data-transition-speed="fast"] {
|
|
|
- transition-duration: 400ms;
|
|
|
+ transition-duration: 400ms;
|
|
|
}
|
|
|
.reveal .slides section[data-transition-speed="slow"] {
|
|
|
- transition-duration: 1200ms;
|
|
|
+ transition-duration: 1200ms;
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section {
|
|
@@ -586,30 +576,26 @@ body {
|
|
|
.reveal .slides>section.past {
|
|
|
display: block;
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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,
|
|
|
.reveal .slides>section>section.past {
|
|
|
display: block;
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
|
|
|
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -619,20 +605,20 @@ body {
|
|
|
|
|
|
.reveal .slides>section[data-transition=concave].past,
|
|
|
.reveal.concave .slides>section.past {
|
|
|
- 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 {
|
|
|
- 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 {
|
|
|
- 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 {
|
|
|
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
|
|
|
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -642,31 +628,29 @@ body {
|
|
|
|
|
|
.reveal .slides>section[data-transition=zoom],
|
|
|
.reveal.zoom .slides>section {
|
|
|
- transition-timing-function: ease;
|
|
|
+ transition-timing-function: ease;
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section[data-transition=zoom].past,
|
|
|
.reveal.zoom .slides>section.past {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- transform: scale(16);
|
|
|
+ transform: scale(16);
|
|
|
}
|
|
|
.reveal .slides>section[data-transition=zoom].future,
|
|
|
.reveal.zoom .slides>section.future {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- transform: scale(0.2);
|
|
|
+ transform: scale(0.2);
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section>section[data-transition=zoom].past,
|
|
|
.reveal.zoom .slides>section>section.past {
|
|
|
- transform: translate(0, -150%);
|
|
|
+ transform: translate(0, -150%);
|
|
|
}
|
|
|
.reveal .slides>section>section[data-transition=zoom].future,
|
|
|
.reveal.zoom .slides>section>section.future {
|
|
|
- transform: translate(0, 150%);
|
|
|
+ transform: translate(0, 150%);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -675,25 +659,26 @@ body {
|
|
|
*********************************************/
|
|
|
|
|
|
.reveal.linear section {
|
|
|
- backface-visibility: hidden;
|
|
|
+ -ms-backface-visibility: hidden;
|
|
|
+ backface-visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section[data-transition=linear].past,
|
|
|
.reveal.linear .slides>section.past {
|
|
|
- transform: translate(-150%, 0);
|
|
|
+ transform: translate(-150%, 0);
|
|
|
}
|
|
|
.reveal .slides>section[data-transition=linear].future,
|
|
|
.reveal.linear .slides>section.future {
|
|
|
- transform: translate(150%, 0);
|
|
|
+ transform: translate(150%, 0);
|
|
|
}
|
|
|
|
|
|
.reveal .slides>section>section[data-transition=linear].past,
|
|
|
.reveal.linear .slides>section>section.past {
|
|
|
- transform: translate(0, -150%);
|
|
|
+ transform: translate(0, -150%);
|
|
|
}
|
|
|
.reveal .slides>section>section[data-transition=linear].future,
|
|
|
.reveal.linear .slides>section>section.future {
|
|
|
- transform: translate(0, 150%);
|
|
|
+ transform: translate(0, 150%);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -702,16 +687,16 @@ body {
|
|
|
*********************************************/
|
|
|
|
|
|
.reveal.cube .slides {
|
|
|
- perspective: 1300px;
|
|
|
+ -ms-perspective: 1300px;
|
|
|
+ perspective: 1300px;
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides section {
|
|
|
padding: 30px;
|
|
|
min-height: 700px;
|
|
|
-
|
|
|
- backface-visibility: hidden;
|
|
|
-
|
|
|
- box-sizing: border-box;
|
|
|
+ -ms-backface-visibility: hidden;
|
|
|
+ backface-visibility: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
.reveal.center.cube .slides section {
|
|
|
min-height: auto;
|
|
@@ -726,8 +711,7 @@ body {
|
|
|
top: 0;
|
|
|
background: rgba(0,0,0,0.1);
|
|
|
border-radius: 4px;
|
|
|
-
|
|
|
- transform: translateZ( -20px );
|
|
|
+ transform: translateZ( -20px );
|
|
|
}
|
|
|
.reveal.cube .slides section:not(.stack):after {
|
|
|
content: '';
|
|
@@ -742,8 +726,7 @@ body {
|
|
|
|
|
|
border-radius: 4px;
|
|
|
box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
|
|
|
-
|
|
|
- transform: translateZ(-90px) rotateX( 65deg );
|
|
|
+ transform: translateZ(-90px) rotateX( 65deg );
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides>section.stack {
|
|
@@ -752,27 +735,23 @@ body {
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides>section.past {
|
|
|
- transform-origin: 100% 0%;
|
|
|
-
|
|
|
- transform: translate3d(-100%, 0, 0) rotateY(-90deg);
|
|
|
+ transform-origin: 100% 0%;
|
|
|
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg);
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides>section.future {
|
|
|
- transform-origin: 0% 0%;
|
|
|
-
|
|
|
- transform: translate3d(100%, 0, 0) rotateY(90deg);
|
|
|
+ transform-origin: 0% 0%;
|
|
|
+ transform: translate3d(100%, 0, 0) rotateY(90deg);
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides>section>section.past {
|
|
|
- transform-origin: 0% 100%;
|
|
|
-
|
|
|
- transform: translate3d(0, -100%, 0) rotateX(90deg);
|
|
|
+ transform-origin: 0% 100%;
|
|
|
+ transform: translate3d(0, -100%, 0) rotateX(90deg);
|
|
|
}
|
|
|
|
|
|
.reveal.cube .slides>section>section.future {
|
|
|
- transform-origin: 0% 0%;
|
|
|
-
|
|
|
- transform: translate3d(0, 100%, 0) rotateX(-90deg);
|
|
|
+ transform-origin: 0% 0%;
|
|
|
+ transform: translate3d(0, 100%, 0) rotateX(-90deg);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -781,16 +760,16 @@ body {
|
|
|
*********************************************/
|
|
|
|
|
|
.reveal.page .slides {
|
|
|
- perspective-origin: 0% 50%;
|
|
|
-
|
|
|
- perspective: 3000px;
|
|
|
+ -ms-perspective-origin: 0% 50%;
|
|
|
+ perspective-origin: 0% 50%;
|
|
|
+ -ms-perspective: 3000px;
|
|
|
+ perspective: 3000px;
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides section {
|
|
|
padding: 30px;
|
|
|
min-height: 700px;
|
|
|
-
|
|
|
- box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
.reveal.page .slides section.past {
|
|
|
z-index: 12;
|
|
@@ -804,8 +783,7 @@ body {
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
background: rgba(0,0,0,0.1);
|
|
|
-
|
|
|
- transform: translateZ( -20px );
|
|
|
+ transform: translateZ( -20px );
|
|
|
}
|
|
|
.reveal.page .slides section:not(.stack):after {
|
|
|
content: '';
|
|
@@ -821,7 +799,7 @@ body {
|
|
|
border-radius: 4px;
|
|
|
box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
|
|
|
|
|
|
- transform: translateZ(-90px) rotateX( 65deg );
|
|
|
+ -webkit-transform: translateZ(-90px) rotateX( 65deg );
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides>section.stack {
|
|
@@ -830,27 +808,23 @@ body {
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides>section.past {
|
|
|
- transform-origin: 0% 0%;
|
|
|
-
|
|
|
- transform: translate3d(-40%, 0, 0) rotateY(-80deg);
|
|
|
+ transform-origin: 0% 0%;
|
|
|
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg);
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides>section.future {
|
|
|
- transform-origin: 100% 0%;
|
|
|
-
|
|
|
- transform: translate3d(0, 0, 0);
|
|
|
+ transform-origin: 100% 0%;
|
|
|
+ transform: translate3d(0, 0, 0);
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides>section>section.past {
|
|
|
- transform-origin: 0% 0%;
|
|
|
-
|
|
|
- transform: translate3d(0, -40%, 0) rotateX(80deg);
|
|
|
+ transform-origin: 0% 0%;
|
|
|
+ transform: translate3d(0, -40%, 0) rotateX(80deg);
|
|
|
}
|
|
|
|
|
|
.reveal.page .slides>section>section.future {
|
|
|
- transform-origin: 0% 100%;
|
|
|
-
|
|
|
- transform: translate3d(0, 0, 0);
|
|
|
+ transform-origin: 0% 100%;
|
|
|
+ transform: translate3d(0, 0, 0);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -861,9 +835,8 @@ body {
|
|
|
.reveal .slides section[data-transition=fade],
|
|
|
.reveal.fade .slides section,
|
|
|
.reveal.fade .slides>section>section {
|
|
|
- transform: none;
|
|
|
-
|
|
|
- transition: opacity 0.5s;
|
|
|
+ transform: none;
|
|
|
+ transition: opacity 0.5s;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -871,7 +844,7 @@ body {
|
|
|
.reveal.fade.overview .slides>section>section,
|
|
|
.reveal.fade.overview-deactivating .slides section,
|
|
|
.reveal.fade.overview-deactivating .slides>section>section {
|
|
|
- transition: none;
|
|
|
+ transition: none;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -881,9 +854,8 @@ body {
|
|
|
|
|
|
.reveal .slides section[data-transition=none],
|
|
|
.reveal.none .slides section {
|
|
|
- transform: none;
|
|
|
-
|
|
|
- transition: none;
|
|
|
+ transform: none;
|
|
|
+ transition: none;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -892,9 +864,10 @@ body {
|
|
|
*********************************************/
|
|
|
|
|
|
.reveal.overview .slides {
|
|
|
- perspective-origin: 0% 0%;
|
|
|
-
|
|
|
- perspective: 700px;
|
|
|
+ -ms-perspective-origin: 0% 0%;
|
|
|
+ perspective-origin: 0% 0%;
|
|
|
+ -ms-perspective: 700px;
|
|
|
+ perspective: 700px;
|
|
|
}
|
|
|
|
|
|
.reveal.overview .slides section {
|
|
@@ -945,8 +918,7 @@ body {
|
|
|
visibility: hidden;
|
|
|
opacity: 0;
|
|
|
z-index: 100;
|
|
|
-
|
|
|
- transition: all 1s ease;
|
|
|
+ transition: all 1s ease;
|
|
|
}
|
|
|
.reveal.paused .pause-overlay {
|
|
|
visibility: visible;
|
|
@@ -986,8 +958,7 @@ body {
|
|
|
top: 0;
|
|
|
left: -50%;
|
|
|
margin: 70px 0;
|
|
|
-
|
|
|
- transform: none;
|
|
|
+ transform: none;
|
|
|
}
|
|
|
|
|
|
.no-transforms .reveal .slides section section {
|
|
@@ -996,7 +967,7 @@ body {
|
|
|
|
|
|
.reveal .no-transition,
|
|
|
.reveal .no-transition * {
|
|
|
- transition: none !important;
|
|
|
+ transition: none !important;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1009,8 +980,7 @@ body {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: rgba( 0, 0, 0, 0 );
|
|
|
-
|
|
|
- transition: background 800ms ease;
|
|
|
+ transition: background 800ms ease;
|
|
|
}
|
|
|
.alert .reveal .state-background {
|
|
|
background: rgba( 200, 50, 30, 0.6 );
|
|
@@ -1049,8 +1019,8 @@ body {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
-
|
|
|
- perspective: 600px;
|
|
|
+ -ms-perspective: 600px;
|
|
|
+ perspective: 600px;
|
|
|
}
|
|
|
.reveal .slide-background {
|
|
|
position: absolute;
|
|
@@ -1063,8 +1033,7 @@ body {
|
|
|
background-position: 50% 50%;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover;
|
|
|
-
|
|
|
- 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;
|
|
@@ -1079,32 +1048,32 @@ body {
|
|
|
/* Immediate transition style */
|
|
|
.reveal[data-background-transition=none]>.backgrounds .slide-background,
|
|
|
.reveal>.backgrounds .slide-background[data-background-transition=none] {
|
|
|
- transition: none;
|
|
|
+ transition: none;
|
|
|
}
|
|
|
|
|
|
/* 2D slide */
|
|
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
|
|
|
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
|
|
|
opacity: 1;
|
|
|
-
|
|
|
- backface-visibility: hidden;
|
|
|
+ -ms-backface-visibility: hidden;
|
|
|
+ backface-visibility: hidden;
|
|
|
}
|
|
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
|
|
|
.reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
|
|
|
- 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] {
|
|
|
- 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] {
|
|
|
- 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] {
|
|
|
- transform: translate(0, 100%);
|
|
|
+ transform: translate(0, 100%);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1112,27 +1081,23 @@ body {
|
|
|
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
|
|
|
.reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
|
|
|
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1140,72 +1105,64 @@ body {
|
|
|
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
|
|
|
.reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
|
|
|
opacity: 0;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- 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] {
|
|
|
- transition-timing-function: ease;
|
|
|
+ transition-timing-function: ease;
|
|
|
}
|
|
|
|
|
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past,
|
|
|
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- transform: scale(0.2);
|
|
|
+ transform: scale(0.2);
|
|
|
}
|
|
|
|
|
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past,
|
|
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- 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;
|
|
|
-
|
|
|
- transform: scale(0.2);
|
|
|
+ transform: scale(0.2);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* Global transition speed settings */
|
|
|
.reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
|
|
|
- transition-duration: 400ms;
|
|
|
+ transition-duration: 400ms;
|
|
|
}
|
|
|
.reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
|
|
|
- transition-duration: 1200ms;
|
|
|
+ transition-duration: 1200ms;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1243,15 +1200,15 @@ body {
|
|
|
*********************************************/
|
|
|
|
|
|
.reveal.has-parallax-background .backgrounds {
|
|
|
- transition: all 0.8s ease;
|
|
|
+ transition: all 0.8s ease;
|
|
|
}
|
|
|
|
|
|
/* Global transition speed settings */
|
|
|
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
|
|
|
- transition-duration: 400ms;
|
|
|
+ transition-duration: 400ms;
|
|
|
}
|
|
|
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
|
|
|
- transition-duration: 1200ms;
|
|
|
+ transition-duration: 1200ms;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1269,8 +1226,7 @@ body {
|
|
|
background: rgba( 0, 0, 0, 0.9 );
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- transition: all 0.3s ease;
|
|
|
+ transition: all 0.3s ease;
|
|
|
}
|
|
|
.reveal .preview-link-overlay.visible {
|
|
|
opacity: 1;
|
|
@@ -1290,8 +1246,7 @@ body {
|
|
|
|
|
|
visibility: visible;
|
|
|
opacity: 0.6;
|
|
|
-
|
|
|
- transition: all 0.3s ease;
|
|
|
+ transition: all 0.3s ease;
|
|
|
}
|
|
|
|
|
|
.reveal .preview-link-overlay header {
|
|
@@ -1349,8 +1304,7 @@ body {
|
|
|
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- transition: all 0.3s ease;
|
|
|
+ transition: all 0.3s ease;
|
|
|
}
|
|
|
|
|
|
.reveal .preview-link-overlay.loaded .viewport iframe {
|
|
@@ -1361,8 +1315,7 @@ body {
|
|
|
.reveal .preview-link-overlay.loaded .spinner {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
-
|
|
|
- transform: scale(0.2);
|
|
|
+ transform: scale(0.2);
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1377,8 +1330,7 @@ body {
|
|
|
bottom: 15px;
|
|
|
z-index: 30;
|
|
|
cursor: pointer;
|
|
|
-
|
|
|
- transition: all 400ms ease;
|
|
|
+ transition: all 400ms ease;
|
|
|
}
|
|
|
|
|
|
.reveal.overview .playback {
|
|
@@ -1397,10 +1349,10 @@ body {
|
|
|
overflow: hidden;
|
|
|
|
|
|
vertical-align: top;
|
|
|
-
|
|
|
- perspective: 400px;
|
|
|
-
|
|
|
- perspective-origin: 50% 50%;
|
|
|
+ -ms-perspective: 400px;
|
|
|
+ perspective: 400px;
|
|
|
+ -ms-perspective-origin: 50% 50%;
|
|
|
+ perspective-origin: 50% 50%;
|
|
|
}
|
|
|
.reveal .roll:hover {
|
|
|
background: none;
|
|
@@ -1412,19 +1364,15 @@ body {
|
|
|
padding: 0 2px;
|
|
|
|
|
|
pointer-events: none;
|
|
|
-
|
|
|
- transition: all 400ms ease;
|
|
|
-
|
|
|
- transform-origin: 50% 0%;
|
|
|
-
|
|
|
- transform-style: preserve-3d;
|
|
|
-
|
|
|
- backface-visibility: hidden;
|
|
|
+ transition: all 400ms ease;
|
|
|
+ transform-origin: 50% 0%;
|
|
|
+ -ms-transform-style: preserve-3d;
|
|
|
+ transform-style: preserve-3d;
|
|
|
+ backface-visibility: hidden;
|
|
|
}
|
|
|
.reveal .roll:hover span {
|
|
|
background: rgba(0,0,0,0.5);
|
|
|
-
|
|
|
- transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
|
|
|
+ transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
|
|
|
}
|
|
|
.reveal .roll span:after {
|
|
|
content: attr(data-title);
|
|
@@ -1434,12 +1382,9 @@ body {
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
padding: 0 2px;
|
|
|
-
|
|
|
- backface-visibility: hidden;
|
|
|
-
|
|
|
- transform-origin: 50% 0%;
|
|
|
-
|
|
|
- transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
|
|
+ backface-visibility: hidden;
|
|
|
+ transform-origin: 50% 0%;
|
|
|
+ transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
|
|
}
|
|
|
|
|
|
|
|
@@ -1459,9 +1404,9 @@ body {
|
|
|
.zoomed .reveal *,
|
|
|
.zoomed .reveal *:before,
|
|
|
.zoomed .reveal *:after {
|
|
|
- transform: none !important;
|
|
|
-
|
|
|
- backface-visibility: visible !important;
|
|
|
+ transform: none !important;
|
|
|
+ -ms-backface-visibility: visible !important;
|
|
|
+ backface-visibility: visible !important;
|
|
|
}
|
|
|
|
|
|
.zoomed .reveal .progress,
|