vertical centering is working now

rpattabi · Dec 31, 2011 · 8ef61e9 · 8ef61e9
1 parent 4ca5252
commit 8ef61e9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 20 deletions.
diff --git a/slides.html.erb b/slides.html.erb
@@ -33,18 +33,12 @@
 </head>
 <body>
 
-<div class="layout"> 
-  <div id="header"></div>
-  <div id="footer">
-    <h1><%= @headers['footer'] %></h1>
-    <h2><%= @headers['subfooter'] %></h2>
-  </div>
-</div>
-
+<div id="container">
 <div class="presentation">
 
 <%= @content %>
 
 </div><!-- presentation -->
+</div>
 </body>
 </html>
diff --git a/style.css.erb b/style.css.erb
@@ -4,7 +4,7 @@ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
 
 a:link, a:visited { color: black; }
 
-.slide h1 { font-size: 30pt;  }
+.slide h1 { font-size: 80pt;  }
 
 .slide h1 {  text-align: center; }
 

diff --git a/takataka/projection.css b/takataka/projection.css
@@ -10,18 +10,17 @@
 
 html,
 body,
-.presentation { margin: 0; padding: 0; }
 
+.presentation {
+   width: 624px;
+   margin-left: auto;
+   margin-right: auto;
+   height: 395px;
+ }
 
-.slide { display: none; 
-         position: absolute;
-         top: 0; left: 0; 
-         margin: 0;
-         padding: 2% 4% 0% 4%;      /* css note: order is => top right bottom left  */
-         width: 92%; height: 95%;    /* css note: to get to 100% add padding/border/margin */
-         overflow-x: hidden; overflow-y: auto;
-         z-index: 2;
-       }
+.slide {
+  display: block;
+}
 
 #slide1 { display: block; }
 
@@ -106,4 +105,10 @@ body,
 #currentSlide :link,
 #currentSlide :visited {  text-decoration: none; }
 
-
+#container {
+   position: absolute;
+   top: 50%;
+   margin-top: -200px;
+   left: 0;
+   width: 100%;
+}