Skip to content

Instantly share code, notes, and snippets.

@ynonp

ynonp/dabblet.css

Created December 20, 2012 09:43
Show Gist options
  • Save ynonp/4344208 to your computer and use it in GitHub Desktop.
Save ynonp/4344208 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
nav ul { list-style: none; padding-left: 0;}
nav li { display: inline-block; }
nav a {
padding: 10px;
background: #a7a7a7;
display: inline-block;
text-decoration: none;
margin-right: 10px;
color: white;
border-radius: 12px;
}
nav a:hover {
background: orange;
}
article p:nth-child(1) {
background: red;
}
article ul li:nth-child(2) {
background: green;
}
Raw
dabblet.html
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Schedule</a></li>
</ul>
</nav>
<div id="page-main">
<article>
<p>Pellentesque habitant mor.</p>
<ul>
<li>Lorem ipsum .</li>
<li>Aliquam tin.</li>
<li>Vestibulum .</li>
</ul>
<p>Pellentesque habitant mor.</p>
</article>
</div>
</body>
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