From 8edec956f4c64542d9fa43f74ac2712781d699bd Mon Sep 17 00:00:00 2001 From: arzynik Date: Sat, 30 Nov 2013 14:57:35 -0800 Subject: [PATCH] partial #2122 --- .../default/seven/frontend/download.phtml | 57 ++++++---- www/assets/css/seven.css | 54 +++++++-- www/assets/images/micro/app-store.svg | 107 ++++++++++++++++++ 3 files changed, 188 insertions(+), 30 deletions(-) create mode 100644 www/assets/images/micro/app-store.svg diff --git a/include/views/default/seven/frontend/download.phtml b/include/views/default/seven/frontend/download.phtml index ab12026ea..4d47d4201 100644 --- a/include/views/default/seven/frontend/download.phtml +++ b/include/views/default/seven/frontend/download.phtml @@ -1,30 +1,49 @@
-
-

Hey,

-

theres an app for that.

- -
- - - +
+
+

Hey,

+

theres an app for that.

+ +
+ + + +
+
+

Continue to mobile site

+
- -

- Continue to mobile site -

- +
+
+
- -
-
-
+
+
+
+ +
+
+

Hey,

+

theres an app for that.

+





+ + +
+ +









+ + Return to desktop site +
+ +
+
diff --git a/www/assets/css/seven.css b/www/assets/css/seven.css index cd8c79a3c..32b912dfd 100644 --- a/www/assets/css/seven.css +++ b/www/assets/css/seven.css @@ -2684,12 +2684,6 @@ sup { margin: 0 auto; } -.download-top { - text-align: center; - font-weight: bold; - color: #fff; -} - .download-top h1 { font-size: 3em; margin-bottom: .4em; @@ -2703,11 +2697,6 @@ sup { display: none; } -.download-top { - max-width: 27em; - margin: 0 auto; -} - .download-top p { margin-top: 2.4em; } @@ -3085,4 +3074,47 @@ sup { } .page-location .cafe-bubble-wrap { margin-top: 0; +} + +.app-store { + background: url(../images/micro/app-store.svg) no-repeat; + width: 16.9em; + height: 5em; + background-size: 100%; + cursor: pointer; +} + + +.download-top { + font-weight: bold; + color: #fff; + text-align: left; +} + + +@media screen and (min-width: 769px) { + .download-mobile { + display: none; + } + .download-phone { + float: left; + } + .download-top { + padding-left: 20em; + } + .download-desktop .content { + max-width: 600px; + } +} +@media screen and (max-width: 768px) { + .download-desktop { + display: none; + } + + .download-top { + max-width: 27em; + margin: 0 auto; + text-align: center; + } + } \ No newline at end of file diff --git a/www/assets/images/micro/app-store.svg b/www/assets/images/micro/app-store.svg new file mode 100644 index 000000000..d025f6552 --- /dev/null +++ b/www/assets/images/micro/app-store.svg @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +