Skip to content

Instantly share code, notes, and snippets.

@lorenzoferrante

lorenzoferrante/dabblet.css

Created October 13, 2013 21:22
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 lorenzoferrante/6967575 to your computer and use it in GitHub Desktop.
Save lorenzoferrante/6967575 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
body {
background-image: url('http://www.glasscollective.com/img/pw_maze_white.png');
}
#container {
width: 980px;
height: auto;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
background: #fff;
margin-top: 60px;
margin-bottom: 60px;
text-align: left;
line-height: 1.6;
color: #222222;
}
#contaier:before {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
div#header {
width: 980px;
height: 300px;
margin: 0 auto;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
display: block;
height: 300px;
background-color: #999;
background-position: -147px 0;
background-image: url("http://www.glasscollective.com/img/header.jpg");
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
h1 {
margin: 0;
padding: 99px 0 0 79px;
font-size: 30px;
font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial;
font-weight: 300;
line-height: 1.5;
text-align: left;
color: #777;
}
h1 span {
color: #444;
font-size: 38px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="container">
<div id="header">
<h1>
<span>Glass Collective</span><br>
Funding innovation through Glass</h1>
</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment