From cae363e7a5dff66e563ebe9c2639f0d8e746e8b6 Mon Sep 17 00:00:00 2001 From: Owen Versteeg Date: Thu, 2 Aug 2012 10:22:44 -0300 Subject: [PATCH 1/2] Made the slideshow responsive Woohoo! The slideshow now responds to resizing of the browser nicely! --- css/main.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/css/main.css b/css/main.css index 6117fbc..966ebb7 100644 --- a/css/main.css +++ b/css/main.css @@ -455,13 +455,12 @@ body { .reveal .slides { position: absolute; - width: 900px; - height: 600px; - + width: 60%; + height: 60%; left: 50%; top: 50%; - margin-left: -450px; - margin-top: -320px; + margin-left: -30%; + margin-top: -47%; padding: 20px 0px; text-align: center; From 5503125ed4317f76c1c22cc68e5d48070c4c6d27 Mon Sep 17 00:00:00 2001 From: Owen Versteeg Date: Thu, 2 Aug 2012 16:47:44 -0300 Subject: [PATCH 2/2] Oops, made the page a little too responsive if you resized the window or visited the page on a small screen everything would be amiss now, I've fixed that with a one-liner --- css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 966ebb7..f288869 100644 --- a/css/main.css +++ b/css/main.css @@ -460,7 +460,7 @@ body { left: 50%; top: 50%; margin-left: -30%; - margin-top: -47%; + margin-top: -320px; padding: 20px 0px; text-align: center;