From 794ad868093849bf4dbcd6d45ccc5f3b8b6fb76c Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sat, 10 Nov 2012 10:02:19 -0500 Subject: corrections to vertical centering (#70), added to docs, upgrade to 2.2 --- css/reveal.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'css') diff --git a/css/reveal.css b/css/reveal.css index c654505..5f6a023 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -490,10 +490,10 @@ body { *********************************************/ .reveal { + position: relative; width: 100%; height: 100%; - min-height: 600px; - position: relative; + min-height: 640px; /* min height + 40 to account for padding */ } .reveal .slides { @@ -504,9 +504,9 @@ body { left: 50%; top: 50%; padding: 20px 0px; + overflow: visible; z-index: 1; - text-align: center; -webkit-transition: -webkit-perspective .4s ease; @@ -520,10 +520,10 @@ body { -ms-perspective: 600px; perspective: 600px; - -webkit-perspective-origin: 0% 0%; - -moz-perspective-origin: 0% 0%; - -ms-perspective-origin: 0% 0%; - perspective-origin: 0% 0%; + -webkit-perspective-origin: 0% -25%; + -moz-perspective-origin: 0% -25%; + -ms-perspective-origin: 0% -25%; + perspective-origin: 0% -25%; } .reveal .slides>section, @@ -566,14 +566,14 @@ body { } .reveal .slides>section { - margin-left: -50%; - margin-top: -50%; + left: -50%; + top: -50%; } .reveal.center, .reveal.center .slides { - padding: 0; min-height: auto; + padding: 0; } -- cgit v1.2.3