summaryrefslogtreecommitdiffhomepage
path: root/css/reveal.css
diff options
context:
space:
mode:
authorHakim El Hattab2013-06-10 16:53:41 -0400
committerHakim El Hattab2013-06-10 16:53:41 -0400
commit7094f44eb9668f43046836936d1a925fc8698e49 (patch)
treed5206ace53b767ed4a9836c300cdfa7d5f7bd041 /css/reveal.css
parent8b355eaba0aa1fc51c8284b02f3f9a6f7ab64410 (diff)
parent424f8ee9618803d96a31d363597d0b25f876497f (diff)
merge conflicts w preview & backgrounds
Diffstat (limited to 'css/reveal.css')
-rw-r--r--css/reveal.css113
1 files changed, 106 insertions, 7 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 543be61..6e3e957 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1252,17 +1252,18 @@ body {
left: 0;
}
-.no-transition {
- -webkit-transition: none;
- -moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
- transition: none;
+.reveal .no-transition,
+.reveal .no-transition * {
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ -ms-transition: none !important;
+ -o-transition: none !important;
+ transition: none !important;
}
/*********************************************
- * BACKGROUND STATES
+ * BACKGROUND STATES [DEPRECATED]
*********************************************/
.reveal .state-background {
@@ -1307,6 +1308,104 @@ body {
/*********************************************
+ *
+ *********************************************/
+
+.reveal>.backgrounds {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+ .reveal .slide-background {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ visibility: hidden;
+
+ background-color: rgba( 0, 0, 0, 0 );
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ background-size: cover;
+
+ -webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ -moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ -ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ -o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ }
+ .reveal .slide-background.present {
+ opacity: 1;
+ visibility: visible;
+ }
+
+ .print-pdf .reveal .slide-background {
+ opacity: 1 !important;
+ visibility: visible !important;
+ }
+
+/* Linear sliding transition style */
+.reveal[data-background-transition=linear]>.backgrounds .slide-background {
+ opacity: 1;
+
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+
+ -webkit-transition-duration: 800ms;
+ -moz-transition-duration: 800ms;
+ -ms-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms;
+}
+ .reveal[data-background-transition=linear]>.backgrounds .slide-background.past {
+ -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=linear]>.backgrounds .slide-background.future {
+ -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=linear]>.backgrounds .slide-background>.slide-background.past {
+ -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=linear]>.backgrounds .slide-background>.slide-background.future {
+ -webkit-transform: translate(0, 100%);
+ -moz-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ }
+
+
+/* Global transition speed settings */
+.reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
+ -webkit-transition-duration: 400ms;
+ -moz-transition-duration: 400ms;
+ -ms-transition-duration: 400ms;
+ transition-duration: 400ms;
+}
+.reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
+ -webkit-transition-duration: 1200ms;
+ -moz-transition-duration: 1200ms;
+ -ms-transition-duration: 1200ms;
+ transition-duration: 1200ms;
+}
+
+
+/*********************************************
* RTL SUPPORT
*********************************************/