Skip to content

Instantly share code, notes, and snippets.

@ddprrt

ddprrt/dabblet.css

Created September 10, 2012 09:20
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 ddprrt/3689862 to your computer and use it in GitHub Desktop.
Save ddprrt/3689862 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
*/
span::before {
border-left: 20px solid transparent;
border-top: 20px solid blue;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
content: "";
width: 0px;
height: 0px;
position: absolute;
}
div.tooltip {
display:none;
}
a.ampel:hover + div.tooltip {
display:block;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<span></span>
<a class="ampel" href="hlfdhsld">Hover me!</a>
<div class="tooltip">Oh yes</div>
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