View source for Template:Team:Tokyo Tech/template2016

<html>
<head>
<title>ジェム</title>
<meta http-equiv="Content-Type" content="text/html; "charset=UTF-8" />

<style type="text/css"><!--
.menu_list_class{
	*zoom: 1;
	list-style-type: none;
	width: 95%;
	min-width: 800px;
	margin: 5px auto 30px;
	padding: 0;
	background: #ffffff;
}
.menu_list_class:before, .menu_list_class:after{
	content: "";
	display: table;
}
.menu_list_class:after{
	clear: both;
}
.menu_list_class li{
	position: relative;
	width: 14%;
	float: left;
	margin: 1px;
	padding: 0;
	text-align: center;
}
.menu_list_class li a{
	display: block;
	height: 40px;
	margin: 0;
	padding: 15px 0 11px;
	background: #3f3f3f;
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
}
.menu_list_class li:hover ul li{
	overflow: visible;
	height: 48px;
}
.drop_menu{
	list-style: none;
	position: relative;
	left: -70%;
	z-index: 9999;
	top: 100%;
	margin: 0;
	padding: 0;
}
.drop_menu li{
	width: 170%;
	overflow: hidden;
	height: 0;
	transition: .2s;
}
.drop_menu li a{
	padding: 13px 15px;
	border-top: 1px solid #7c8c0e;
	background: #3f3f3f;
	text-align: right;
}
.drop_menu li:hover > a{
	background: #6e7c0c;
}
.drop_menu li a:hover{
	background: #616d0b;
}
--></style>

</head>
<body>
	<div id="menu_list_division">
		<ul id="menu_list" class="menu_list_class">
			<li><a href="https://2016.igem.org/Team:Tokyo_Tech">HOME</a></li>
			<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Project">Project</a></li>
			<li><a href="#">Experiment</a>
				<ul id="experiment_list" class="drop_menu">
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Introduction">Introduction</a></li>
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Summary_of_experiment">Summary of experiment</a></li>
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Results">Result</a></li>
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Discussion">Discussion</a></li>
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Protocol">Materials and Methods</a></li>
					<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Reference">Referemce</a></li>
				</ul><!-- /experiment_list -->
			</li>
			<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Modeling">Modeling</a></li>
			<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a></li>
			<li><a href="#">PoliPra or HumPra?</a></li>
			<li><a href="#">More</a>
				<ul id="more_list" class="drop_menu">
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/About_us">About us</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Attribution_and_contribution">Attribution and Contribution</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Collaboration">Collaboration</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Judging">Judging Form</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Sponsors">Sponsors</a></li>
					<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Official">Official Team Page</a></li>
				</ul><!-- /more_list -->
			</li>
		</ul><!-- /menu_list -->
	</div><!-- /menu_list_division -->
</body>
</html>