Template:Banner

From 2011.igem.org

(Difference between revisions)
m
Line 147: Line 147:
-
<html>
+
<div class="menubg">
-
<script type="text/javascript"
+
</div>
-
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>
+
-
<style>
+
<div class="menu">
-
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
+
<!--[if lt IE 7]>
-
#tab_nav {
+
<script type="text/javascript">
-
position: absolute;
+
-
z-index: 1000;
+
-
}
+
-
ul#topnav {
+
-
float: left;
+
-
width: 965px;
+
-
list-style: none;
+
-
position: relative;
+
-
background: url("https://static.igem.org/mediawiki/2011/d/df/Ueanavigation.gif") repeat-x;
+
-
        font-family: Arial, Helvetica, Sans-Serif;
+
-
margin-left: 0px;
+
-
margin-top: 0px;
+
-
        font-size: 14px;
+
 +
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"), "");
 +
}
 +
}
}
}
-
ul#topnav li {
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
-
float: left;
+
-
border-right: 1px solid #555;
+
-
        font-family: Arial, Helvetica, Sans-Serif;
+
 +
</script>
 +
<![endif]-->
 +
<style type="text/css">
 +
/* general styling */
 +
*{margin:0;padding:0}
 +
body {
 +
font: x-small Verdana, Arial, Helvetica, sans-serif;
 +
text-align:left;
 +
padding:20px;
 +
}
 +
.outer{
 +
padding:0px 0 0 0;
 +
width:1200px;
 +
margin:auto;
 +
position:relative;
 +
text-align:center;
}
}
-
ul#topnav li a {
 
-
padding: 10px 15px;
 
-
font-weight: bold;
 
-
display: block;
 
-
color: #f0f0f0;
 
-
text-decoration: none;
 
-
        font-family: Arial, Helvetica, Sans-Serif;
 
 +
/* drop up */
 +
ul#nav,ul#nav ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
}
}
-
ul#topnav li a:hover {
+
ul#nav {https://2011.igem.org/wiki/index.php?title=Template:Banner&action=submit#
-
      text-decoration: underline;
+
width:965px;
 +
height:25px;
 +
}
}
-
ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif") repeat-x; }
+
 
-
ul#topnav li span {
+
ul#nav li {
 +
position: relative;
float: left;
float: left;
-
padding: 10px 0;
+
width:193px;
 +
height:25px;
 +
color:#fff;
 +
text-align:left;
 +
}
 +
ul#nav li a {
 +
text-decoration: none;
 +
color:#fff;
 +
     
 +
}
 +
#nav li ul {
position: absolute;
position: absolute;
-
left: 0; top: 34px;
+
left: 0;  
-
display: none;
+
top:-170px;
-
width:850px;
+
margin-left:-999em;
-
background: #ef8639;
+
border:none;
-
color: #fff;
+
height:193px;
-
-moz-border-radius-bottomright: 5px;
+
width:193px;
-
-khtml-border-radius-bottomright: 5px;
+
background:#000;
-
-webkit-border-bottom-right-radius: 5px;
+
/*opacity for IE5+*/
-
-moz-border-radius-bottomleft: 5px;
+
  filter: alpha(opacity=60);
-
-khtml-border-radius-bottomleft: 5px;
+
  /*opacity for older Mozilla browsers*/
-
-webkit-border-bottom-left-radius: 5px;
+
  -moz-opacity: 0.6;
 +
  /*opacity for mozilla/safari*/
 +
  opacity: 0.6;
}
}
-
ul#topnav li:hover span { display: block; }
+
ul#nav li li{height:auto;border:none;}
-
ul#topnav li span a { display: inline; font-weight; normal; }
+
ul#nav li li a{
-
ul#topnav li span a:hover {text-decoration: underline;}
+
color:#fff;
 +
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>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="http://">menu</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia#The Valencia IGEM Team 2010">The Valencia Team</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia#News">News</a>
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
    </li>
 
-
    <li>
 
-
        <a href="https://2010.igem.org/Team:Valencia/Team">The Team</a>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2010.igem.org/Team:Valencia/Team">The Team</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Universities">The Universities</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Akw">Acknowledgements</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Attributions">Attributions</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Gallery">Gallery</a>
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
    </li>
 
-
    <li><a href="https://2010.igem.org/Team:Valencia/Project">The Project</a> 
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2010.igem.org/Team:Valencia/Project">Overview</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Terraforming">Terraforming</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Technologies">Creating Technologies</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/lea">Surviving Mars</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/prion">Regulating Mars temperature</a>
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
    </li>
 
-
    <li>
 
-
        <a href="https://2010.igem.org/Team:Valencia/Parts">The Parts</a>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2010.igem.org/Team:Valencia/Parts">Submitted Biobricks</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Parts#Making our Biobricks">Making our Biobricks</a> |
 
-
            <a href="https://2010.igem.org/Team:Valencia/Notebook/Calender">Notebook</a>
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
    </li>
 
-
        <li>
 
-
        <a href="https://2010.igem.org/Team:Valencia/Modeling">Modeling</a>
 
-
        <!--Subnav Starts Here-->
+
<div class="outer">
-
        <span>
+
-
            <a href="https://2010.igem.org/Team:Valencia/Modeling">Modeling Mad Yeast On Mars</a>|
+
<ul id="nav">
-
            <a href="https://2010.igem.org/Team:Valencia/Modeling#Welcome to the Yeastworld: theoretical background ">Yeastworld: theoretical background</a>|
+
<li>
-
            <a href="https://2010.igem.org/Team:Valencia/Modeling#Yeastworld Mathematics">Yeastworld Mathematics</a>
+
<p><br/><a href="https://2011.igem.org/Team:UEA-JIC_Norwich">&nbsp;&nbsp;HOME</a></p>
 +
 +
 +
</li>
 +
<li>
 +
<p><br />
 +
<a href="#">&nbsp;&nbsp;TEAM</a></p>
 +
<ul>
 +
<li><a href=" https://2011.igem.org/Team:UEA-JIC_Norwich/Team ">Students</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_advisors">Advisors</a></li>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_Sponsors">Acknowledgements</a></li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<p><br />
 +
<a href="#">&nbsp;&nbsp;PROJECT</a></p>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Project">Project Overview</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-algae">Algae</a></li>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-moss">Moss</a>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Methods">Methods</a></li>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Safety">Lab Safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Notebook">Lab Journal</a></li>
 +
</li>
 +
</li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<p><br />
 +
<a href="#">&nbsp;&nbsp;RESULTS</a></p>
 +
<ul>
 +
<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>
-
        </span>
+
</ul>
-
        <!--Subnav Ends Here-->
+
</li>
-
    </li>
+
<li>
-
    <li>
+
                        <p><br />
-
        <a href="#">Human Practices</a>
+
<a href="#">&nbsp;&nbsp;Human Practices</a></p>
-
        <!--Subnav Starts Here-->
+
<ul>
-
        <span>
+
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices">Outreach</a></li>
-
            <a href="https://2010.igem.org/Team:Valencia/Ethics">Ethics in terraforming</a> |
+
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/UKConference">UK Team Meetup</a></li>
-
            <a href="https://2010.igem.org/Team:Valencia/Safety">Safety</a>
+
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews">Interviews</a></li>
-
        </span>
+
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Media">Media</a></li>
-
        <!--Subnav Ends Here-->
+
-
    </li>
+
-
    <li><a href="https://2010.igem.org/Team:Valencia/Achievements">Achievements</a></li>
+
-
    <li><a href="https://2010.igem.org/Team:Valencia/Contact">Contact</a></li>
+
</ul>
</ul>
-
<br>
+
-
</html>
+
 +
</li>
 +
                <li class="last">
 +
 
 +
</ul>
 +
</li>
 +
</ul>
</div>
</div>
</div>
</div>
</html>
</html>

Revision as of 20:34, 16 September 2011

University of East Anglia-JIC

UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE

Retrieved from "http://2011.igem.org/Template:Banner"