Skip to content

Instantly share code, notes, and snippets.

@ckreutz

ckreutz/dabblet.css

Created May 10, 2013 18:02
Show Gist options
  • Save ckreutz/5556197 to your computer and use it in GitHub Desktop.
Save ckreutz/5556197 to your computer and use it in GitHub Desktop.
Download ZIP
Feature Banner
Raw
dabblet.css
/**
* Feature Banner
*/
.foot { }
[class^="blockItem"] { display: block; padding: 15px 0; text-align: center; color: rgba(255,255,255,.8); font-size: 1.1em; }
[class^="blockItem"] span { display: inline-block; width: 50%; }
.blockItem1 { background: #018DD8; border-radius: 5px 5px 0 0; }
.blockItem1:hover { background: #5bcee2; }
.blockItem2 { background: #e5790c; }
.blockItem2:hover { background: #f6a172; }
.blockItem3 { background: #018DD8; border-radius: 0 0 5px 5px; }
.blockItem3:hover { background: #63d0c1; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<!-- content to be placed inside <body>…</body> -->
<div class="block">
<div class="blockItem1"><span class="blockItem">fsjdkfjksjdkf</span><span class="blockItem right">fsjdkfjksjdkf</span></div>
<div class="blockItem2"><span class="blockItem">fsjdkfjksjdkf</span><span class="blockItem right">fsjdkfjksjdkf</span> </div>
<div class="blockItem3"><span class="blockItem">fsjdkfjksjdkf</span><span class="blockItem right">fsjdkfjksjdkf</span></div>
</div>
</div>
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