Skip to content

Instantly share code, notes, and snippets.

@Potherca

Potherca/dabblet.css

Created May 16, 2012 18:44
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 Potherca/2712933 to your computer and use it in GitHub Desktop.
Save Potherca/2712933 to your computer and use it in GitHub Desktop.
Download ZIP
Floating Block on a Light Blue Small Tile Background
Raw
dabblet.css
/**
* Floating Block on a Light Blue Small Tile Background
*/
body {
background: #CDE;
background: linear-gradient(45deg, #FFF, #AAF);
background-size: 0.75em 0.75em;
}
.grid {
border-radius: 1em;
background: #FFF;
box-shadow: 0em 8.2em 2em -4em #000;
border: .5em solid #000;
border-bottom: 0.2empx;
}
div {
margin: -25% -25%;
top: 50%;
left: 50%;
height: 50%;
min-width: 50%;
position: absolute;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="grid"></div>
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment