From 13c1e88454ab0ba562c84e921ab9fdebc7ed7bbf Mon Sep 17 00:00:00 2001
From: arzynik <github@arzynik.com>
Date: Sun, 17 Nov 2013 02:57:39 -0800
Subject: [PATCH] splash changes for dif size devices

---
 .../views/default/seven/frontend/splash.phtml |  6 +-
 www/assets/css/seven.css                      | 73 +++++++++++++++++++
 2 files changed, 75 insertions(+), 4 deletions(-)

diff --git a/include/views/default/seven/frontend/splash.phtml b/include/views/default/seven/frontend/splash.phtml
index bbe928690..484456d34 100644
--- a/include/views/default/seven/frontend/splash.phtml
+++ b/include/views/default/seven/frontend/splash.phtml
@@ -1,7 +1,7 @@
 <div class="bg home-top splash-top">
-	<br><br><br><br><br>
+	<div class="splash-spacer-one"></div>
 	<div title="Crunchbutton" class="logo" ng-click="navigation.home()"></div>
-	<br><br><br><br><br><br>
+	<div class="splash-spacer-two"></div>
 
 	<div class="splash-bubble-wrap">
 		<div class="bubble-curved bubble-curved-white bubble-animated">
@@ -38,7 +38,6 @@
 			<p class="splash-tagline">
 				<b>We’re Crunchbutton.</b>
 				<br>We deliver you the best food from the best restaurants in your community.
-				<br><br>
 			</p>
 			<div class="button-pushable">
 				<button class="button facebook" ng-click="facebook.auth()">
@@ -49,7 +48,6 @@
 			</div>
 	
 			<p>
-				<br>
 				<a href="" class="splash-continue" ng-instant="navigation.link('/location')">Continue without logging in</a>
 			</p>
 		</div>
diff --git a/www/assets/css/seven.css b/www/assets/css/seven.css
index 1bb88ce52..e5494b0dd 100644
--- a/www/assets/css/seven.css
+++ b/www/assets/css/seven.css
@@ -925,6 +925,10 @@ p {
 	.static-nav-viewport .snap-content-inner .content {
 		margin-top: -51px;
 	}
+	
+	.page-splash .static-nav-viewport .snap-content-inner {
+		margin-top: 0;
+	}
 }
 
 
@@ -2428,6 +2432,7 @@ sup {
 	-webkit-animation-timing-function: ease-in-out;
 	position: absolute;
 	z-index: 10;
+	pointer-events:none;
 }
 
 @-webkit-keyframes bubble-hover {
@@ -2437,3 +2442,71 @@ sup {
 }
 
 
+
+.splash-tagline {
+	margin-bottom: 2em;
+}
+	
+@media screen and (min-height: 530px) {
+	.splash-spacer-one {
+		height: 5em;
+	}
+	.splash-spacer-two {
+		height: 6em;
+	}
+}
+@media screen and (max-height: 529px) {
+	.splash-spacer-one {
+		height: 4em;
+	}
+	.splash-spacer-two {
+		height: 5em;
+	}
+}
+@media screen and (max-height: 499px) {
+	.splash-spacer-one {
+		height: 3em;
+	}
+	.splash-spacer-two {
+		height: 4em;
+	}
+	.splash-continue {
+		margin-top: 1em;
+	}
+
+}
+
+
+@media screen and (max-height: 469px) {
+	.splash-top .logo {
+		display: none;
+	}
+	.splash-spacer-two {
+		height: 2em;
+	}
+	.splash-spacer-one {
+		height: 4em;
+	}
+	.splash-inputs .button.facebook {
+		padding-top: .5em;
+		padding-bottom: .5em;
+	}
+	.splash-inputs .button-pushable {
+		height: 4em;
+	}
+}
+
+@media screen and (max-height: 379px) {
+	.splash-spacer-two {
+		height: 0;
+	}
+	.splash-spacer-one {
+		height: 2em;
+	}
+	.splash-tagline {
+		margin-bottom: .4em;
+	}
+	.splash-bottom {
+		bottom: 1.2em;
+	}
+}
\ No newline at end of file