From eb83d0733a3b0f13484bc0af0bad78713dc9d3a1 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Sat, 14 Jun 2014 11:12:28 -0400 Subject: Add new ViewTime page --- assets/css/viewtime.css | 102 ++++++++++++++++++++++++++ assets/images/icons/social/facebook_large.png | Bin 0 -> 1438 bytes assets/images/icons/social/gplus_large.png | Bin 0 -> 6834 bytes assets/images/icons/social/twitter_large.png | Bin 0 -> 7749 bytes 4 files changed, 102 insertions(+) create mode 100644 assets/css/viewtime.css create mode 100755 assets/images/icons/social/facebook_large.png create mode 100644 assets/images/icons/social/gplus_large.png create mode 100644 assets/images/icons/social/twitter_large.png (limited to 'assets') diff --git a/assets/css/viewtime.css b/assets/css/viewtime.css new file mode 100644 index 0000000..e622448 --- /dev/null +++ b/assets/css/viewtime.css @@ -0,0 +1,102 @@ +* { + padding: 0; + margin: 0; +} + +html { + font-family: 'myriad-pro', sans-serif; + font-size: 24px; + text-align: center; + background-color: #2A2A2A; +} + +.container { + background-color: #FFFFFF; + -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + width: 960px; + margin-left: auto; + margin-right: auto; + padding-bottom: 14px; +} + +a { + text-decoration: none; +} + +p { + padding-top: 40px; + padding-left: 90px; + padding-right: 90px; +} + +h1 { + width: 960px; + height: 250px; + background-image: -o-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: -moz-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: -ms-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: linear-gradient(-179deg, #C02126 0%, #4A1112 100%); + font-size: 72px; + line-height: 250px; + color: #FFFFFF; + text-shadow: 0px 2px 4px rgba(0,0,0,0.50); +} + +a#install_button { + border-radius: 10px; + font-size: 48px; + padding: 10px 140px; +} + +.inactive { + background-color: #AAAAAA; + color: #cccccc; +} + +.active { + color: #FFFFFF; + text-shadow: 0px -2px 0px rgba(0,0,0,0.50); + background-image: -o-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: -moz-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: -ms-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: linear-gradient(-179deg, #86C01E 0%, #2F6F15 100%); +} + +.active:hover { + background-image: -o-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: -moz-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: -ms-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: linear-gradient(-179deg, #2F6F15 0%, #86C01E 100%); + text-shadow: 0px 2px 0px rgba(0,0,0,0.50); +} + +.active:active { + background-image: -o-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: -moz-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: -ms-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); + background-image: linear-gradient(-179deg, #2F6F15 0%, #86C01E 100%); + text-shadow: 0px -2px 0px rgba(0,0,0,0.50); +} + +p img { + padding: 10px; +} + +.install_tagline { + font-size: 14px; + color: #2A2A2A; + padding-top: 10px; +} + +#safari_text, #chrome_text { + display: none; +} + +.home_link { + font-size: 18px; + color: #dc322f; + letter-spacing: 1px; + text-transform: uppercase; +} diff --git a/assets/images/icons/social/facebook_large.png b/assets/images/icons/social/facebook_large.png new file mode 100755 index 0000000..8f9fc05 Binary files /dev/null and b/assets/images/icons/social/facebook_large.png differ diff --git a/assets/images/icons/social/gplus_large.png b/assets/images/icons/social/gplus_large.png new file mode 100644 index 0000000..938705d Binary files /dev/null and b/assets/images/icons/social/gplus_large.png differ diff --git a/assets/images/icons/social/twitter_large.png b/assets/images/icons/social/twitter_large.png new file mode 100644 index 0000000..ea5017e Binary files /dev/null and b/assets/images/icons/social/twitter_large.png differ -- cgit v1.2.3