Skip to content

Instantly share code, notes, and snippets.

@sthembi

sthembi/dabblet.css

Created April 16, 2013 20:29
Show Gist options
  • Save sthembi/5399347 to your computer and use it in GitHub Desktop.
Save sthembi/5399347 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
*/
body {
background:#b7997f
}
.faded, .faded2 {
width: 100%;
height: .5em;
margin: 3em 0px 0px 0px;
border: none;
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgb(165, 147, 121)), color-stop(0.2, rgb(115, 19, 25)), color-stop(0.8, rgb(115, 19, 25)), color-stop(1, rgb(165, 147, 121)));
background-image: -moz-linear-gradient(left center, rgb(165, 147, 121) 0%, rgb(115, 19, 25) 20%, rgb(115, 19, 25) 80%, rgb(165, 147, 121)100%);
/*behavior: url(PIE.htc);*/
/*-pie-background: linear-gradient(#a59379, #731319);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a59379', EndColorStr='#731319');
}
.faded, .faded2 {
height: .09em;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="search-area" class="h">
<hr class="faded">
<hr class="faded">
<hr class="faded">
<div id="search-bar" class="wrapper container">
<h4>Check out more of our creations</h4>
</div>
</div>
<hr class="faded2">
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment