diff options
Diffstat (limited to 'assets/stylesheets/viewtime.css')
-rw-r--r-- | assets/stylesheets/viewtime.css | 107 |
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; +} |