fix data-transition overrides #760

This commit is contained in:
Hakim El Hattab 2013-12-20 15:16:03 +01:00
parent 6428504d6d
commit 7bd01bdebd
2 changed files with 27 additions and 35 deletions

View File

@ -684,6 +684,12 @@ body {
pointer-events: auto; pointer-events: auto;
} }
.reveal .slides>section.past,
.reveal .slides>section.future,
.reveal .slides>section>section.past,
.reveal .slides>section>section.future {
opacity: 0;
}
/********************************************* /*********************************************
@ -691,20 +697,14 @@ body {
*********************************************/ *********************************************/
.reveal .slides>section[data-transition=default].past, .reveal .slides>section[data-transition=default].past,
.reveal .slides>section.past { .reveal.default .slides>section:not([data-transition]).past {
display: block;
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);
-moz-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); -ms-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.default .slides>section:not([data-transition]).future {
display: block;
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);
-moz-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); -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
@ -712,20 +712,14 @@ body {
} }
.reveal .slides>section>section[data-transition=default].past, .reveal .slides>section>section[data-transition=default].past,
.reveal .slides>section>section.past { .reveal.default .slides>section>section:not([data-transition]).past {
display: block;
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);
-moz-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); -ms-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.default .slides>section>section:not([data-transition]).future {
display: block;
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);
-moz-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); -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
@ -738,14 +732,14 @@ body {
*********************************************/ *********************************************/
.reveal .slides>section[data-transition=concave].past, .reveal .slides>section[data-transition=concave].past,
.reveal.concave .slides>section.past { .reveal.concave .slides>section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 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); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-ms-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); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
} }
.reveal .slides>section[data-transition=concave].future, .reveal .slides>section[data-transition=concave].future,
.reveal.concave .slides>section.future { .reveal.concave .slides>section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 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); -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
@ -753,14 +747,14 @@ body {
} }
.reveal .slides>section>section[data-transition=concave].past, .reveal .slides>section>section[data-transition=concave].past,
.reveal.concave .slides>section>section.past { .reveal.concave .slides>section>section:not([data-transition]).past {
-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
-moz-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); -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
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 .slides>section>section[data-transition=concave].future,
.reveal.concave .slides>section>section.future { .reveal.concave .slides>section>section:not([data-transition]).future {
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
-moz-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); -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
@ -773,7 +767,7 @@ body {
*********************************************/ *********************************************/
.reveal .slides>section[data-transition=zoom], .reveal .slides>section[data-transition=zoom],
.reveal.zoom .slides>section { .reveal.zoom .slides>section:not([data-transition]) {
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease; -moz-transition-timing-function: ease;
-ms-transition-timing-function: ease; -ms-transition-timing-function: ease;
@ -782,8 +776,7 @@ body {
} }
.reveal .slides>section[data-transition=zoom].past, .reveal .slides>section[data-transition=zoom].past,
.reveal.zoom .slides>section.past { .reveal.zoom .slides>section:not([data-transition]).past {
opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16); -webkit-transform: scale(16);
@ -793,8 +786,7 @@ body {
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:not([data-transition]).future {
opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2); -webkit-transform: scale(0.2);
@ -805,7 +797,7 @@ body {
} }
.reveal .slides>section>section[data-transition=zoom].past, .reveal .slides>section>section[data-transition=zoom].past,
.reveal.zoom .slides>section>section.past { .reveal.zoom .slides>section>section:not([data-transition]).past {
-webkit-transform: translate(0, -150%); -webkit-transform: translate(0, -150%);
-moz-transform: translate(0, -150%); -moz-transform: translate(0, -150%);
-ms-transform: translate(0, -150%); -ms-transform: translate(0, -150%);
@ -813,7 +805,7 @@ body {
transform: translate(0, -150%); transform: translate(0, -150%);
} }
.reveal .slides>section>section[data-transition=zoom].future, .reveal .slides>section>section[data-transition=zoom].future,
.reveal.zoom .slides>section>section.future { .reveal.zoom .slides>section>section:not([data-transition]).future {
-webkit-transform: translate(0, 150%); -webkit-transform: translate(0, 150%);
-moz-transform: translate(0, 150%); -moz-transform: translate(0, 150%);
-ms-transform: translate(0, 150%); -ms-transform: translate(0, 150%);
@ -834,7 +826,7 @@ body {
} }
.reveal .slides>section[data-transition=linear].past, .reveal .slides>section[data-transition=linear].past,
.reveal.linear .slides>section.past { .reveal.linear .slides>section:not([data-transition]).past {
-webkit-transform: translate(-150%, 0); -webkit-transform: translate(-150%, 0);
-moz-transform: translate(-150%, 0); -moz-transform: translate(-150%, 0);
-ms-transform: translate(-150%, 0); -ms-transform: translate(-150%, 0);
@ -842,7 +834,7 @@ body {
transform: translate(-150%, 0); transform: translate(-150%, 0);
} }
.reveal .slides>section[data-transition=linear].future, .reveal .slides>section[data-transition=linear].future,
.reveal.linear .slides>section.future { .reveal.linear .slides>section:not([data-transition]).future {
-webkit-transform: translate(150%, 0); -webkit-transform: translate(150%, 0);
-moz-transform: translate(150%, 0); -moz-transform: translate(150%, 0);
-ms-transform: translate(150%, 0); -ms-transform: translate(150%, 0);
@ -851,7 +843,7 @@ body {
} }
.reveal .slides>section>section[data-transition=linear].past, .reveal .slides>section>section[data-transition=linear].past,
.reveal.linear .slides>section>section.past { .reveal.linear .slides>section>section:not([data-transition]).past {
-webkit-transform: translate(0, -150%); -webkit-transform: translate(0, -150%);
-moz-transform: translate(0, -150%); -moz-transform: translate(0, -150%);
-ms-transform: translate(0, -150%); -ms-transform: translate(0, -150%);
@ -859,7 +851,7 @@ body {
transform: translate(0, -150%); transform: translate(0, -150%);
} }
.reveal .slides>section>section[data-transition=linear].future, .reveal .slides>section>section[data-transition=linear].future,
.reveal.linear .slides>section>section.future { .reveal.linear .slides>section>section:not([data-transition]).future {
-webkit-transform: translate(0, 150%); -webkit-transform: translate(0, 150%);
-moz-transform: translate(0, 150%); -moz-transform: translate(0, 150%);
-ms-transform: translate(0, 150%); -ms-transform: translate(0, 150%);
@ -1106,8 +1098,8 @@ body {
*********************************************/ *********************************************/
.reveal .slides section[data-transition=fade], .reveal .slides section[data-transition=fade],
.reveal.fade .slides section, .reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides>section>section { .reveal.fade .slides>section>section:not([data-transition]) {
-webkit-transform: none; -webkit-transform: none;
-moz-transform: none; -moz-transform: none;
-ms-transform: none; -ms-transform: none;
@ -1139,7 +1131,7 @@ body {
*********************************************/ *********************************************/
.reveal .slides section[data-transition=none], .reveal .slides section[data-transition=none],
.reveal.none .slides section { .reveal.none .slides section:not([data-transition]) {
-webkit-transform: none; -webkit-transform: none;
-moz-transform: none; -moz-transform: none;
-ms-transform: none; -ms-transform: none;

2
css/reveal.min.css vendored

File diff suppressed because one or more lines are too long