Skip to content

Instantly share code, notes, and snippets.

@dvnckr

dvnckr/dabblet.css

Created September 2, 2012 15:32
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 dvnckr/3600540 to your computer and use it in GitHub Desktop.
Save dvnckr/3600540 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
html, body {
width: 100%;
height: 100%;
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased;
}
}
#container {
position: fixed;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -250px;
text-align: center;
}
h1 {
font-size: 90px;
}
p {
width: 80%;
font-size: 23px;
line-height: 1.3em;
margin: 1.1em auto;
text-align: center;
}
#subscribe {
margin: 0 auto;
text-align: center;
}
input[type=email] {
width: 90%;
padding: 15px;
margin: 0 auto;
}
input[type=submit] {
position: absolute;
margin-left: -105px;
margin-top: 5px;
padding: 10px;
width: 100px;
height: 50px;
}
h1 {
font-size: 90px;
font-weight: bold;
color: #fff;
text-shadow: 0 1px 4px #000;
margin-top: 20px;
}
p {
width: 80%;
font-size: 23px;
line-height: 1.3em;
color: #fff;
margin: 1.1em auto;
text-align: center;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
}
html, body {
width: 100%;
height: 100%;
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased;
background: #000222;
background: -moz-linear-gradient(top, #000222 0%, #4b637c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000222), color-stop(100%,#4b637c));
background: -webkit-linear-gradient(top, #000222 0%,#4b637c 100%);
background: -o-linear-gradient(top, #000222 0%,#4b637c 100%);
background: -ms-linear-gradient(top, #000222 0%,#4b637c 100%);
background: linear-gradient(top, #000222 0%,#4b637c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000222', endColorstr='#4b637c',GradientType=0 );
}
Raw
dabblet.html
<!DOCTYPE html>
<head>
<!-- Basics -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>App is coming soon.</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<!-- Main HTML -->
<body>
<!-- Begin Page Content -->
<div id="container">
<h1>App.</h1>
<p>
This amazing application will change your life. Subscribe to be notified when it's available, or follow us on <a href="#">Twitter.</a>
</p>
<div id="subscribe">
<input type="email" placeholder="email address">
<input type="submit" value="submit">
</div>
</div>
<!-- End Page Content -->
</body>
</html>
Raw
settings.json
{"view":"split","fontsize":"60","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment