Skip to content

Instantly share code, notes, and snippets.

@seedprod

seedprod/gist:7633c19b2a758745986e

Created July 18, 2015 20:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save seedprod/7633c19b2a758745986e to your computer and use it in GitHub Desktop.
Save seedprod/7633c19b2a758745986e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html class="seed-csp4">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Astuaris | Digital Design</title>
<meta name="description" content="Astauris Digital Designer">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="" />
<!-- Google Fonts CSS -->
<link rel="stylesheet" id="options-google-fonts" href="//fonts.googleapis.com/css?family=Lato:400|Lato:100|Lato:400" type="text/css" media="all" /><!-- Font Awesome CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Bootstrap and default Style -->
<link rel="stylesheet" href="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/style.css">
<!-- Calculated Styles -->
<style type="text/css">
.progress-striped .progress-bar, .progress.active .progress-bar{background-color:#acd827}.seed-csp4 .progress-bar {
background-color: #97be22;
background-image: -moz-linear-gradient(top,#acd827,#78971b);
background-image: -ms-linear-gradient(top,#acd827,#78971b);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#acd827),to(#78971b));
background-image: -webkit-linear-gradient(top,#acd827,#78971b);
background-image: -o-linear-gradient(top,#acd827,#78971b);
background-image: linear-gradient(top,#acd827,#78971b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acd827', endColorstr='#78971b', GradientType=0);
}
/* Background Style */
html{
height:100%;
background: #ffffff url('http://astuaris.com/wp-content/uploads/2015/07/bg5.png') no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.seed-csp4 body{
background: transparent;
}
/* Text Styles */
.seed-csp4 body, .seed-csp4 body p{
font-family: Lato;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color:#ffffff;
}
::-webkit-input-placeholder { font-family:Lato; }
::-moz-placeholder { font-family:Lato; } /* firefox 19+ */
:-ms-input-placeholder { font-family:Lato; } /* ie */
input:-moz-placeholder { font-family:Lato; }
.seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6{
font-family: Lato;
color:#ffffff;
}
#cspv4-headline{
font-size: 44px;
font-weight: 100;
}
.seed-csp4 button{
font-family: Lato;
font-weight: 400;
font-size: 16px;
}
/* Link Styles */
.seed-csp4 a, .seed-csp4 a:visited, .seed-csp4 a:hover, .seed-csp4 a:active{
color:#acd827;
}
#cspv4-socialprofiles a {
color: #ffffff;
}
.seed-csp4 .btn-primary,
.seed-csp4 .btn-primary:focus,
.gform_button,
#mc-embedded-subscribe,
.mymail-wrapper .submit-button {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
background-color: #97be22;
background-image: -moz-linear-gradient(top,#acd827,#78971b);
background-image: -ms-linear-gradient(top,#acd827,#78971b);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#acd827),to(#78971b));
background-image: -webkit-linear-gradient(top,#acd827,#78971b);
background-image: -o-linear-gradient(top,#acd827,#78971b);
background-image: linear-gradient(top,#acd827,#78971b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acd827', endColorstr='#78971b', GradientType=0);
border-color: #78971b #78971b #455610;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color: #78971b;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.seed-csp4 .btn-primary:hover,
.seed-csp4 .btn-primary:active,
.seed-csp4 .btn-primary.active,
.seed-csp4 .btn-primary.disabled,
.seed-csp4 .btn-primary[disabled],
.seed-csp4 .btn-primary:focus:hover,
.seed-csp4 .btn-primary:focus:active,
.seed-csp4 .btn-primary:focus.active,
.seed-csp4 .btn-primary:focus.disabled,
.seed-csp4 .btn-primary:focus[disabled],
.gform_button:hover,
.gform_button:active,
.gform_button.active,
.gform_button.disabled,
.gform_button[disabled],
#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:active,
#mc-embedded-subscribe.active,
#mc-embedded-subscribe.disabled,
#mc-embedded-subscribe[disabled],
.mymail-wrapper .submit-button:hover,
.mymail-wrapper .submit-button:active,
.mymail-wrapper .submit-button.active,
.mymail-wrapper .submit-button.disabled,
.mymail-wrapper .submit-button[disabled] {
background-color: #78971b;
*background-color: #678217;
}
.seed-csp4 .btn-primary:active,
.seed-csp4 .btn-primary.active,
.seed-csp4 .btn-primary:focus:active,
.seed-csp4 .btn-primary:focus.active,
.gform_button:active,
.gform_button.active,
#mc-embedded-subscribe:active,
#mc-embedded-subscribe.active,
.mymail-wrapper .submit-button:active,
.mymail-wrapper .submit-button.active {
background-color: #566c14 \9;
}
#cspv4-progressbar span,
.countdown_section {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.seed-csp4 .btn-primary:hover,
.seed-csp4 .btn-primary:active {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
border-color: #8aad1f;
}
.seed-csp4 input[type='text'] {
border-color: #78971b #78971b #455610;
}
.seed-csp4 input[type='text']:focus {
border-color: rgba(120,151,28,0.8);
webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
}
#cspv4-socialprofiles a {
color: #ffffff;
}
.seed-csp4 .btn-primary,
.seed-csp4 .btn-primary:focus,
.gform_button,
#mc-embedded-subscribe,
.mymail-wrapper .submit-button {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
background-color: #97be22;
background-image: -moz-linear-gradient(top,#FFF,#78971b);
background-image: -ms-linear-gradient(top,#FFF,#78971b);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#78971b));
background-image: -webkit-linear-gradient(top,#FFF,#78971b);
background-image: -o-linear-gradient(top,#FFF,#78971b);
background-image: linear-gradient(top,#FFF,#78971b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#78971b', GradientType=0);
border-color: #78971b #78971b #455610;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color: #78971b;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: none;
}
.seed-csp4 .btn-primary:hover,
.seed-csp4 .btn-primary:active,
.seed-csp4 .btn-primary.active,
.seed-csp4 .btn-primary.disabled,
.seed-csp4 .btn-primary[disabled],
.seed-csp4 .btn-primary:focus:hover,
.seed-csp4 .btn-primary:focus:active,
.seed-csp4 .btn-primary:focus.active,
.seed-csp4 .btn-primary:focus.disabled,
.seed-csp4 .btn-primary:focus[disabled],
.gform_button:hover,
.gform_button:active,
.gform_button.active,
.gform_button.disabled,
.gform_button[disabled],
#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:active,
#mc-embedded-subscribe.active,
#mc-embedded-subscribe.disabled,
#mc-embedded-subscribe[disabled],
.mymail-wrapper .submit-button:hover,
.mymail-wrapper .submit-button:active,
.mymail-wrapper .submit-button.active,
.mymail-wrapper .submit-button.disabled,
.mymail-wrapper .submit-button[disabled] {
background-color: #78971b;
*background-color: #678217;
}
.seed-csp4 .btn-primary:active,
.seed-csp4 .btn-primary.active,
.seed-csp4 .btn-primary:focus:active,
.seed-csp4 .btn-primary:focus.active,
.gform_button:active,
.gform_button.active,
#mc-embedded-subscribe:active,
#mc-embedded-subscribe.active,
.mymail-wrapper .submit-button:active,
.mymail-wrapper .submit-button.active {
background-color: #566c14 \9;
}
#cspv4-progressbar span,
.countdown_section {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.seed-csp4 .btn-primary:hover,
.seed-csp4 .btn-primary:active {
color: white;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
border-color: #8aad1f;
}
.seed-csp4 input[type='text'] {
border-color: #78971b #78971b #455610;
}
.seed-csp4 input[type='text']:focus {
border-color: rgba(120,151,28,0.8);
webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(120,151,28,0.6);
}
.seed-csp4 .progress-bar,
.countdown_section,
.seed-csp4 .btn-primary,
.btn-primary:focus,
.gform_button {
background-image: none;
text-shadow: none;
}
.countdown_section,
.seed-csp4 .progress-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.seed-csp4 input,
.seed-csp4 input:focus {
border-color: #FFF !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#cspv4-form {max-width:800px;
margin:auto;
}
</style>
<!-- JS -->
<script src="http://astuaris.com/wp-includes/js/jquery/jquery.js"></script>
<script src="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/bootstrap/js/bootstrap.js"></script>
<!-- FitVid -->
<script src="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/js/jquery.fitvids.js"></script>
<!-- Scripts -->
<script src="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/js/script.js"></script>
<!-- Modernizr -->
<script src="http://astuaris.com/wp-content/plugins/seedprod-coming-soon-pro/themes/default/js/modernizr.min.js"></script>
<style>.mymail-wrapper label {
font-weight: normal;
}
.seed-csp4 input {
border-width: 1px;
border-radius: 4px;
}
.submit-button:hover {
background: #78971b !important;
}
.submit-button {
border-radius: 4px;
}
.mymail-form-info p {
color: #fff !important;
}
.mymail-wrapper {
margin-bottom: 10px;
}
#cspv4-subscribe-btn {
margin-left:10px;
}
#cspv4-headline-sottotitolo {
font-family;Lato;
font-size:24px;
font-weight: 100;
}
</style>
</head>
<body>
<div id="cspv4-page">
<div id="cspv4-content">
<img id='cspv4-logo' src='http://astuaris.com/wp-content/uploads/2015/07/logo.png'>
<h1 id="cspv4-headline"><strong>Be Ready</strong>, we are launching soon...</h1>
<h2 id="cspv4-headline-sottotitolo"><strong>be notified</strong>, we just need your email address.</h2>
<form id="cspv4-form" method="post"><input id="cspv4-ref" name="ref" type="hidden" value="" /><input id="cspv4-comment" name="comment" type="hidden" value="" /><div id="cspv4-field-wrapper"><div class="row"><div class="col-md-12"><div class="input-group"><input id="cspv4-email" name="email" class="form-control input-lg" type="text" placeholder="Your email address..."/><span class="input-group-btn"><button id="cspv4-subscribe-btn" type="submit" class="btn btn-lg btn-primary">Submit</button></span></div></div></div></div></form><span id="cspv4-privacy-policy-txt"></span>
</div><!-- end of #seed-cspv4-content -->
<script>
jQuery(document).ready(function($){$("#cspv4-description,#cspv4-thankyoumsg").fitVids();});</script>
<style>
html {
height: 100%;
overflow: hidden;
}
body
{
height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
</style>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment