Skip to content

Instantly share code, notes, and snippets.

@revathskumar

revathskumar/dabblet.css

Created July 26, 2013 07:41
Show Gist options
  • Save revathskumar/6087002 to your computer and use it in GitHub Desktop.
Save revathskumar/6087002 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
.notepad {
background: #f6f6f6;
box-shadow: 0 1px 4px rgba(0,0,0,0.25);
position: relative;
background-image: -webkit-radial-gradient(#e6e6e6 21%, transparent 21%),-webkit-radial-gradient(rgba(0,0,0,0.25) 21%, transparent 26%),-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 95%, rgba(96,159,159,0.1) 95%, rgba(96,159,159,0.1) 100%);
background-image: -moz-radial-gradient(#e6e6e6 21%, transparent 21%),-moz-radial-gradient(#e6e6e6 10%, transparent 12%),-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 95%, rgba(96,159,159,0.1) 95%, rgba(96,159,159,0.1) 100%);
background-image: radial-gradient(#e6e6e6 21%, transparent 21%),radial-gradient(#e6e6e6 10%, transparent 12%),linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 95%, rgba(96,159,159,0.1) 95%, rgba(96,159,159,0.1) 100%);
background-position: 6px 6px,6px 5px,50% 18px;
background-repeat: repeat-y,repeat-y,repeat;
background-size: 48px 48px,48px 48px,24px 24px;
padding: 48px 24px 24px 84px;
height: 500px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="notepad"></div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment