Skip to content

Instantly share code, notes, and snippets.

@tjohnson4

tjohnson4/dabblet.css

Created December 18, 2012 01:10
Show Gist options
  • Save tjohnson4/4324059 to your computer and use it in GitHub Desktop.
Save tjohnson4/4324059 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
*/
body {
background : #f00;
}
@font-face {
font-family: 'GothamMed';
src:url(http://static.flingo.tv/samba/assets/fonts/GothaMed.ttf);
}
.button {
position : relative;
width : 150px;
height : 40px;
}
.background {
position : absolute;
width: 100%;
height : 100%;
border-radius : 5px;
background-color : white;
opacity : .6;
}
.label {
display : table;
color : white;
font : 24pt "GothamMed";
height : 40px;
margin-left: auto;
margin-right : auto;
text-align : center;
line-height : 40px;
vertical-align: middle;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="button">
<div class="background"></div>
<div class="label">SHARE</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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