Skip to content

Instantly share code, notes, and snippets.

@jemgold

jemgold/dabblet.css

Created February 7, 2012 19:22
Show Gist options
  • Save jemgold/1761354 to your computer and use it in GitHub Desktop.
Save jemgold/1761354 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
@import url('https://raw.github.com/daneden/animate.css/master/animate.css');
#mask {
position:absolute;
background:black;
width:100%;
height:100%;
opacity:.6;
z-index:10;
}
#popup {
position:relative;
background:#fff;
z-index:50;
width:460px;
padding:20px;
margin:auto;
top:50px;
}
input {
background:#f5f5f5;
padding:10px;
width:220px;
border-radius: 2px;
box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
outline: 0;
-webkit-appearance: none;
border:1px solid #ccc;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> --><div id="mask"></div>
<div id="popup" class="animated bounce">
<header>asdasd</header>
<input type="text" />
</div>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment