Thread: Holy Crap. A Release! RS Themed Navigation Bar.

I haven't released shit here for awhile. Sowwy. :3




CSS:

Code:

body {

	background: #222 url("img/bg.png");
	font-family: 'Droid Sans', sans-serif;
	color: #999;
	font-size: 13px;
}

.wrapper {

	width: 980px;
	height: auto;
	margin: 0 auto auto auto;
}

.content {

	width: auto;
	height: auto;
	padding: 10px;
	background: rgba(0,0,0,0.3);
	border: 1px solid #333;
	border-top: 1px solid #353535;
	border-radius: 3px;
}

nav {

	background: #121212 url("img/grad_1.png") top repeat-x;
	border: 1px solid #292929;
	height: 45px;
	width: auto;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;
	line-height: 45px;
}

nav ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav li {

	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

nav li a {

	padding: 9px 20px;
	color: #aeaeae;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
}

nav li a:hover {

	color: #b4ebff;
}

a { color: #aeaeae; text-decoration: none; }
a:hover { color: #b4ebff; text-decoration: none; }

.bar {

	background: #000 url("img/bar.png") top no-repeat;
	width: auto;
	height: 35px;
	border: 1px solid #333;
	border-top: 1px solid #000;
	box-shadow: 0 0 25px #000 inset;
	line-height: 35px;
	color: #ddd;
	font-size: 12px;
	padding-left: 20px;
	text-transform: uppercase;
	text-shadow: 0 0 5px #000;
}

[Only registered and activated users can see links. ]