Space titles down off topbar, add temporary fix for titles disappearing on Chrome

Author: pingswept

assets/css/rascal.css

@@ -4,6 +4,24 @@ body {
   line-height: 1.0em;
   background-color: #e7e8e9;
 }
+/* Temporary fix for Chrome disappearing fonts bug */
+/* See http://stackoverflow.com/questions/22053010/google-webfonts-are-not-displaying-at-all-chrome-latest-version-mac */
+body {
+  -webkit-animation-duration: 0.1s;
+  -webkit-animation-name: fontfix;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-delay: 0.1s;
+}
+@-webkit-keyframes fontfix {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
+/* end Chrome fix */
 p {
   line-height: 1.6em;
   margin-top: 0.5em;
@@ -40,7 +58,7 @@ h5 {
   max-width: 820px;
   background-color: #f5f5f5;
   margin-top: 0px;
-  padding-top: 50px;
+  padding-top: 70px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   position: static;

assets/css/rascal.less

@@ -17,6 +17,25 @@ body {
     background-color: @rascal-white;
 }
 
+/* Temporary fix for Chrome disappearing fonts bug */
+/* See http://stackoverflow.com/questions/22053010/google-webfonts-are-not-displaying-at-all-chrome-latest-version-mac */
+
+body
+{
+    -webkit-animation-duration: 0.1s;
+    -webkit-animation-name: fontfix;
+    -webkit-animation-iteration-count: 1;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-delay: 0.1s;
+}
+
+@-webkit-keyframes fontfix{
+    from{   opacity: 1; }
+    to{ opacity: 1; }
+}
+
+/* end Chrome fix */
+
 p {
     line-height: 1.6em;
     margin-top: 0.5em;
@@ -60,7 +79,7 @@ h5 {
     max-width: 820px;
     background-color: @rascal-bright-white;
     margin-top: 0px;
-    padding-top: 50px;
+    padding-top: 70px;
     padding-bottom: 0px;
     margin-bottom: 0px;
     position: static; /* to prevent weird overlap on page.hbs */