Template:Banner

From 2011.igem.org

(Difference between revisions)

Revision as of 14:11, 16 September 2011 (view source) Benjevans1 (Talk | contribs) ← Older edit		Latest revision as of 10:02, 21 September 2011 (view source) Awalsham (Talk | contribs)
(70 intermediate revisions not shown)
Line 79:		Line 79:
	.title{		.title{
-	position: relative;	+	position: absolute;
	top: 0px;		top: 0px;
	float: left;		float: left;
Line 91:		Line 91:
	.header{		.header{
	z-index: 1;		z-index: 1;
-	position: absolute;	+	position: relative;
	top: 0px;		top: 0px;
	height: 293px;		height: 293px;
Line 98:		Line 98:
	.menu{		.menu{
	z-index: 5;		z-index: 5;
-	position: absolute;	+	position: relative;
	top: 220px;		top: 220px;
	font: 18px Trebuchet MS;		font: 18px Trebuchet MS;
	text-align: center;		text-align: center;
	}		}
-
-	.menubg{
-	position: absolute;
-	top: 243px;
-	background-color: #000000;
-	width: 965px;
-	height: 50px;
-	/* for IE */
-	filter:alpha(opacity=60);
-	/* CSS3 standard */
-	opacity:0.6;
-	z-index:2;
-	}
-	a:link{color:#fff;}
-	a:visited{color:#fff;}
-	a:active{color:#fff;}
	</style>		</style>
Line 146:		Line 130:
	</div>		</div>
-		+	</div>
-	<div class="menubg">	+
	</div>		</div>
-	<div class="menu">
-	<!--[if lt IE 7]>
-	<script type="text/javascript">
-	sfHover = function() {
-	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
-	for (var i=0; i<sfEls.length; i++) {
-	sfEls[i].onmouseover=function() {
-	this.className+=" over";
-	}
-	sfEls[i].onmouseout=function() {
-	this.className=this.className.replace(new RegExp(" over\\b"), "");
-	}
-	}
-	}
-	if (window.attachEvent) window.attachEvent("onload", sfHover);
		+	<script type="text/javascript"
		+	src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
		+	<script type="text/javascript">
		+	$(document).ready(function() {
		+	$("ul#topnav li").hover(function() {
		+	$(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'});
		+	$(this).find("span").show();
		+	} , function() { //on hover out...
		+	$(this).css({ 'background' : 'none'});
		+	$(this).find("span").hide();
		+	});
		+
		+	});
	</script>		</script>
-	<![endif]-->	+
-	<style type="text/css">	+	<style>
-	/* general styling */	+
-	*{margin:0;padding:0}	+	/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
-	body {	+	#tab_nav {
-	font: x-small Verdana, Arial, Helvetica, sans-serif;	+	position: absolute;
-	text-align:left;	+	z-index: 1000;
-	padding:20px;	+
-	}	+
-	.outer{	+
-	padding:0px 0 0 0;	+
-	width:1200px;	+
-	margin:auto;	+
-	position:relative;	+
-	text-align:center;	+
	}		}
		+	ul#topnav {
		+	float: left;
		+	width: 965px;
		+	list-style: none;
		+	position: relative;
		+	background: url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x;
		+	font-family: Arial, Helvetica, Sans-Serif;
		+	margin-left: 0px;
		+	margin-top: 0px;
		+	font-size: 14px;
-	/* drop up */
-	ul#nav,ul#nav ul {
-	margin: 0;
-	padding: 0;
-	list-style: none;
	}		}
-	ul#nav {https://2011.igem.org/wiki/index.php?title=Template:Banner&action=submit#	+	ul#topnav li {
-	width:965px;	+	float: left;
-	height:25px;	+	border-right: 1px solid #555;
-		+	font-family: Arial, Helvetica, Sans-Serif;
		+
	}		}
		+	ul#topnav li a {
		+	padding: 10px 15px;
		+	font-weight: bold;
		+	display: block;
		+	color: #f0f0f0;
		+	text-decoration: none;
		+	font-family: Arial, Helvetica, Sans-Serif;
-	ul#nav li {
-	position: relative;
-	float: left;
-	width:193px;
-	height:25px;
-	color:#fff;
-	text-align:left;
	}		}
-	ul#nav li a {	+	ul#topnav li a:hover {
-	text-decoration: none;	+	text-decoration: underline;
-	color:#fff;	+
-		+
	}		}
-	#nav li ul {	+	ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x; }
		+	ul#topnav li span {
		+	float: left;
		+	padding: 10px 0;
	position: absolute;		position: absolute;
-	left: 0;	+	left: 0; top: 34px;
-	top:-170px;	+	display: none;
-	margin-left:-999em;	+	width:850px;
-	border:none;	+	background: #ef8639;
-	height:193px;	+	color: #fff;
-	width:193px;	+	-moz-border-radius-bottomright: 5px;
-	background:#000;	+	-khtml-border-radius-bottomright: 5px;
-	/*opacity for IE5+*/	+	-webkit-border-bottom-right-radius: 5px;
-	filter: alpha(opacity=60);	+	-moz-border-radius-bottomleft: 5px;
-	/*opacity for older Mozilla browsers*/	+	-khtml-border-radius-bottomleft: 5px;
-	-moz-opacity: 0.6;	+	-webkit-border-bottom-left-radius: 5px;
-	/*opacity for mozilla/safari*/	+
-	opacity: 0.6;	+
	}		}
-	ul#nav li li{height:auto;border:none;}	+	ul#topnav li:hover span { display: block; }
-	ul#nav li li a{	+	ul#topnav li span a { display: inline; font-weight; normal; }
-	color:#fff;	+	ul#topnav li span a:hover {text-decoration: underline;}
-	padding:2px 5px 2px 5px;	+
-	display:block;	+
-	}	+
-	ul#nav li:hover ul,	+
-	ul#nav li.over ul {	+
-	margin-left:0;	+
-	}	+
-	ul#nav li:hover,	+
-	ul#nav li.over,	+
-	ul#nav li:hover a,	+
-	ul#nav li.over a {color:#000}	+
-		+
-	ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}	+
-	ul#nav li li a:hover{color:#000; background-color: #fff;}	+
-	ul#nav li p {padding:0px;}	+
-	ul#nav li.last,ul#nav li.last ul{border:none;width:100px;}	+
-		+
	</style>		</style>
		+	<ul id="topnav">
		+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich">Home</a>
		+
		+	</li>
		+	<li>
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Team">Team</a>
		+	<!--Subnav Starts Here-->
		+	<span>
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Team"> Students</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_advisors"> Advisors</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Acknowledgements"> Acknowledgements</a> |
		+	</span>
		+	<!--Subnav Ends Here-->
		+	</li>
		+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Project"> Project</a>
		+	<!--Subnav Starts Here-->
		+	<span>
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Project"> Project Overview</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-algae"> Algae</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-moss"> Moss</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Methods"> Methods</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Safety"> Lab Safety</a> |
		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Attributions"> Attributions</a> |
		+	</span>
		+	<!--Subnav Ends Here-->
		+	</li>
		+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Registryoverview">Results</a>
-	<div class="outer">	+	<!--Subnav Starts Here-->
-		+	<span>
-	<ul id="nav">	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Registryoverview"> Registry Overview</a>|
-	<li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/data"> Data</a>|
-	<p><br/><a href="https://2011.igem.org/Team:UEA-JIC_Norwich">&nbsp;&nbsp;HOME</a></p>	+	</span>
-		+	<!--Subnav Ends Here-->
-		+	</li>
-	</li>	+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Human Practice</a>
-	<li>	+	<!--Subnav Starts Here-->
-	<p><br />	+	<span>
-	<a href="#">&nbsp;&nbsp;TEAM</a></p>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Interviews</a> |
-	<ul>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices"> Outreach</a> |
-	<li><a href=" https://2011.igem.org/Team:UEA-JIC_Norwich/Team ">Students</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/UKConference"> UK Team Meetup</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_advisors">Advisors</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Media"> Media</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_Sponsors">Acknowledgements</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/schools"> School Work</a> |
-		+	</span>
-	</ul>	+	<!--Subnav Ends Here-->
-	</li>	+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Lab Journal"> Lab Journal</a>
-	<li>	+	<!--Subnav Starts Here-->
-	<p><br />	+	<span>
-	<a href="#">&nbsp;&nbsp;PROJECT</a></p>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekone">Week 1</a> |
-	<ul>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weektwo">Week 2</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Project">Project Overview</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekthree">Week 3</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-algae">Algae</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfour">Week 4</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-moss">Moss</a>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfive">Week 5</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Methods">Methods</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weeksix">Week 6</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Safety">Lab Safety</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekseven">Week 7</a> |
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Notebook">Lab Journal</a></li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekeight">Week 8</a> |
-	</li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weeknine">Week 9</a> |
-	</li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekten">Week 10</a> |
-		+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekeleven">Week 11</a> |
-	</ul>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weektwelve">Week 12</a> |
-	</li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekthirteen">Week 13</a> |
-	<li>	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfourteen">Week 14</a> |
-	<p><br />	+	<a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfifteen">Week 15</a> |
-	<a href="#">&nbsp;&nbsp;RESULTS</a></p>	+	<!--Subnav Ends Here-->
-	<ul>	+	</li>
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Registryoverview">Overview</a></li>	+
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/data">Data</a></li>	+
-		+
-	</ul>	+
	</li>		</li>
-	<li>	+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/software">Software</a>
-	<p><br />	+	</li>
-	<a href="#">&nbsp;&nbsp;Human Practices</a></p>	+
-	<ul>	+
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices">Outreach</a></li>	+
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/UKConference">UK Team Meetup</a></li>	+
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews">Interviews</a></li>	+
-	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Media">Media</a></li>	+
-		+
-		+
-		+
	</li>		</li>
-	<li class="last">	+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/gallery">Photo Gallery</a>
-		+	</li>
-	</ul>	+	</li>
-	</li>	+	</li>
-	</ul>	+	<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_Sponsors"> Sponsors</a>
-	</div>	+	</li>
-	</div>	+	</ul>
		+	<br>
	</html>		</html>

---

Latest revision as of 10:02, 21 September 2011

UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE

• Home
• Team Students | Advisors | Acknowledgements |
• Project Project Overview | Algae | Moss | Methods | Lab Safety | Attributions |
• Results Registry Overview| Data|
• Human Practice Interviews | Outreach | UK Team Meetup | Media | School Work |
• Lab Journal Week 1 | Week 2 | Week 3 | Week 4 | Week 5 | Week 6 | Week 7 | Week 8 | Week 9 | Week 10 | Week 11 | Week 12 | Week 13 | Week 14 | Week 15 |
• Software
• Photo Gallery
• Sponsors