View source for Team:Stockholm/newnavigation

<html>
<script src="https://2015.igem.org/Team:Stockholm/lightbox.min.js?action=raw&ctype=text/javascript"></script>
<link rel="stylesheet" href="https://2015.igem.org/Team:stockholm/lightbox.min.css?action=raw&ctype=text/css" type="text/css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Nunito" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900,700,500' rel='stylesheet' type='text/css'>

<body class="homepage">
	<div id="page-wrapper">

		<!-- Header -->
		<center><div id="header-wrapper">
			<div id="header" class="container">
				
				<!-- Nav -->
				<nav id="nav">
					<div class="title noselect">iGEM STOCKHOLM</div>
					<ul>
						<li><a class="icon-home" href="https://2015.igem.org/Team:Stockholm"><span>Home</span></a></li>
						<li><a class="icon-users" href="https://2015.igem.org/Team:Stockholm/Team"><span>Team</span></a></li>
						<li><a class="icon-lab" href="https://2015.igem.org/Team:Stockholm/Description"><span>Project</span></a></li>
						<li><a class="icon-clipboard" href="https://2015.igem.org/Team:Stockholm/Results"><span>Results</span></a></li>
						<li><a class="icon-bubbles2" href="https://2015.igem.org/Team:Stockholm/Practices"><span>Practices</span></a></li>
						<li><a class="icon-earth" href="https://2015.igem.org/Team:Stockholm/Collaborations"><span>Collaborations</span></a></li>
						<li><a class="icon-gift" href="https://2015.igem.org/Team:Stockholm/Attributions"><span>Attributions</span></a></li>
					</ul>
				</nav>
			</div>
			
			
		</div>
	</div></center>

	<style type="text/css">

		#contentSub, #footer-box, #catlinks, #search-controls,
		#p-logo, .printfooter, .firstHeading, .visualClear {
			display: none;
		}

		.noselect {
			-webkit-touch-callout: none;
 			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.title {
			font-family: Roboto, sans-serif;  
			font-weight: bold;
			font-size: 3.5em;
			text-align: center;
			border-bottom: none;
			color: #DD9F3B;
			margin-bottom: 0.3em;
			padding-top: 1em;
		}


		body {
			
			background-color: #fafafb;
		}

		#globalWrapper, #content {	
			max-width: 900px;
			min-width: 600px;
			width: 100%;
			height: auto;
			border: 0px;
			background-color: #fafafb;
			margin: auto;
			font-size: 135%;
			-webkit-box-shadow: 3px 3px 5px 6px #414141;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
			-moz-box-shadow: 3px 3px 5px 6px #414141;  /* Firefox 3.5 - 3.6 */
			box-shadow: 3px 3px 5px 6px #414141;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
		}

		@font-face {
			font-family: 'icomoon';
			src:url('https://static.igem.org/mediawiki/2015/c/c1/Sthlm_Icomoon2.eot');
			src:url('https://static.igem.org/mediawiki/2015/c/c1/Sthlm_Icomoon2.eot') format('embedded-opentype'),
				url('https://static.igem.org/mediawiki/2015/2/2f/Sthlm_Icomoon2.ttf') format('truetype'),
				url('https://static.igem.org/mediawiki/2015/d/d6/Sthlm_Icomoon2.woff') format('woff');
			
			font-weight: normal;
			font-style: normal;
		}

		[class^="icon-"], [class*=" icon-"] {
			font-family: 'icomoon';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;

			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon-home:before {
			content: "\e600";
		}
		.icon-bubbles2:before {
			content: "\e601";
		}
		.icon-users:before {
			content: "\e602";
		}
		.icon-gift:before {
			content: "\e603";
		}
		.icon-lab:before {
			content: "\e604";
		}
		.icon-clipboard:before {
			content: "\e605";
		}
		.icon-earth:before {
    		content: "\e606";
		}

		#nav {
			width: 700px;
			margin: auto;
			cursor: normal;
			margin: auto;
			padding-top: 0px;
		}

		#nav > ul > li > a {
			border: 0;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 400;
			color: #777;
			outline: 0;
		}

		#nav > ul > li > a:before {
			display: inline-block;
			background: #878787;
			color: #e4e4e4;
			width: 1.65em;
			height: 1.65em;
			border-radius: 1.65em;
			line-height: 1.65em;
			text-align: center;
			box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
			margin-right: 0.75em;
			-moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
			-o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
			transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
		}

		#nav > ul > li > a > span {
			-moz-transition: color 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out;
			-o-transition: color 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out;
			transition: color 0.25s ease-in-out;
		}

		#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before {
			background: #DD9F3B;
			color: #fff;
		}

		#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span {
			color: #DD9F3B;
		}

		#nav > ul > li {
			display: inline-block;
			padding-right: 2em;
			padding-top: 1em;
		}

		#nav > ul > li:last-child {
			padding-right: 0;
		}

		#nav > ul > li > a {
			display: block;
		}

		#nav > ul > li > a > span {
			font-size: 0.85em;
			letter-spacing: 3px;
		}

		#nav > ul > li > ul {
			display: none;
		}

	</style>


</body>
</html>