revamped and greatly simplified the layout of .slides
This commit is contained in:
parent
f0f48bd9b0
commit
43bf882d08
|
@ -560,8 +560,11 @@ body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 50%;
|
top: 0;
|
||||||
top: 50%;
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
@ -576,10 +579,10 @@ body {
|
||||||
-ms-perspective: 600px;
|
-ms-perspective: 600px;
|
||||||
perspective: 600px;
|
perspective: 600px;
|
||||||
|
|
||||||
-webkit-perspective-origin: 0px -100px;
|
-webkit-perspective-origin: 50% 40%;
|
||||||
-moz-perspective-origin: 0px -100px;
|
-moz-perspective-origin: 50% 40%;
|
||||||
-ms-perspective-origin: 0px -100px;
|
-ms-perspective-origin: 50% 40%;
|
||||||
perspective-origin: 0px -100px;
|
perspective-origin: 50% 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides>section {
|
.reveal .slides>section {
|
||||||
|
@ -640,11 +643,6 @@ body {
|
||||||
transition-duration: 1200ms;
|
transition-duration: 1200ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides>section {
|
|
||||||
left: -50%;
|
|
||||||
top: -50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reveal .slides>section.stack {
|
.reveal .slides>section.stack {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
|
@ -1133,10 +1131,10 @@ body {
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal.overview .slides {
|
.reveal.overview .slides {
|
||||||
-webkit-perspective-origin: 0% 0%;
|
-webkit-perspective-origin: 50% 50%;
|
||||||
-moz-perspective-origin: 0% 0%;
|
-moz-perspective-origin: 50% 50%;
|
||||||
-ms-perspective-origin: 0% 0%;
|
-ms-perspective-origin: 50% 50%;
|
||||||
perspective-origin: 0% 0%;
|
perspective-origin: 50% 50%;
|
||||||
|
|
||||||
-webkit-perspective: 700px;
|
-webkit-perspective: 700px;
|
||||||
-moz-perspective: 700px;
|
-moz-perspective: 700px;
|
||||||
|
@ -1146,7 +1144,6 @@ body {
|
||||||
|
|
||||||
.reveal.overview .slides section {
|
.reveal.overview .slides section {
|
||||||
height: 600px;
|
height: 600px;
|
||||||
top: -300px !important;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
|
|
2
css/reveal.min.css
vendored
2
css/reveal.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1118,7 +1118,11 @@ var Reveal = (function(){
|
||||||
}
|
}
|
||||||
// Apply scale transform as a fallback
|
// Apply scale transform as a fallback
|
||||||
else {
|
else {
|
||||||
transformElement( dom.slides, 'translate(-50%, -50%) scale('+ scale +') translate(50%, 50%)' );
|
dom.slides.style.left = '50%';
|
||||||
|
dom.slides.style.top = '50%';
|
||||||
|
dom.slides.style.bottom = 'auto';
|
||||||
|
dom.slides.style.right = 'auto';
|
||||||
|
transformElement( dom.slides, 'translate(-50%, -50%) scale('+ scale +')' );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Select all slides, vertical and horizontal
|
// Select all slides, vertical and horizontal
|
||||||
|
@ -1139,7 +1143,7 @@ var Reveal = (function(){
|
||||||
slide.style.top = 0;
|
slide.style.top = 0;
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
slide.style.top = Math.max( - ( getAbsoluteHeight( slide ) / 2 ) - slidePadding, -slideHeight / 2 ) + 'px';
|
slide.style.top = Math.max( ( ( slideHeight - getAbsoluteHeight( slide ) ) / 2 ) - slidePadding, 0 ) + 'px';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|
4
js/reveal.min.js
vendored
4
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user