Skip to content

Instantly share code, notes, and snippets.

@luiscielak

luiscielak/dabblet.css

Created March 9, 2012 01:21
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 luiscielak/2004476 to your computer and use it in GitHub Desktop.
Save luiscielak/2004476 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
*/
.icon-milestone{
float:left;
width:10px;
height:10px;
background:#292b2f;
border:4px solid #33363b;
position:relative;
z-index:1;
margin-right:-7px;
-webkit-border-radius:16px;
-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px
}
.icon-achievement{background:#8cac52 url("//d15dxvojnvxp1x.cloudfront.net/assets/icons/icon-checkmark-9e8682f57969ab05ead5075d57236731.png") no-repeat center;width:28px;height:28px;float:left;margin:-9px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="icon-milestone"></div>
<br><br>
<div class="icon-achievement"</div>
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment