Nav bar for parkermoore.de

dabblet.css

/**
 * Nav bar for parkermoore.de
 */

@import url("http://www.parkermoore.de/dump/new_home.css");

nav {
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	text-align: center;
}

nav > p {
	padding: 0px;
	margin: 0px;
}

nav > p > a {
	display: inline-block;
	width: 110px;
	max-width: 200px;
	padding: 20px 0px;
}

nav > p > a:hover {
	background-color: #6FAE79;
	color: #f7f5f7;
	text-decoration: none;
	text-shadow: 1px -0.5px 2px rgba(0,0,0,0.5);
}

dabblet.html

<header>
		<a href="#">
			Parker J. Moore
		</a>
</header>
<nav>
	<p>
		<a href="/parkermoore.de/">Home</a>
		<a href="?page=portfolio.php">Portfolio</a>
		<a href="?page=resume">Resume</a>
	</p>
</nav>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}