aboutsummaryrefslogtreecommitdiff
path: root/css/reveal.css
diff options
context:
space:
mode:
authornavateja <navateja.nava@gmail.com>2014-06-09 14:44:36 +0530
committernavateja <navateja.nava@gmail.com>2014-06-09 14:44:36 +0530
commit594d9f6d85f6b1c6a953a64892cd2236529f0398 (patch)
tree16caf49a3ccd1db02996f35fd89af09515a74e27 /css/reveal.css
parentab7efe6bf2da9b31b31a3af859e9f7f413fd2d0d (diff)
parent8973f0c3e19ffafee489a3dcfce03303120ed22b (diff)
downloadfreenode-live-2017-presentation-594d9f6d85f6b1c6a953a64892cd2236529f0398.tar
freenode-live-2017-presentation-594d9f6d85f6b1c6a953a64892cd2236529f0398.tar.gz
Merge remote-tracking branch 'upstream/dev' into keyboard_shortcuts_overlay
Diffstat (limited to 'css/reveal.css')
-rw-r--r--css/reveal.css374
1 files changed, 190 insertions, 184 deletions
diff --git a/css/reveal.css b/css/reveal.css
index c66f94e..97e760f 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -18,7 +18,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
-.reveal b, .reveal u, .reveal i, .reveal center,
+.reveal b, .reveal u, .reveal center,
.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
.reveal fieldset, .reveal form, .reveal label, .reveal legend,
.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
@@ -54,6 +54,9 @@ body {
body {
position: relative;
line-height: 1;
+
+ background-color: #fff;
+ color: #000;
}
::selection {
@@ -73,10 +76,6 @@ body {
.reveal h4,
.reveal h5,
.reveal h6 {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
-
word-wrap: break-word;
line-height: 1;
}
@@ -93,19 +92,20 @@ body {
.reveal .slides section .fragment {
opacity: 0;
+ visibility: hidden;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
- -ms-transition: all .2s ease;
- -o-transition: all .2s ease;
transition: all .2s ease;
}
.reveal .slides section .fragment.visible {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.grow {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.grow.visible {
-webkit-transform: scale( 1.3 );
@@ -117,6 +117,7 @@ body {
.reveal .slides section .fragment.shrink {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale( 0.7 );
@@ -127,8 +128,6 @@ body {
}
.reveal .slides section .fragment.zoom-in {
- opacity: 0;
-
-webkit-transform: scale( 0.1 );
-moz-transform: scale( 0.1 );
-ms-transform: scale( 0.1 );
@@ -137,8 +136,6 @@ body {
}
.reveal .slides section .fragment.zoom-in.visible {
- opacity: 1;
-
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
-ms-transform: scale( 1 );
@@ -147,8 +144,6 @@ body {
}
.reveal .slides section .fragment.roll-in {
- opacity: 0;
-
-webkit-transform: rotateX( 90deg );
-moz-transform: rotateX( 90deg );
-ms-transform: rotateX( 90deg );
@@ -156,8 +151,6 @@ body {
transform: rotateX( 90deg );
}
.reveal .slides section .fragment.roll-in.visible {
- opacity: 1;
-
-webkit-transform: rotateX( 0 );
-moz-transform: rotateX( 0 );
-ms-transform: rotateX( 0 );
@@ -167,25 +160,30 @@ body {
.reveal .slides section .fragment.fade-out {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.fade-out.visible {
opacity: 0;
+ visibility: hidden;
}
.reveal .slides section .fragment.semi-fade-out {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.semi-fade-out.visible {
opacity: 0.5;
+ visibility: visible;
}
.reveal .slides section .fragment.current-visible {
- opacity:0;
-}
-
-.reveal .slides section .fragment.current-visible.current-fragment {
- opacity:1;
+ opacity: 0;
+ visibility: hidden;
}
+ .reveal .slides section .fragment.current-visible.current-fragment {
+ opacity: 1;
+ visibility: visible;
+ }
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
@@ -194,6 +192,7 @@ body {
.reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d
@@ -215,6 +214,13 @@ body {
color: #1b91ff;
}
+.reveal .slides section .fragment.strike {
+ opacity: 1;
+}
+ .reveal .slides section .fragment.strike.visible {
+ text-decoration: line-through;
+ }
+
/*********************************************
* DEFAULT ELEMENT STYLES
@@ -248,12 +254,12 @@ body {
font-weight: bold;
}
-.reveal em,
-.reveal i {
+.reveal em {
font-style: italic;
}
.reveal ol,
+.reveal dl,
.reveal ul {
display: inline-block;
@@ -285,9 +291,12 @@ body {
margin-left: 40px;
}
-.reveal p {
- margin-bottom: 10px;
- line-height: 1.2em;
+.reveal dt {
+ font-weight: bold;
+}
+
+.reveal dd {
+ margin-left: 40px;
}
.reveal q,
@@ -334,10 +343,13 @@ body {
font-family: monospace;
}
.reveal pre code {
+ display: block;
padding: 5px;
overflow: auto;
max-height: 400px;
word-wrap: normal;
+ background: #3F3F3F;
+ color: #DCDCDC;
}
.reveal pre.stretch code {
height: 100%;
@@ -348,14 +360,25 @@ body {
box-sizing: border-box;
}
+.reveal table {
+ margin: auto;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+.reveal table th {
+ font-weight: bold;
+}
+
.reveal table th,
.reveal table td {
- text-align: left;
- padding-right: .3em;
+ text-align: left;
+ padding: 0.2em 0.5em 0.2em 0.5em;
+ border-bottom: 1px solid;
}
-.reveal table th {
- font-weight: bold;
+.reveal table tr:last-child td {
+ border-bottom: none;
}
.reveal sup {
@@ -407,8 +430,6 @@ body {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
- -ms-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@@ -425,7 +446,7 @@ body {
top: 42px;
border-right-width: 22px;
- border-right-color: #eee;
+ border-right-color: #000;
}
.reveal .controls div.navigate-left.fragmented {
opacity: 0.3;
@@ -436,7 +457,7 @@ body {
top: 42px;
border-left-width: 22px;
- border-left-color: #eee;
+ border-left-color: #000;
}
.reveal .controls div.navigate-right.fragmented {
opacity: 0.3;
@@ -446,7 +467,7 @@ body {
left: 42px;
border-bottom-width: 22px;
- border-bottom-color: #eee;
+ border-bottom-color: #000;
}
.reveal .controls div.navigate-up.fragmented {
opacity: 0.3;
@@ -457,7 +478,7 @@ body {
top: 74px;
border-top-width: 22px;
- border-top-color: #eee;
+ border-top-color: #000;
}
.reveal .controls div.navigate-down.fragmented {
opacity: 0.3;
@@ -476,10 +497,12 @@ body {
bottom: 0;
left: 0;
z-index: 10;
+
+ background-color: rgba( 0, 0, 0, 0.2 );
}
.reveal .progress:after {
content: '';
- display: 'block';
+ display: block;
position: absolute;
height: 20px;
width: 100%;
@@ -490,10 +513,10 @@ body {
height: 100%;
width: 0px;
+ background-color: #000;
+
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-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);
}
@@ -521,14 +544,18 @@ body {
height: 100%;
-ms-touch-action: none;
+ touch-action: none;
}
.reveal .slides {
position: absolute;
width: 100%;
height: 100%;
- left: 50%;
- top: 50%;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto;
overflow: visible;
z-index: 1;
@@ -536,8 +563,6 @@ body {
-webkit-transition: -webkit-perspective .4s ease;
-moz-transition: -moz-perspective .4s ease;
- -ms-transition: -ms-perspective .4s ease;
- -o-transition: -o-perspective .4s ease;
transition: perspective .4s ease;
-webkit-perspective: 600px;
@@ -545,10 +570,10 @@ body {
-ms-perspective: 600px;
perspective: 600px;
- -webkit-perspective-origin: 0px -100px;
- -moz-perspective-origin: 0px -100px;
- -ms-perspective-origin: 0px -100px;
- perspective-origin: 0px -100px;
+ -webkit-perspective-origin: 50% 40%;
+ -moz-perspective-origin: 50% 40%;
+ -ms-perspective-origin: 50% 40%;
+ perspective-origin: 50% 40%;
}
.reveal .slides>section {
@@ -579,14 +604,6 @@ body {
-moz-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-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -ms-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);
- -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@@ -597,13 +614,11 @@ body {
.reveal[data-transition-speed="fast"] .slides section {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"] .slides section {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -611,21 +626,14 @@ body {
.reveal .slides section[data-transition-speed="fast"] {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal .slides section[data-transition-speed="slow"] {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
-.reveal .slides>section {
- left: -50%;
- top: -50%;
-}
-
.reveal .slides>section.stack {
padding-top: 0;
padding-bottom: 0;
@@ -657,27 +665,88 @@ body {
pointer-events: auto;
}
+.reveal .slides>section.past,
+.reveal .slides>section.future,
+.reveal .slides>section>section.past,
+.reveal .slides>section>section.future {
+ opacity: 0;
+}
/*********************************************
- * DEFAULT TRANSITION
+ * SLIDE TRANSITION
+ * Aliased 'linear' for backwards compatibility
*********************************************/
-.reveal .slides>section[data-transition=default].past,
-.reveal .slides>section.past {
- display: block;
- opacity: 0;
+.reveal.slide section,
+.reveal.linear section {
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.reveal .slides>section[data-transition=slide].past,
+.reveal.slide .slides>section:not([data-transition]).past,
+.reveal .slides>section[data-transition=linear].past,
+.reveal.linear .slides>section:not([data-transition]).past {
+ -webkit-transform: translate(-150%, 0);
+ -moz-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ -o-transform: translate(-150%, 0);
+ transform: translate(-150%, 0);
+}
+.reveal .slides>section[data-transition=slide].future,
+.reveal.slide .slides>section:not([data-transition]).future,
+.reveal .slides>section[data-transition=linear].future,
+.reveal.linear .slides>section:not([data-transition]).future {
+ -webkit-transform: translate(150%, 0);
+ -moz-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ -o-transform: translate(150%, 0);
+ transform: translate(150%, 0);
+}
+
+.reveal .slides>section>section[data-transition=slide].past,
+.reveal.slide .slides>section>section:not([data-transition]).past,
+.reveal .slides>section>section[data-transition=linear].past,
+.reveal.linear .slides>section>section:not([data-transition]).past {
+ -webkit-transform: translate(0, -150%);
+ -moz-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+}
+.reveal .slides>section>section[data-transition=slide].future,
+.reveal.slide .slides>section>section:not([data-transition]).future,
+.reveal .slides>section>section[data-transition=linear].future,
+.reveal.linear .slides>section>section:not([data-transition]).future {
+ -webkit-transform: translate(0, 150%);
+ -moz-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ -o-transform: translate(0, 150%);
+ transform: translate(0, 150%);
+}
+
+
+/*********************************************
+ * CONVEX TRANSITION
+ * Aliased 'default' for backwards compatibility
+ *********************************************/
+.reveal .slides>section[data-transition=default].past,
+.reveal.default .slides>section:not([data-transition]).past,
+.reveal .slides>section[data-transition=convex].past,
+.reveal.convex .slides>section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
.reveal .slides>section[data-transition=default].future,
-.reveal .slides>section.future {
- display: block;
- opacity: 0;
-
+.reveal.default .slides>section:not([data-transition]).future,
+.reveal .slides>section[data-transition=convex].future,
+.reveal.convex .slides>section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
@@ -685,20 +754,18 @@ body {
}
.reveal .slides>section>section[data-transition=default].past,
-.reveal .slides>section>section.past {
- display: block;
- opacity: 0;
-
+.reveal.default .slides>section>section:not([data-transition]).past,
+.reveal .slides>section>section[data-transition=convex].past,
+.reveal.convex .slides>section>section:not([data-transition]).past {
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
}
.reveal .slides>section>section[data-transition=default].future,
-.reveal .slides>section>section.future {
- display: block;
- opacity: 0;
-
+.reveal.default .slides>section>section:not([data-transition]).future,
+.reveal .slides>section>section[data-transition=convex].future,
+.reveal.convex .slides>section>section:not([data-transition]).future {
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
-moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
-ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
@@ -711,14 +778,14 @@ body {
*********************************************/
.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);
-moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
.reveal .slides>section[data-transition=concave].future,
-.reveal.concave .slides>section.future {
+.reveal.concave .slides>section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
@@ -726,14 +793,14 @@ body {
}
.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);
-moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
-ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
}
.reveal .slides>section>section[data-transition=concave].future,
-.reveal.concave .slides>section>section.future {
+.reveal.concave .slides>section>section:not([data-transition]).future {
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
-moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
-ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
@@ -746,17 +813,14 @@ body {
*********************************************/
.reveal .slides>section[data-transition=zoom],
-.reveal.zoom .slides>section {
+.reveal.zoom .slides>section:not([data-transition]) {
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
transition-timing-function: ease;
}
.reveal .slides>section[data-transition=zoom].past,
-.reveal.zoom .slides>section.past {
- opacity: 0;
+.reveal.zoom .slides>section:not([data-transition]).past {
visibility: hidden;
-webkit-transform: scale(16);
@@ -766,8 +830,7 @@ body {
transform: scale(16);
}
.reveal .slides>section[data-transition=zoom].future,
-.reveal.zoom .slides>section.future {
- opacity: 0;
+.reveal.zoom .slides>section:not([data-transition]).future {
visibility: hidden;
-webkit-transform: scale(0.2);
@@ -778,7 +841,7 @@ body {
}
.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%);
-moz-transform: translate(0, -150%);
-ms-transform: translate(0, -150%);
@@ -786,53 +849,7 @@ body {
transform: translate(0, -150%);
}
.reveal .slides>section>section[data-transition=zoom].future,
-.reveal.zoom .slides>section>section.future {
- -webkit-transform: translate(0, 150%);
- -moz-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- -o-transform: translate(0, 150%);
- transform: translate(0, 150%);
-}
-
-
-/*********************************************
- * LINEAR TRANSITION
- *********************************************/
-
-.reveal.linear section {
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-
-.reveal .slides>section[data-transition=linear].past,
-.reveal.linear .slides>section.past {
- -webkit-transform: translate(-150%, 0);
- -moz-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- -o-transform: translate(-150%, 0);
- transform: translate(-150%, 0);
-}
-.reveal .slides>section[data-transition=linear].future,
-.reveal.linear .slides>section.future {
- -webkit-transform: translate(150%, 0);
- -moz-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- -o-transform: translate(150%, 0);
- transform: translate(150%, 0);
-}
-
-.reveal .slides>section>section[data-transition=linear].past,
-.reveal.linear .slides>section>section.past {
- -webkit-transform: translate(0, -150%);
- -moz-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- -o-transform: translate(0, -150%);
- transform: translate(0, -150%);
-}
-.reveal .slides>section>section[data-transition=linear].future,
-.reveal.linear .slides>section>section.future {
+.reveal.zoom .slides>section>section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
-moz-transform: translate(0, 150%);
-ms-transform: translate(0, 150%);
@@ -1079,8 +1096,8 @@ body {
*********************************************/
.reveal .slides section[data-transition=fade],
-.reveal.fade .slides section,
-.reveal.fade .slides>section>section {
+.reveal.fade .slides section:not([data-transition]),
+.reveal.fade .slides>section>section:not([data-transition]) {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
@@ -1089,20 +1106,14 @@ body {
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
- -ms-transition: opacity 0.5s;
- -o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.reveal.fade.overview .slides section,
-.reveal.fade.overview .slides>section>section,
-.reveal.fade.overview-deactivating .slides section,
-.reveal.fade.overview-deactivating .slides>section>section {
+.reveal.fade.overview .slides>section>section {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
@@ -1112,7 +1123,7 @@ body {
*********************************************/
.reveal .slides section[data-transition=none],
-.reveal.none .slides section {
+.reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
@@ -1121,8 +1132,6 @@ body {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
@@ -1132,10 +1141,10 @@ body {
*********************************************/
.reveal.overview .slides {
- -webkit-perspective-origin: 0% 0%;
- -moz-perspective-origin: 0% 0%;
- -ms-perspective-origin: 0% 0%;
- perspective-origin: 0% 0%;
+ -webkit-perspective-origin: 50% 50%;
+ -moz-perspective-origin: 50% 50%;
+ -ms-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%;
-webkit-perspective: 700px;
-moz-perspective: 700px;
@@ -1145,13 +1154,18 @@ body {
.reveal.overview .slides section {
height: 600px;
- top: -300px !important;
overflow: hidden;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer;
background: rgba(0,0,0,0.1);
}
+.reveal.overview .slides section,
+.reveal.overview-deactivating .slides section {
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ transition: none !important;
+}
.reveal.overview .slides section .fragment {
opacity: 1;
}
@@ -1194,8 +1208,6 @@ body {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
transition: all 1s ease;
}
.reveal.paused .pause-overlay {
@@ -1252,8 +1264,6 @@ body {
.reveal .no-transition * {
-webkit-transition: none !important;
-moz-transition: none !important;
- -ms-transition: none !important;
- -o-transition: none !important;
transition: none !important;
}
@@ -1270,8 +1280,6 @@ body {
-webkit-transition: background 800ms ease;
-moz-transition: background 800ms ease;
- -ms-transition: background 800ms ease;
- -o-transition: background 800ms ease;
transition: background 800ms ease;
}
.alert .reveal .state-background {
@@ -1311,6 +1319,8 @@ body {
position: absolute;
width: 100%;
height: 100%;
+ top: 0;
+ left: 0;
-webkit-perspective: 600px;
-moz-perspective: 600px;
@@ -1318,6 +1328,7 @@ body {
perspective: 600px;
}
.reveal .slide-background {
+ display: none;
position: absolute;
width: 100%;
height: 100%;
@@ -1331,10 +1342,13 @@ body {
-webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-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.stack {
+ display: block;
+ }
+
.reveal .slide-background.present {
opacity: 1;
visibility: visible;
@@ -1345,17 +1359,26 @@ body {
visibility: visible !important;
}
+/* Video backgrounds */
+.reveal .slide-background video {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ max-width: none;
+ max-height: none;
+ top: 0;
+ left: 0;
+}
+
/* Immediate transition style */
.reveal[data-background-transition=none]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=none] {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
-/* 2D slide */
+/* Slide */
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
@@ -1484,8 +1507,6 @@ body {
.reveal>.backgrounds .slide-background[data-background-transition=zoom] {
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
transition-timing-function: ease;
}
@@ -1540,13 +1561,11 @@ body {
.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;
}
@@ -1587,7 +1606,6 @@ body {
.reveal.has-parallax-background .backgrounds {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
@@ -1595,13 +1613,11 @@ body {
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -1623,7 +1639,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reveal .preview-link-overlay.visible {
@@ -1647,7 +1662,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1709,7 +1723,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1776,7 +1789,6 @@ body {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
transition: all 400ms ease;
}
@@ -1820,7 +1832,6 @@ body {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;
@@ -1886,11 +1897,6 @@ body {
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
- -webkit-transform: none !important;
- -moz-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
-
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;