Skip to content

Instantly share code, notes, and snippets.

@vasilisvg

vasilisvg/dabblet.css

Created November 25, 2012 12:47
Show Gist options
  • Save vasilisvg/4143357 to your computer and use it in GitHub Desktop.
Save vasilisvg/4143357 to your computer and use it in GitHub Desktop.
Download ZIP
A common navigational menu
Raw
dabblet.css
/**
* A common navigational menu
*/
nav {
margin: 0 auto;
font: 100%/1.5 arial;
}
ul {
margin: 0;
padding: 0;
list-style: none;
background: #333;
}
nav > ul > li {
display: inline-block;
border-right: 1px solid #ebebeb;
}
nav > ul > li a {
display: block;
padding: .2em .5em;
color: #ebebeb;
text-decoration: none;
}
li:hover > a {
background: #ebebeb;
color: #333;
}
ul ul {
display: none;
position: absolute;
}
li:hover ul {
display: block;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<nav>
<ul>
<li><a href="">Home</a>
<li><a href="">Speakers</a>
<ul>
<li><a href="">Caroline</a></li>
<li><a href="">Rachel</a></li>
<li><a href="">Mel</a></li>
<li><a href="">Francis</a></li>
<li><a href="">Richard</a></li>
<li><a href="">David</a></li>
<li><a href="">Vasilis</a></li>
<li><a href="">Nikiforos</a></li>
</ul>
<li><a href="">Sessions</a>
<ul>
<li><a href="">Imagination</a></li>
<li><a href="">Survey</a></li>
<li><a href="">Disease</a></li>
<li><a href="">Society</a></li>
<li><a href="">Defaults</a></li>
<li><a href="">UX</a></li>
</ul>
<li><a href="">Schedule</a>
<li><a href="">About</a>
<ul>
</nav>
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