|
|
@ -319,78 +319,78 @@ body { |
|
|
|
*********************************************/ |
|
|
|
|
|
|
|
.reveal .roll { |
|
|
|
display: inline-block; |
|
|
|
line-height: 1.2; |
|
|
|
overflow: hidden; |
|
|
|
display: inline-block; |
|
|
|
line-height: 1.2; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
vertical-align: top; |
|
|
|
vertical-align: top; |
|
|
|
|
|
|
|
-webkit-perspective: 400px; |
|
|
|
-moz-perspective: 400px; |
|
|
|
-ms-perspective: 400px; |
|
|
|
perspective: 400px; |
|
|
|
-webkit-perspective: 400px; |
|
|
|
-moz-perspective: 400px; |
|
|
|
-ms-perspective: 400px; |
|
|
|
perspective: 400px; |
|
|
|
|
|
|
|
-webkit-perspective-origin: 50% 50%; |
|
|
|
-moz-perspective-origin: 50% 50%; |
|
|
|
-ms-perspective-origin: 50% 50%; |
|
|
|
perspective-origin: 50% 50%; |
|
|
|
-webkit-perspective-origin: 50% 50%; |
|
|
|
-moz-perspective-origin: 50% 50%; |
|
|
|
-ms-perspective-origin: 50% 50%; |
|
|
|
perspective-origin: 50% 50%; |
|
|
|
} |
|
|
|
.reveal .roll:hover { |
|
|
|
background: none; |
|
|
|
text-shadow: none; |
|
|
|
} |
|
|
|
.reveal .roll span { |
|
|
|
display: block; |
|
|
|
position: relative; |
|
|
|
padding: 0 2px; |
|
|
|
display: block; |
|
|
|
position: relative; |
|
|
|
padding: 0 2px; |
|
|
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
|
|
-webkit-transition: all 400ms ease; |
|
|
|
-moz-transition: all 400ms ease; |
|
|
|
-ms-transition: all 400ms ease; |
|
|
|
transition: all 400ms ease; |
|
|
|
|
|
|
|
-webkit-transform-origin: 50% 0%; |
|
|
|
-moz-transform-origin: 50% 0%; |
|
|
|
-ms-transform-origin: 50% 0%; |
|
|
|
transform-origin: 50% 0%; |
|
|
|
|
|
|
|
-webkit-transform-style: preserve-3d; |
|
|
|
-moz-transform-style: preserve-3d; |
|
|
|
-ms-transform-style: preserve-3d; |
|
|
|
transform-style: preserve-3d; |
|
|
|
|
|
|
|
-webkit-backface-visibility: hidden; |
|
|
|
-moz-backface-visibility: hidden; |
|
|
|
backface-visibility: hidden; |
|
|
|
} |
|
|
|
.reveal .roll:hover span { |
|
|
|
background: rgba(0,0,0,0.5); |
|
|
|
|
|
|
|
-webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
-moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
-ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
} |
|
|
|
-webkit-transition: all 400ms ease; |
|
|
|
-moz-transition: all 400ms ease; |
|
|
|
-ms-transition: all 400ms ease; |
|
|
|
transition: all 400ms ease; |
|
|
|
|
|
|
|
-webkit-transform-origin: 50% 0%; |
|
|
|
-moz-transform-origin: 50% 0%; |
|
|
|
-ms-transform-origin: 50% 0%; |
|
|
|
transform-origin: 50% 0%; |
|
|
|
|
|
|
|
-webkit-transform-style: preserve-3d; |
|
|
|
-moz-transform-style: preserve-3d; |
|
|
|
-ms-transform-style: preserve-3d; |
|
|
|
transform-style: preserve-3d; |
|
|
|
|
|
|
|
-webkit-backface-visibility: hidden; |
|
|
|
-moz-backface-visibility: hidden; |
|
|
|
backface-visibility: hidden; |
|
|
|
} |
|
|
|
.reveal .roll:hover span { |
|
|
|
background: rgba(0,0,0,0.5); |
|
|
|
|
|
|
|
-webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
-moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
-ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); |
|
|
|
} |
|
|
|
.reveal .roll span:after { |
|
|
|
content: attr(data-title); |
|
|
|
content: attr(data-title); |
|
|
|
|
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
padding: 0 2px; |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
padding: 0 2px; |
|
|
|
|
|
|
|
-webkit-transform-origin: 50% 0%; |
|
|
|
-moz-transform-origin: 50% 0%; |
|
|
|
-ms-transform-origin: 50% 0%; |
|
|
|
transform-origin: 50% 0%; |
|
|
|
-webkit-transform-origin: 50% 0%; |
|
|
|
-moz-transform-origin: 50% 0%; |
|
|
|
-ms-transform-origin: 50% 0%; |
|
|
|
transform-origin: 50% 0%; |
|
|
|
|
|
|
|
-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
-moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
-ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
-moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
-ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -422,10 +422,10 @@ body { |
|
|
|
-ms-perspective: 600px; |
|
|
|
perspective: 600px; |
|
|
|
|
|
|
|
-webkit-perspective-origin: 0% 25%; |
|
|
|
-moz-perspective-origin: 0% 25%; |
|
|
|
-ms-perspective-origin: 0% 25%; |
|
|
|
perspective-origin: 0% 25%; |
|
|
|
-webkit-perspective-origin: 0% 25%; |
|
|
|
-moz-perspective-origin: 0% 25%; |
|
|
|
-ms-perspective-origin: 0% 25%; |
|
|
|
perspective-origin: 0% 25%; |
|
|
|
} |
|
|
|
|
|
|
|
.reveal .slides>section, |
|
|
@ -435,7 +435,7 @@ body { |
|
|
|
width: 100%; |
|
|
|
min-height: 600px; |
|
|
|
|
|
|
|
z-index: 10; |
|
|
|
z-index: 10; |
|
|
|
|
|
|
|
-webkit-transform-style: preserve-3d; |
|
|
|
-moz-transform-style: preserve-3d; |
|
|
@ -576,9 +576,9 @@ body { |
|
|
|
margin-top: -350px; |
|
|
|
|
|
|
|
-webkit-perspective-origin: 50% 25%; |
|
|
|
-moz-perspective-origin: 50% 25%; |
|
|
|
-ms-perspective-origin: 50% 25%; |
|
|
|
perspective-origin: 50% 25%; |
|
|
|
-moz-perspective-origin: 50% 25%; |
|
|
|
-ms-perspective-origin: 50% 25%; |
|
|
|
perspective-origin: 50% 25%; |
|
|
|
|
|
|
|
-webkit-perspective: 1300px; |
|
|
|
-moz-perspective: 1300px; |
|
|
@ -825,7 +825,7 @@ body { |
|
|
|
background: rgba(0,0,0,0.1); |
|
|
|
} |
|
|
|
.reveal.overview .slides section .fragment { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
.reveal.overview .slides section:after, |
|
|
|
.reveal.overview .slides section:before { |
|
|
|