diff --git a/custom.css b/custom.css index e555197..9d06a09 100644 --- a/custom.css +++ b/custom.css @@ -1,5 +1,5 @@ h1, h2, h3, h4, h5, h6 { - margin-top: 20px; + padding-top: 20px; } a, a:link, a:visited { @@ -13,30 +13,104 @@ a.anchor { visibility: hidden; } -.reasons { +.navbar a { + color: #888888; +} + +.nav a { + color: #888888; +} + +body { background-color: #f8f5f5; + overflow-x: hidden; +} + +.pricebox { + text-align: center; + background-color: #ffffff; + padding-top: 30px; + padding-bottom: 30px; +} + +.deal { + padding-top: 50px; + padding-bottom: 50px; } .graybg { - background-color: #f8f5f5; + /*background-color: #f8f5f5;*/ + background-color: #ffffff; +} + +.reasons { + /*background-color: #f8f5f5;*/ + background-color: #ffffff; +} + + +.nav, .navbar { + font-weight: bold; + width: 100%; + background-color: #ffffff; + border-top: solid 4px #AA0000; } .nav { - /*background-color: #f1f1f1;*/ - text-align: center; - word-spacing: 50px; - padding: 8px; - margin-bottom: 60px; - font-weight: bold; + padding-top: 15px; + padding-bottom: 10px; + /*border-bottom: 1px solid #eee;*/ } -.nav a { - text-decoration: none; +.navbar { + display: none; + position: fixed; + top: 0; + left: 0; + + z-index: 99; +} + +.redline { + border-top: solid 4px #AA0000; +} + +.has-docked-nav .navbar { + display: block; + padding-top: 15px; + padding-bottom: 10px; + border-bottom: 1px solid #eee; +} + +.navlinks { + float: right; + padding-right: 40px; + padding-left: 40px; + padding-top: 10px; +} + +.navlink { + padding-right: 20px; +} + +.navlogo { + width: 280px; + /*vertical-align: middle;*/ + padding-right: 0px; + padding-left: 40px; +} + +.herologo { + width: 100%; + max-width: 600px; + min-width: 300px; + padding-top: 40px; + padding-bottom: 60px; } .row-padding { - padding-top: 40px; - padding-bottom: 80px; + padding-top: 60px; + padding-bottom: 60px; } span.avoidwrap { @@ -47,7 +121,39 @@ span.avoidwrap { max-width: 860px; } +/* mail chimp and red buttons */ + +#mc_embed_signup { + clear:left; font:14px Helvetica,Arial,sans-serif; +} +#mc_embed_signup .button, .red { + background-color: #AA0000; + border-color: #AA0000; + color: #FFFFFF !important; +} +#mc_embed_signup .button:hover, .red:hover { + background-color: #D40000; + border-color: #DA0000; + color: #FFFFFF !important; +} + +/* media viewports */ + +.shown-on-phone { + display: none; +} + +.shown-on-tablet { + display: none; +} + @media screen and (max-width:568px) { - .hidden-on-phone {display:none} + .hidden-on-phone {display: none} + .shown-on-phone {display: block} } +@media screen and (max-width:750px) { + .navbar.hidden-on-tablet {display: none} + .hidden-on-tablet {display: none} + .shown-on-tablet {display: block} +} diff --git a/custom2.css b/custom2.css deleted file mode 100644 index ff90409..0000000 --- a/custom2.css +++ /dev/null @@ -1,231 +0,0 @@ -h1, h2, h3, h4, h5, h6 { - padding-top: 20px; -} - -a, a:link, a:visited { - text-decoration: none; -} - -a.anchor { - display: block; - position: relative; - top: -150px; - visibility: hidden; -} - -.navbar a { - color: #888888; -} - -.nav a { - color: #888888; -} - -body { - background-color: #f8f5f5; - overflow-x: hidden; -} - -.pricebox { - text-align: center; - background-color: #ffffff; - padding-top: 30px; - padding-bottom: 30px; -} - -.deal { - padding-top: 50px; - padding-bottom: 50px; -} - -.graybg { - /*background-color: #f8f5f5;*/ - background-color: #ffffff; -} - -.reasons { - /*background-color: #f8f5f5;*/ - background-color: #ffffff; -} - - -.nav, .navbar { - font-weight: bold; - width: 100%; - background-color: #ffffff; - border-top: solid 4px #AA0000; -} - -.nav { - padding-top: 15px; - padding-bottom: 10px; - /*border-bottom: 1px solid #eee;*/ -} - -.navbar { - display: none; - position: fixed; - top: 0; - left: 0; - - z-index: 99; -} - -.redline { - border-top: solid 4px #AA0000; -} - -.has-docked-nav .navbar { - display: block; - padding-top: 15px; - padding-bottom: 10px; - border-bottom: 1px solid #eee; -} - -.navlinks { - float: right; - padding-right: 40px; - padding-left: 40px; - padding-top: 10px; -} - -.navlink { - padding-right: 20px; -} - -.navlogo { - width: 280px; - /*vertical-align: middle;*/ - padding-right: 0px; - padding-left: 40px; -} - -.herologo { - width: 100%; - max-width: 600px; - min-width: 300px; - padding-top: 40px; - padding-bottom: 60px; -} - -.row-padding { - padding-top: 60px; - padding-bottom: 60px; -} - -span.avoidwrap { - display:inline-block; -} - -.container { - max-width: 860px; -} - -/* beta ribbon! */ - -/* Custom styles */ - -.corner-ribbon{ - width: 200px; - background: #e43; - position: absolute; - top: 25px; - left: -50px; - text-align: center; - line-height: 50px; - letter-spacing: 1px; - color: #f0f0f0; - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); -} - -.corner-ribbon a { - color: #ffffff; -} - -.corner-ribbon.sticky{ - position: fixed; -} - -.corner-ribbon.shadow{ - box-shadow: 0 0 3px rgba(0,0,0,.3); -} - -/* Different positions */ - -.corner-ribbon.top-left{ - top: 25px; - left: -50px; - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); -} - -.corner-ribbon.top-right{ - top: 25px; - right: -50px; - left: auto; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); -} - -.corner-ribbon.bottom-left{ - top: auto; - bottom: 25px; - left: -50px; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); -} - -.corner-ribbon.bottom-right{ - top: auto; - right: -50px; - bottom: 25px; - left: auto; - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); -} - -/* Colors */ -.corner-ribbon.color{ - background: #aa0000; - /*background: #3e78ad;*/ -} - - -/* mail chimp and red buttons */ - -#mc_embed_signup { - clear:left; font:14px Helvetica,Arial,sans-serif; -} -#mc_embed_signup .button, .red { - background-color: #AA0000; - border-color: #AA0000; - color: #FFFFFF !important; -} -#mc_embed_signup .button:hover, .red:hover { - background-color: #D40000; - border-color: #DA0000; - color: #FFFFFF !important; -} - -/* media viewports */ - -.shown-on-phone { - display: none; -} - -.shown-on-tablet { - display: none; -} - -@media screen and (max-width:568px) { - .hidden-on-phone {display: none} - .shown-on-phone {display: block} -} - -@media screen and (max-width:750px) { - .navbar.hidden-on-tablet {display: none} - .hidden-on-tablet {display: none} - .shown-on-tablet {display: block} -} - diff --git a/index.html b/index.html index 821a042..f84fd76 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - +