Skip to content

Instantly share code, notes, and snippets.

@anselmh

anselmh/dabblet.css

Created May 24, 2013 13:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anselmh/5643606 to your computer and use it in GitHub Desktop.
Save anselmh/5643606 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
*/
.sticker {
display: inline-block;
width: 3rem;
height: 3rem;
vertical-align: middle;
padding: 1.25rem;
background: #444;
color: #fff;
border-radius: 50%;
font-family: 'Sintony', serif;
font-size: 1.25rem;
text-align: center;
}
.subhead {
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h1 class="sticker">CSS Slider<small class="subhead"></small></h1>
Raw
dabblet.js
WebFontConfig = {
google: { families: [ 'Sintony:700,400:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
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