Dabble it!

dabblet.css

/**
 * Dabble it!
 * A nice li'l bookmarklet that makes it easy to open a GitHub Gist in Dabblet.
 * Created by Timothy Miller, 2012. http://q-bobble.com/blog/
 * Free for you to use however you wisheth.
 */

section {
	width:70%;
	margin:30px auto;
	font-size:18px;
	padding:5px 40px;
	border-radius:30px;
	border:4px dashed #1B7ABA;
	box-shadow:0 0 0 10px #1B7ABA;
	background:#4AA1DB;
	text-align:center;
}
span:before {
	content:"← ";
	font-size:1.5em;
}

dabblet.html

<section>
	<p>A nice l'il bookmarklet that makes it easy to open a GitHub Gist in Dabblet.</p>
	<a href="javascript:var v=document.URL;var numb=v.match(/\d/g);var n=numb.join('');window.open('http://dabblet.com/gist/'+n);window.close();">Dabble it!</a>
	<span>(Drag to bookmark toolbar, use on GitHub)</span>
	<p>Try it out on this page: <a href="https://gist.github.com/1644517">Github</a></p>
</section>

settings.json

{"view":"split","prefixfree":"1","page":"css"}