Template:Banner

From 2011.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
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 148: Line 132:
</div>
</div>
</div>
</div>
 +
 +
 +
 +
 +
<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>
 +
 +
<style>
 +
 +
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
 +
#tab_nav {
 +
position: absolute;
 +
z-index: 1000;
 +
}
 +
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;
 +
 +
}
 +
ul#topnav li {
 +
float: left;
 +
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#topnav li a:hover {
 +
      text-decoration: underline;
 +
}
 +
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;
 +
left: 0; top: 34px;
 +
display: none;
 +
width:850px;
 +
background: #ef8639;
 +
color: #fff;
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
}
 +
ul#topnav li:hover span { display: block; }
 +
ul#topnav li span a { display: inline;  font-weight; normal; }
 +
ul#topnav li span a:hover {text-decoration: underline;}
 +
</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>
 +
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Registryoverview"> Registry Overview</a>|
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/data"> Data</a>|
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
    </li>
 +
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Human Practice</a>
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Interviews</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices"> Outreach</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/UKConference"> UK Team Meetup</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Media"> Media</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/schools"> School Work</a> |
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
<li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Lab Journal"> Lab Journal</a> 
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekone">Week 1</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weektwo">Week 2</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekthree">Week 3</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfour">Week 4</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfive">Week 5</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weeksix">Week 6</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekseven">Week 7</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekeight">Week 8</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weeknine">Week 9</a> |
 +
            <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> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weektwelve">Week 12</a> |       
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekthirteen">Week 13</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfourteen">Week 14</a> |
 +
            <a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Weekfifteen">Week 15</a> |
 +
        <!--Subnav Ends Here-->
 +
    </li>
 +
</li>
 +
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/software">Software</a>
 +
    </li>
 +
</li>
 +
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/gallery">Photo Gallery</a>
 +
    </li>
 +
</li>
 +
</li>
 +
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_Sponsors"> Sponsors</a> 
 +
    </li>
 +
</ul>
 +
<br>
</html>
</html>

Latest revision as of 10:02, 21 September 2011

University of East Anglia-JIC

UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE

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