Merge branch 'earthlapse-secretRoom' into earthlapse-stories

Earthlapse · Apr 13, 2016 · 14cc7d2 · 14cc7d2
2 parents 54078cc + 07465ea
commit 14cc7d2
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 4 deletions.
diff --git a/earthlapse-hci/modes-default.css b/earthlapse-hci/modes-default.css
@@ -0,0 +1,14 @@
+.earthlapse-modes-default-container h2 {
+    font-size: 400%;
+    margin: 0.5em 0;
+}
+
+.earthlapse-modes-default-content {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 21em;
+    margin: auto;
+}
diff --git a/earthlapse-hci/modes-default.html b/earthlapse-hci/modes-default.html
@@ -33,6 +33,8 @@
     });
 </script>
 <div class="earthlapse-modes-screen">
-    <h1>Welcome to Earth Timelapse</h1>
-    <h1>Touch the touchscreen to begin</h1>
+    <div class="earthlapse-modes-default-content">
+        <h1>Welcome to Earth Timelapse</h1>
+        <h2>Touch the touchscreen to begin</h2>
+    </div>
 </div>
diff --git a/earthlapse-hci/modes-menu.css b/earthlapse-hci/modes-menu.css
@@ -1,3 +1,7 @@
+.earthlapse-modes-menu-container h2 {
+    margin: 1.5em 0 1.1em 0;
+}
+
 .earthlapse-modes-menu-container div.img {
     margin: 5px;
     float: left;

diff --git a/earthlapse-hci/modes.css b/earthlapse-hci/modes.css
@@ -36,13 +36,14 @@ body.earthlapse-modes-story .earthlapse-modes-screen.earthlapse-modes-story-cont
 }
 
 .earthlapse-modes-screen h1 {
-    padding: 16px;
+    font-weight: 300;
     font-size: 96px;
+    margin: 0;
 }
 
 .earthlapse-modes-screen h2 {
-    padding: 16px;
     font-size: 48px;
+    margin: 1em 0;
 }
 
 .earthlapse-modes-screen a {