Skip to content

Instantly share code, notes, and snippets.

@hax

hax/dabblet.css

Last active August 29, 2015 14:13
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 hax/70fcabbbb28eabf13143 to your computer and use it in GitHub Desktop.
Save hax/70fcabbbb28eabf13143 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
header {
color: white;
background: navy;
height: 60px;
position: fixed;
left: 0;
right: 0;
top: 0;
}
article {
position: fixed;
top: 60px;
bottom: 0;
left: 0; right: 0;
overflow: scroll;
}
/*section {
padding-top: 60px;
margin-top: -60px;
}*/
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<header>Banner</header>
<article id="container">
<nav>
<ul>
<li><a href="#1">1</a>
<li><a href="#2">2</a>
</ul>
</nav>
<section id="1">
<h1>1</h1>
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
</section>
<section id="2">
<h1>2</h1>
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
</section>
</article>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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