summaryrefslogtreecommitdiff
path: root/assets/stylesheets/viewtime.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/stylesheets/viewtime.css')
-rw-r--r--assets/stylesheets/viewtime.css107
1 files changed, 107 insertions, 0 deletions
diff --git a/assets/stylesheets/viewtime.css b/assets/stylesheets/viewtime.css
new file mode 100644
index 0000000..b37bebc
--- /dev/null
+++ b/assets/stylesheets/viewtime.css
@@ -0,0 +1,107 @@
+* {
+ padding: 0;
+ margin: 0;
+}
+
+html {
+ font-family: 'Helvetica', sans-serif;
+ font-size: 24px;
+ text-align: center;
+ background-color: #2A2A2A;
+ 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;
+ max-width: 100%;
+ min-width: 240px;
+ margin-left: auto;
+ margin-right: auto;
+ padding-bottom: 1em;
+}
+
+a {
+ text-decoration: none;
+}
+
+p {
+ padding-top: 40px;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+h1 {
+ width: 960px;
+ max-width: 100%;
+ min-width: 240px;
+ 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 120px;
+}
+
+.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, #6DA705 0%, #165600 100%);
+ background-image: -moz-linear-gradient(-89deg, #6DA705 0%, #165600 100%);
+ background-image: -ms-linear-gradient(-89deg, #6DA705 0%, #165600 100%);
+ background-image: linear-gradient(-179deg, #6DA705 0%, #165600 100%);
+ text-shadow: 0px -2px 0px rgba(0,0,0,0.50);
+}
+
+.active:active {
+ background-image: -o-linear-gradient(-89deg, #165600 0%, #6DA705 100%);
+ background-image: -moz-linear-gradient(-89deg, #165600 0%, #6DA705 100%);
+ background-image: -ms-linear-gradient(-89deg, #165600 0%, #6DA705 100%);
+ background-image: linear-gradient(-179deg, #165600 0%, #6DA705 100%);
+ text-shadow: 0px 2px 0px rgba(0,0,0,0.50);
+}
+
+p img {
+ padding: 10px;
+}
+
+.install_tagline {
+ font-size: 14px;
+ padding-top: 10px;
+}
+
+#safari_text, #chrome_text {
+ display: none;
+}
+
+.home_link {
+ font-size: 18px;
+ color: #dc322f;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+}