Skip to content

Instantly share code, notes, and snippets.

@fiveisprime

fiveisprime/dabblet.css

Created February 13, 2013 18:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fiveisprime/4946846 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fiveisprime/4946846 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
*/
a.button {
display: inline-block;
text-align: center;
text-decoration: none;
height: 44px;
line-height: 44px;
font-family: "Helvetica Neue", Helvetica, sans-serif;
text-shadow: 0 -1px 1px
rgba(0, 0, 0, 0.33);
font-size: 18px;
border: 1px solid #980b0e;
border-radius: 3px;
padding: 0 18px;
background: -moz-linear-gradient(top, #e0242a 0%, #b91e23 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0242a), color-stop(100%, #b91e23));
background: -webkit-linear-gradient(top, #e0242a 0%, #b91e23 100%);
background: -o-linear-gradient(top, #e0242a 0%, #b91e23 100%);
background: -ms-linear-gradient(top, #e0242a 0%, #b91e23 100%);
background: linear-gradient(to bottom, #e0242a 0%, #b91e23 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0242a', endColorstr='#b91e23',GradientType=0 );
color: #fff;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<a href="javascript:void((function(d){var%20e=d.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);d.body.appendChild(e)})(document));" class="button">Pin It</a>
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