Vertically centering the bio.

wanderingmatt · May 7, 2012 · 0c28b3a · 0c28b3a
1 parent 446ffe1
commit 0c28b3a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css
@@ -763,7 +763,8 @@ p {
     -webkit-box-sizing: padding-box;
     -ms-box-sizing: padding-box;
     box-sizing: padding-box;
-    vertical-align: top;
+    display: table-cell;
+    vertical-align: middle;
   }
   .cover h3 {
     display: none;
@@ -773,7 +774,6 @@ p {
     float: left;
     width: 47.619%;
     margin: 0 1.19%;
-    padding-top: 150px;
   }
   .cover p {
     font-size: 16px;

diff --git a/stylesheets/screen.scss b/stylesheets/screen.scss
@@ -303,11 +303,15 @@ p {
       background: transparent;
       @include box-shadow(none);
     }
-    .fancybox-inner { @include box-sizing(padding-box); }
+    .fancybox-inner {
+      @include box-sizing(padding-box);
+      display: table-cell;
+      vertical-align: middle;
+    }
     h3 { display: none; }
     .bio {
       @include column(3);
-      padding-top: 200px;
+      // padding-top: 200px;
     }
     p { font-size: 16px; }
   }