xobs/fa23-si
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

re-created unprefixed version of reveal.css automatically using autoprefixer, to facilitate merging of changes to it

Browse Source
This commit is contained in:
Yves Delley
2014-09-12 22:37:57 +02:00
parent 7fe762c2f3
commit 2bc36f2dfe
5 changed files with 445 additions and 633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Gruntfile.js
View File

@@ -81,6 +81,14 @@ module.exports = function(grunt) {
files: { files: {
'css/reveal.css': 'css/reveal.bare.css' 'css/reveal.css': 'css/reveal.bare.css'
} }
},
unprefix: {
files: {
'css/reveal.clean.css': 'css/reveal.css'
},
options: {
browsers: []
}
} }
}, },
@@ -139,7 +147,7 @@ module.exports = function(grunt) {
grunt.registerTask( 'themes', [ 'sass' ] ); grunt.registerTask( 'themes', [ 'sass' ] );
// CSS task // CSS task
grunt.registerTask( 'css', [ 'autoprefixer', 'cssmin' ] ); grunt.registerTask( 'css', [ 'autoprefixer:dist', 'cssmin' ] );
// Package presentation to archive // Package presentation to archive

89
css/reveal.bare.css
View File

@@ -91,7 +91,6 @@ body {
.reveal .slides section .fragment { .reveal .slides section .fragment {
opacity: 0; opacity: 0;
transition: all .2s ease; transition: all .2s ease;
} }
.reveal .slides section .fragment.visible { .reveal .slides section .fragment.visible {
@@ -114,24 +113,20 @@ body {
.reveal .slides section .fragment.zoom-in { .reveal .slides section .fragment.zoom-in {
opacity: 0; opacity: 0;
transform: scale( 0.1 ); transform: scale( 0.1 );
} }
.reveal .slides section .fragment.zoom-in.visible { .reveal .slides section .fragment.zoom-in.visible {
opacity: 1; opacity: 1;
transform: scale( 1 ); transform: scale( 1 );
} }
.reveal .slides section .fragment.roll-in { .reveal .slides section .fragment.roll-in {
opacity: 0; opacity: 0;
transform: rotateX( 90deg ); transform: rotateX( 90deg );
} }
.reveal .slides section .fragment.roll-in.visible { .reveal .slides section .fragment.roll-in.visible {
opacity: 1; opacity: 1;
transform: rotateX( 0 ); transform: rotateX( 0 );
} }
@@ -312,7 +307,6 @@ body {
.reveal pre.stretch code { .reveal pre.stretch code {
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -372,7 +366,6 @@ body {
border: 12px solid transparent; border: 12px solid transparent;
-moz-transform: scale(.9999); -moz-transform: scale(.9999);
transition: all 0.2s ease; transition: all 0.2s ease;
} }
@@ -453,7 +446,6 @@ body {
display: block; display: block;
height: 100%; height: 100%;
width: 0px; 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,11 +485,10 @@ body {
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
transition: perspective .4s ease; transition: perspective .4s ease;
-ms-perspective: 600px;
perspective: 600px; perspective: 600px;
-ms-perspective-origin: 0px -100px;
perspective-origin: 0px -100px; perspective-origin: 0px -100px;
} }
@@ -515,9 +506,8 @@ body {
z-index: 10; z-index: 10;
line-height: 1.2em; line-height: 1.2em;
font-weight: inherit; font-weight: inherit;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
transition: transform-origin 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), transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@@ -586,14 +576,12 @@ body {
.reveal .slides>section.past { .reveal .slides>section.past {
display: block; display: block;
opacity: 0; 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[data-transition=default].future,
.reveal .slides>section.future { .reveal .slides>section.future {
display: block; display: block;
opacity: 0; opacity: 0;
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
} }
@@ -601,14 +589,12 @@ body {
.reveal .slides>section>section.past { .reveal .slides>section>section.past {
display: block; display: block;
opacity: 0; 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[data-transition=default].future,
.reveal .slides>section>section.future { .reveal .slides>section>section.future {
display: block; display: block;
opacity: 0; opacity: 0;
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
} }
@@ -649,14 +635,12 @@ body {
.reveal.zoom .slides>section.past { .reveal.zoom .slides>section.past {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(16); transform: scale(16);
} }
.reveal .slides>section[data-transition=zoom].future, .reveal .slides>section[data-transition=zoom].future,
.reveal.zoom .slides>section.future { .reveal.zoom .slides>section.future {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(0.2); transform: scale(0.2);
} }
@@ -675,6 +659,7 @@ body {
*********************************************/ *********************************************/
.reveal.linear section { .reveal.linear section {
-ms-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
@@ -702,15 +687,15 @@ body {
*********************************************/ *********************************************/
.reveal.cube .slides { .reveal.cube .slides {
-ms-perspective: 1300px;
perspective: 1300px; perspective: 1300px;
} }
.reveal.cube .slides section { .reveal.cube .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
-ms-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
.reveal.center.cube .slides section { .reveal.center.cube .slides section {
@@ -726,7 +711,6 @@ body {
top: 0; top: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
border-radius: 4px; border-radius: 4px;
transform: translateZ( -20px ); transform: translateZ( -20px );
} }
.reveal.cube .slides section:not(.stack):after { .reveal.cube .slides section:not(.stack):after {
@@ -742,7 +726,6 @@ body {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0,0,0,0.2); box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
transform: translateZ(-90px) rotateX( 65deg ); transform: translateZ(-90px) rotateX( 65deg );
} }
@@ -753,25 +736,21 @@ body {
.reveal.cube .slides>section.past { .reveal.cube .slides>section.past {
transform-origin: 100% 0%; transform-origin: 100% 0%;
transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg);
} }
.reveal.cube .slides>section.future { .reveal.cube .slides>section.future {
transform-origin: 0% 0%; transform-origin: 0% 0%;
transform: translate3d(100%, 0, 0) rotateY(90deg); transform: translate3d(100%, 0, 0) rotateY(90deg);
} }
.reveal.cube .slides>section>section.past { .reveal.cube .slides>section>section.past {
transform-origin: 0% 100%; transform-origin: 0% 100%;
transform: translate3d(0, -100%, 0) rotateX(90deg); transform: translate3d(0, -100%, 0) rotateX(90deg);
} }
.reveal.cube .slides>section>section.future { .reveal.cube .slides>section>section.future {
transform-origin: 0% 0%; transform-origin: 0% 0%;
transform: translate3d(0, 100%, 0) rotateX(-90deg); transform: translate3d(0, 100%, 0) rotateX(-90deg);
} }
@@ -781,15 +760,15 @@ body {
*********************************************/ *********************************************/
.reveal.page .slides { .reveal.page .slides {
-ms-perspective-origin: 0% 50%;
perspective-origin: 0% 50%; perspective-origin: 0% 50%;
-ms-perspective: 3000px;
perspective: 3000px; perspective: 3000px;
} }
.reveal.page .slides section { .reveal.page .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
box-sizing: border-box; box-sizing: border-box;
} }
.reveal.page .slides section.past { .reveal.page .slides section.past {
@@ -804,7 +783,6 @@ body {
left: 0; left: 0;
top: 0; top: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
transform: translateZ( -20px ); transform: translateZ( -20px );
} }
.reveal.page .slides section:not(.stack):after { .reveal.page .slides section:not(.stack):after {
@@ -821,7 +799,7 @@ body {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0,0,0,0.2); 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 { .reveal.page .slides>section.stack {
@@ -831,25 +809,21 @@ body {
.reveal.page .slides>section.past { .reveal.page .slides>section.past {
transform-origin: 0% 0%; transform-origin: 0% 0%;
transform: translate3d(-40%, 0, 0) rotateY(-80deg); transform: translate3d(-40%, 0, 0) rotateY(-80deg);
} }
.reveal.page .slides>section.future { .reveal.page .slides>section.future {
transform-origin: 100% 0%; transform-origin: 100% 0%;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
.reveal.page .slides>section>section.past { .reveal.page .slides>section>section.past {
transform-origin: 0% 0%; transform-origin: 0% 0%;
transform: translate3d(0, -40%, 0) rotateX(80deg); transform: translate3d(0, -40%, 0) rotateX(80deg);
} }
.reveal.page .slides>section>section.future { .reveal.page .slides>section>section.future {
transform-origin: 0% 100%; transform-origin: 0% 100%;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
@@ -862,7 +836,6 @@ body {
.reveal.fade .slides section, .reveal.fade .slides section,
.reveal.fade .slides>section>section { .reveal.fade .slides>section>section {
transform: none; transform: none;
transition: opacity 0.5s; transition: opacity 0.5s;
} }
@@ -882,7 +855,6 @@ body {
.reveal .slides section[data-transition=none], .reveal .slides section[data-transition=none],
.reveal.none .slides section { .reveal.none .slides section {
transform: none; transform: none;
transition: none; transition: none;
} }
@@ -892,8 +864,9 @@ body {
*********************************************/ *********************************************/
.reveal.overview .slides { .reveal.overview .slides {
-ms-perspective-origin: 0% 0%;
perspective-origin: 0% 0%; perspective-origin: 0% 0%;
-ms-perspective: 700px;
perspective: 700px; perspective: 700px;
} }
@@ -945,7 +918,6 @@ body {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
z-index: 100; z-index: 100;
transition: all 1s ease; transition: all 1s ease;
} }
.reveal.paused .pause-overlay { .reveal.paused .pause-overlay {
@@ -986,7 +958,6 @@ body {
top: 0; top: 0;
left: -50%; left: -50%;
margin: 70px 0; margin: 70px 0;
transform: none; transform: none;
} }
@@ -1009,7 +980,6 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba( 0, 0, 0, 0 ); background: rgba( 0, 0, 0, 0 );
transition: background 800ms ease; transition: background 800ms ease;
} }
.alert .reveal .state-background { .alert .reveal .state-background {
@@ -1049,7 +1019,7 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
-ms-perspective: 600px;
perspective: 600px; perspective: 600px;
} }
.reveal .slide-background { .reveal .slide-background {
@@ -1063,7 +1033,6 @@ body {
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; 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 { .reveal .slide-background.present {
@@ -1086,7 +1055,7 @@ body {
.reveal[data-background-transition=slide]>.backgrounds .slide-background, .reveal[data-background-transition=slide]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=slide] { .reveal>.backgrounds .slide-background[data-background-transition=slide] {
opacity: 1; opacity: 1;
-ms-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past, .reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
@@ -1112,26 +1081,22 @@ body {
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past, .reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=convex] { .reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0; 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[data-background-transition=convex]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=convex] { .reveal>.backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0; 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[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] {
opacity: 0; 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[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] {
opacity: 0; 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,26 +1105,22 @@ body {
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past, .reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=concave] { .reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0; 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[data-background-transition=concave]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=concave] { .reveal>.backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0; 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[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] {
opacity: 0; 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[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] {
opacity: 0; opacity: 0;
transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
} }
@@ -1173,14 +1134,12 @@ body {
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] { .reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(16); transform: scale(16);
} }
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future, .reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=zoom] { .reveal>.backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1188,14 +1147,12 @@ body {
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(16); transform: scale(16);
} }
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future, .reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1269,7 +1226,6 @@ body {
background: rgba( 0, 0, 0, 0.9 ); background: rgba( 0, 0, 0, 0.9 );
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.reveal .preview-link-overlay.visible { .reveal .preview-link-overlay.visible {
@@ -1290,7 +1246,6 @@ body {
visibility: visible; visibility: visible;
opacity: 0.6; opacity: 0.6;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -1349,7 +1304,6 @@ body {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -1361,7 +1315,6 @@ body {
.reveal .preview-link-overlay.loaded .spinner { .reveal .preview-link-overlay.loaded .spinner {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1377,7 +1330,6 @@ body {
bottom: 15px; bottom: 15px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
transition: all 400ms ease; transition: all 400ms ease;
} }
@@ -1397,9 +1349,9 @@ body {
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
-ms-perspective: 400px;
perspective: 400px; perspective: 400px;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
} }
.reveal .roll:hover { .reveal .roll:hover {
@@ -1412,18 +1364,14 @@ body {
padding: 0 2px; padding: 0 2px;
pointer-events: none; pointer-events: none;
transition: all 400ms ease; transition: all 400ms ease;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
backface-visibility: hidden; backface-visibility: hidden;
} }
.reveal .roll:hover span { .reveal .roll:hover span {
background: rgba(0,0,0,0.5); 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 { .reveal .roll span:after {
@@ -1434,11 +1382,8 @@ body {
left: 0; left: 0;
top: 0; top: 0;
padding: 0 2px; padding: 0 2px;
backface-visibility: hidden; backface-visibility: hidden;
transform-origin: 50% 0%; transform-origin: 50% 0%;
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
} }
@@ -1460,7 +1405,7 @@ body {
.zoomed .reveal *:before, .zoomed .reveal *:before,
.zoomed .reveal *:after { .zoomed .reveal *:after {
transform: none !important; transform: none !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important; backface-visibility: visible !important;
} }

173
css/reveal.css
View File

@@ -100,9 +100,7 @@ body {
.reveal .slides section .fragment { .reveal .slides section .fragment {
opacity: 0; opacity: 0;
-webkit-transition: all .2s ease; -webkit-transition: all .2s ease;
transition: all .2s ease; transition: all .2s ease;
} }
.reveal .slides section .fragment.visible { .reveal .slides section .fragment.visible {
@@ -129,36 +127,26 @@ body {
.reveal .slides section .fragment.zoom-in { .reveal .slides section .fragment.zoom-in {
opacity: 0; opacity: 0;
-webkit-transform: scale( 0.1 ); -webkit-transform: scale( 0.1 );
-ms-transform: scale( 0.1 ); -ms-transform: scale( 0.1 );
transform: scale( 0.1 ); transform: scale( 0.1 );
} }
.reveal .slides section .fragment.zoom-in.visible { .reveal .slides section .fragment.zoom-in.visible {
opacity: 1; opacity: 1;
-webkit-transform: scale( 1 ); -webkit-transform: scale( 1 );
-ms-transform: scale( 1 ); -ms-transform: scale( 1 );
transform: scale( 1 ); transform: scale( 1 );
} }
.reveal .slides section .fragment.roll-in { .reveal .slides section .fragment.roll-in {
opacity: 0; opacity: 0;
-webkit-transform: rotateX( 90deg ); -webkit-transform: rotateX( 90deg );
transform: rotateX( 90deg ); transform: rotateX( 90deg );
} }
.reveal .slides section .fragment.roll-in.visible { .reveal .slides section .fragment.roll-in.visible {
opacity: 1; opacity: 1;
-webkit-transform: rotateX( 0 ); -webkit-transform: rotateX( 0 );
transform: rotateX( 0 ); transform: rotateX( 0 );
} }
@@ -339,9 +327,7 @@ body {
.reveal pre.stretch code { .reveal pre.stretch code {
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -401,9 +387,7 @@ body {
border: 12px solid transparent; border: 12px solid transparent;
-moz-transform: scale(.9999); -moz-transform: scale(.9999);
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
@@ -484,9 +468,7 @@ body {
display: block; display: block;
height: 100%; height: 100%;
width: 0px; width: 0px;
-webkit-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); transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
} }
@@ -526,17 +508,13 @@ body {
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
-webkit-transition: -webkit-perspective .4s ease; -webkit-transition: -webkit-perspective .4s ease;
transition: perspective .4s ease; transition: perspective .4s ease;
-ms-perspective: 600px;
-webkit-perspective: 600px; -webkit-perspective: 600px;
perspective: 600px; perspective: 600px;
-ms-perspective-origin: 0px -100px;
-webkit-perspective-origin: 0px -100px; -webkit-perspective-origin: 0px -100px;
perspective-origin: 0px -100px; perspective-origin: 0px -100px;
} }
@@ -554,21 +532,17 @@ body {
z-index: 10; z-index: 10;
line-height: 1.2em; line-height: 1.2em;
font-weight: inherit; font-weight: inherit;
-ms-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
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-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), -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), visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
opacity 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), 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), transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 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); 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), 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), transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@@ -641,18 +615,14 @@ body {
.reveal .slides>section.past { .reveal .slides>section.past {
display: block; display: block;
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
} }
.reveal .slides>section[data-transition=default].future, .reveal .slides>section[data-transition=default].future,
.reveal .slides>section.future { .reveal .slides>section.future {
display: block; display: block;
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
} }
@@ -660,18 +630,14 @@ body {
.reveal .slides>section>section.past { .reveal .slides>section>section.past {
display: block; display: block;
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
} }
.reveal .slides>section>section[data-transition=default].future, .reveal .slides>section>section[data-transition=default].future,
.reveal .slides>section>section.future { .reveal .slides>section>section.future {
display: block; display: block;
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
} }
@@ -717,22 +683,16 @@ body {
.reveal.zoom .slides>section.past { .reveal.zoom .slides>section.past {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16); -webkit-transform: scale(16);
-ms-transform: scale(16); -ms-transform: scale(16);
transform: scale(16); transform: scale(16);
} }
.reveal .slides>section[data-transition=zoom].future, .reveal .slides>section[data-transition=zoom].future,
.reveal.zoom .slides>section.future { .reveal.zoom .slides>section.future {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2); -webkit-transform: scale(0.2);
-ms-transform: scale(0.2); -ms-transform: scale(0.2);
transform: scale(0.2); transform: scale(0.2);
} }
@@ -755,6 +715,7 @@ body {
*********************************************/ *********************************************/
.reveal.linear section { .reveal.linear section {
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
@@ -791,6 +752,7 @@ body {
*********************************************/ *********************************************/
.reveal.cube .slides { .reveal.cube .slides {
-ms-perspective: 1300px;
-webkit-perspective: 1300px; -webkit-perspective: 1300px;
perspective: 1300px; perspective: 1300px;
} }
@@ -798,13 +760,10 @@ body {
.reveal.cube .slides section { .reveal.cube .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.reveal.center.cube .slides section { .reveal.center.cube .slides section {
@@ -820,9 +779,7 @@ body {
top: 0; top: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
border-radius: 4px; border-radius: 4px;
-webkit-transform: translateZ( -20px ); -webkit-transform: translateZ( -20px );
transform: translateZ( -20px ); transform: translateZ( -20px );
} }
.reveal.cube .slides section:not(.stack):after { .reveal.cube .slides section:not(.stack):after {
@@ -838,9 +795,7 @@ body {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0,0,0,0.2); box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
-webkit-transform: translateZ(-90px) rotateX( 65deg ); -webkit-transform: translateZ(-90px) rotateX( 65deg );
transform: translateZ(-90px) rotateX( 65deg ); transform: translateZ(-90px) rotateX( 65deg );
} }
@@ -853,9 +808,7 @@ body {
-webkit-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; transform-origin: 100% 0%;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg);
} }
@@ -863,9 +816,7 @@ body {
-webkit-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
transform: translate3d(100%, 0, 0) rotateY(90deg); transform: translate3d(100%, 0, 0) rotateY(90deg);
} }
@@ -873,9 +824,7 @@ body {
-webkit-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; transform-origin: 0% 100%;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
transform: translate3d(0, -100%, 0) rotateX(90deg); transform: translate3d(0, -100%, 0) rotateX(90deg);
} }
@@ -883,9 +832,7 @@ body {
-webkit-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
transform: translate3d(0, 100%, 0) rotateX(-90deg); transform: translate3d(0, 100%, 0) rotateX(-90deg);
} }
@@ -895,20 +842,18 @@ body {
*********************************************/ *********************************************/
.reveal.page .slides { .reveal.page .slides {
-ms-perspective-origin: 0% 50%;
-webkit-perspective-origin: 0% 50%; -webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%; perspective-origin: 0% 50%;
-ms-perspective: 3000px;
-webkit-perspective: 3000px; -webkit-perspective: 3000px;
perspective: 3000px; perspective: 3000px;
} }
.reveal.page .slides section { .reveal.page .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.reveal.page .slides section.past { .reveal.page .slides section.past {
@@ -923,9 +868,7 @@ body {
left: 0; left: 0;
top: 0; top: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
-webkit-transform: translateZ( -20px ); -webkit-transform: translateZ( -20px );
transform: translateZ( -20px ); transform: translateZ( -20px );
} }
.reveal.page .slides section:not(.stack):after { .reveal.page .slides section:not(.stack):after {
@@ -943,8 +886,6 @@ body {
box-shadow: 0px 95px 25px rgba(0,0,0,0.2); box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
-webkit-transform: translateZ(-90px) rotateX( 65deg ); -webkit-transform: translateZ(-90px) rotateX( 65deg );
transform: translateZ(-90px) rotateX( 65deg );
} }
.reveal.page .slides>section.stack { .reveal.page .slides>section.stack {
@@ -956,9 +897,7 @@ body {
-webkit-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
transform: translate3d(-40%, 0, 0) rotateY(-80deg); transform: translate3d(-40%, 0, 0) rotateY(-80deg);
} }
@@ -966,9 +905,7 @@ body {
-webkit-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; transform-origin: 100% 0%;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
@@ -976,9 +913,7 @@ body {
-webkit-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
transform: translate3d(0, -40%, 0) rotateX(80deg); transform: translate3d(0, -40%, 0) rotateX(80deg);
} }
@@ -986,9 +921,7 @@ body {
-webkit-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; transform-origin: 0% 100%;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
@@ -1003,9 +936,7 @@ body {
-webkit-transform: none; -webkit-transform: none;
-ms-transform: none; -ms-transform: none;
transform: none; transform: none;
-webkit-transition: opacity 0.5s; -webkit-transition: opacity 0.5s;
transition: opacity 0.5s; transition: opacity 0.5s;
} }
@@ -1028,9 +959,7 @@ body {
-webkit-transform: none; -webkit-transform: none;
-ms-transform: none; -ms-transform: none;
transform: none; transform: none;
-webkit-transition: none; -webkit-transition: none;
transition: none; transition: none;
} }
@@ -1040,11 +969,11 @@ body {
*********************************************/ *********************************************/
.reveal.overview .slides { .reveal.overview .slides {
-ms-perspective-origin: 0% 0%;
-webkit-perspective-origin: 0% 0%; -webkit-perspective-origin: 0% 0%;
perspective-origin: 0% 0%; perspective-origin: 0% 0%;
-ms-perspective: 700px;
-webkit-perspective: 700px; -webkit-perspective: 700px;
perspective: 700px; perspective: 700px;
} }
@@ -1096,9 +1025,7 @@ body {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
z-index: 100; z-index: 100;
-webkit-transition: all 1s ease; -webkit-transition: all 1s ease;
transition: all 1s ease; transition: all 1s ease;
} }
.reveal.paused .pause-overlay { .reveal.paused .pause-overlay {
@@ -1139,11 +1066,8 @@ body {
top: 0; top: 0;
left: -50%; left: -50%;
margin: 70px 0; margin: 70px 0;
-webkit-transform: none; -webkit-transform: none;
-ms-transform: none; -ms-transform: none;
transform: none; transform: none;
} }
@@ -1167,9 +1091,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba( 0, 0, 0, 0 ); background: rgba( 0, 0, 0, 0 );
-webkit-transition: background 800ms ease; -webkit-transition: background 800ms ease;
transition: background 800ms ease; transition: background 800ms ease;
} }
.alert .reveal .state-background { .alert .reveal .state-background {
@@ -1209,9 +1131,8 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
-ms-perspective: 600px;
-webkit-perspective: 600px; -webkit-perspective: 600px;
perspective: 600px; perspective: 600px;
} }
.reveal .slide-background { .reveal .slide-background {
@@ -1225,9 +1146,7 @@ body {
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
-webkit-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); transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
} }
.reveal .slide-background.present { .reveal .slide-background.present {
@@ -1251,9 +1170,8 @@ body {
.reveal[data-background-transition=slide]>.backgrounds .slide-background, .reveal[data-background-transition=slide]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=slide] { .reveal>.backgrounds .slide-background[data-background-transition=slide] {
opacity: 1; opacity: 1;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past, .reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
@@ -1287,34 +1205,26 @@ body {
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past, .reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=convex] { .reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
} }
.reveal[data-background-transition=convex]>.backgrounds .slide-background.future, .reveal[data-background-transition=convex]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=convex] { .reveal>.backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
} }
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past, .reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
} }
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future, .reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
} }
@@ -1323,34 +1233,26 @@ body {
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past, .reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=concave] { .reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
} }
.reveal[data-background-transition=concave]>.backgrounds .slide-background.future, .reveal[data-background-transition=concave]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=concave] { .reveal>.backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
} }
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past, .reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
} }
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future, .reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-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); transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
} }
@@ -1365,22 +1267,16 @@ body {
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] { .reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16); -webkit-transform: scale(16);
-ms-transform: scale(16); -ms-transform: scale(16);
transform: scale(16); transform: scale(16);
} }
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future, .reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=zoom] { .reveal>.backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2); -webkit-transform: scale(0.2);
-ms-transform: scale(0.2); -ms-transform: scale(0.2);
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1388,22 +1284,16 @@ body {
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] { .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16); -webkit-transform: scale(16);
-ms-transform: scale(16); -ms-transform: scale(16);
transform: scale(16); transform: scale(16);
} }
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future, .reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] { .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2); -webkit-transform: scale(0.2);
-ms-transform: scale(0.2); -ms-transform: scale(0.2);
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1482,9 +1372,7 @@ body {
background: rgba( 0, 0, 0, 0.9 ); background: rgba( 0, 0, 0, 0.9 );
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.reveal .preview-link-overlay.visible { .reveal .preview-link-overlay.visible {
@@ -1505,9 +1393,7 @@ body {
visibility: visible; visibility: visible;
opacity: 0.6; opacity: 0.6;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -1568,9 +1454,7 @@ body {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -1582,11 +1466,8 @@ body {
.reveal .preview-link-overlay.loaded .spinner { .reveal .preview-link-overlay.loaded .spinner {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2); -webkit-transform: scale(0.2);
-ms-transform: scale(0.2); -ms-transform: scale(0.2);
transform: scale(0.2); transform: scale(0.2);
} }
@@ -1602,9 +1483,7 @@ body {
bottom: 15px; bottom: 15px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
-webkit-transition: all 400ms ease; -webkit-transition: all 400ms ease;
transition: all 400ms ease; transition: all 400ms ease;
} }
@@ -1624,13 +1503,11 @@ body {
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
-ms-perspective: 400px;
-webkit-perspective: 400px; -webkit-perspective: 400px;
perspective: 400px; perspective: 400px;
-ms-perspective-origin: 50% 50%;
-webkit-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
} }
.reveal .roll:hover { .reveal .roll:hover {
@@ -1643,30 +1520,20 @@ body {
padding: 0 2px; padding: 0 2px;
pointer-events: none; pointer-events: none;
-webkit-transition: all 400ms ease; -webkit-transition: all 400ms ease;
transition: all 400ms ease; transition: all 400ms ease;
-webkit-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-ms-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
.reveal .roll:hover span { .reveal .roll:hover span {
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
-webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
} }
.reveal .roll span:after { .reveal .roll span:after {
@@ -1677,19 +1544,12 @@ body {
left: 0; left: 0;
top: 0; top: 0;
padding: 0 2px; padding: 0 2px;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
} }
@@ -1713,9 +1573,8 @@ body {
-webkit-transform: none !important; -webkit-transform: none !important;
-ms-transform: none !important; -ms-transform: none !important;
transform: none !important; transform: none !important;
-ms-backface-visibility: visible !important;
-webkit-backface-visibility: visible !important; -webkit-backface-visibility: visible !important;
backface-visibility: visible !important; backface-visibility: visible !important;
} }

2
css/reveal.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@@ -34,7 +34,7 @@
"grunt-contrib-watch": "~0.5.3", "grunt-contrib-watch": "~0.5.3",
"grunt-contrib-sass": "~0.5.0", "grunt-contrib-sass": "~0.5.0",
"grunt-contrib-connect": "~0.4.1", "grunt-contrib-connect": "~0.4.1",
"grunt-autoprefixer": "", "grunt-autoprefixer": "~1.0.1",
"grunt-zip": "~0.7.0", "grunt-zip": "~0.7.0",
"grunt": "~0.4.0" "grunt": "~0.4.0"
}, },