Skip to content

Instantly share code, notes, and snippets.

@bueltge

bueltge/dabblet.css

Created February 8, 2012 11:24
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 bueltge/1768280 to your computer and use it in GitHub Desktop.
Save bueltge/1768280 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 {
margin: 5em;
}
.tooltip {
font: normal 11px/17px sans-serif;
color: red;
height: 17px;
padding: 0 6px;
position: absolute;
background: #ffcccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.tooltip:after {
top: 17px;
right: 8px;
width: 0;
display: block;
content: "";
position: absolute;
border-width: 4px 4px 0;
border-style: solid;
border-color: #ffcccc transparent;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p class="tooltip">
Bitte das Limit beachten
</p>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment