gist to dabblet

dabblet.css

/*
*  gist to dabblet
*/
body {
	background: #2E3538 url("http://dabblet.com/img/noise.png");
	color: #eee;
	font-family: Helvetica, Arial, sans;
	height: 100%;
	margin: 50px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 2px rgba(0,0,0,.5);

}
hgroup {
	box-shadow: 0 1px 0 0 #000, 0 2px 0 0 rgba(255,255,255,.1);
	padding-bottom: 20px;

}
h1 {
	font-family: Georgia;
	font-size: 48px;
	margin-bottom: 5px;
}
h2 {
	color: #ccc;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}
h2:before,
h2:after {
	content: "•";
	padding: 10px;
}
.gist2dabblet {
	background: linear-gradient(45deg, #f06, #fc0);
	border-radius: 10px;
	box-shadow: 0 -5px rgba(0,0,0,.4) inset,
			0 1px rgba(255,255,255,.5) inset;
	color: #fff;
	display: block;
	font-size: 24px;
	margin: 40px auto;
	padding: 20px 40px 25px;
	text-decoration: none;
	width: 160px;
}
p {
	margin: 0;
	padding: 0;
}
footer {
	background: #111;
	border-top: 2px solid #000;
	bottom: 0;
	color: #ccc;
	font-size: 12px;
	position: fixed;
	padding: 10px;
	width: 100%;
}
footer a {
	color: #ccc;
}

dabblet.html

<hgroup>
	<h1>Gist to Dabblet bookmarket</h1>
	<h2>An easy way to get back to dabblet from github</h2>
</hgroup>
<a class="gist2dabblet"  href="javascript: (function(){if(window.top.location.href.indexOf('gist.github.com')>=0){window.top.location.href = 'http://dabblet.com/gist/'+window.top.location.href.substr(window.top.location.href.indexOf('.com/')+5);}else{alert('You are not on gist.github.com')}})();" title="Gist to Dabblet">Gist to Dabblet</a>
<p>Just drag the button to your bookmarks bar</p>
<div class='social'>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Gist to dabblet bookmarket. An easy way to get back to @dabblet from github" data-via="ecsspert">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=143184445784558" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
<footer>
	<span>Made by </span><a href="http://www.ecsspert.com" title="eCSSpert">eCSSpert</a>
</footer>

settings.json

{"view":"behind","prefixfree":"1","page":"html"}