Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created January 15, 2012 03:41
Show Gist options
  • Save anonymous/1614188 to your computer and use it in GitHub Desktop.
Save anonymous/1614188 to your computer and use it in GitHub Desktop.
Download ZIP
Cool Border Whatchyamacallit
Raw
dabblet.css
/**
* Cool Border Whatchyamacallit
*/
body {padding:100px 0;}
#test {position:relative; border:1px solid #333; border-width:1px 0; height:3px;}
#test:before {
content:'<>';
position:absolute;
top:50%;
left:50%;
width:20px;
height:48px;
margin:-24px 0 0 -26px;
transform:rotate(-12deg);
font:bold 48px/1 'Arno Pro', Georgia, 'Times New Roman', serif;
text-indent:-18px;
text-shadow:1px 1px 0 #FFF,
2px 2px 0 #FFF,
3px 3px 0 #FFF,
4px 4px 0 #FFF,
-1px -1px 0 #FFF,
-2px -2px 0 #FFF,
-3px -3px 0 #FFF,
-4px -4px 0 #FFF;
background:#FFF;
cursor:default;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="test"></div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment