Template:Banner

From 2011.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
-
<div class="menubg">
+
<html>
-
</div>
+
<head>
 +
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 +
    <title>University of East Anglia-JIC</title>
-
<div class="menu">
 
-
 
-
<!--[if lt IE 7]>
 
-
<script type="text/javascript">
 
-
sfHover = function() {
+
<script type="text/javascript"><!--
-
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
+
var delay=7000
-
for (var i=0; i<sfEls.length; i++) {
+
var ie4=document.all
-
sfEls[i].onmouseover=function() {
+
var curindex=0
-
this.className+=" over";
+
var totalcontent=0
-
}
+
function get_total(){
-
sfEls[i].onmouseout=function() {
+
if (ie4){
-
this.className=this.className.replace(new RegExp(" over\\b"), "");
+
while (eval("document.all.content"+totalcontent))
-
}
+
totalcontent++
-
}
+
}
}
-
if (window.attachEvent) window.attachEvent("onload", sfHover);
+
else{
 +
while (document.getElementById("content"+totalcontent))
 +
totalcontent++
 +
}
 +
}
 +
function contract_all(){
 +
for (y=0;y<totalcontent;y++){
 +
if (ie4)
 +
eval("document.all.content"+y).style.display="none"
 +
else
 +
document.getElementById("content"+y).style.display="none"
 +
}
 +
}
 +
function expand_one(which){
 +
contract_all()
 +
if (ie4)
 +
eval("document.all.content"+which).style.display=""
 +
else
 +
document.getElementById("content"+which).style.display=""
 +
}
 +
function rotate_content(){
 +
get_total()
 +
contract_all()
 +
expand_one(curindex)
 +
curindex=(curindex<totalcontent-1)? curindex+1: 0
 +
setTimeout("rotate_content()",delay)
 +
}
 +
window.onload=rotate_content
 +
//--></script>
 +
</head>
-
</script>
+
<style>
-
<![endif]-->
+
body{
-
<style type="text/css">
+
background-color: #0B0719;
-
/* general styling */
+
font: 11px Arial;
-
*{margin:0;padding:0}
+
color: #FFFFFF;
-
body {
+
padding: 5px 5px 5px 5px;
-
font: x-small Verdana, Arial, Helvetica, sans-serif;
+
    }
-
text-align:left;
+
 
-
padding:20px;
+
b{
-
}
+
color: #FFFFFF;
-
.outer{
+
-
padding:0px 0 0 0;
+
-
width:1200px;
+
-
margin:auto;
+
-
position:relative;
+
-
text-align:center;
+
}
}
-
/* drop up */
+
.heading{
-
ul#nav,ul#nav ul {
+
color: #000;
-
margin: 0;
+
font: 14px century gothic;
-
padding: 0;
+
padding: 5px 5px 2px 5px;
-
list-style: none;
+
font-weight: bold;
}
}
-
ul#nav {https://2011.igem.org/wiki/index.php?title=Template:Banner&action=submit#
+
 
-
width:965px;
+
.titlebg{
-
height:25px;
+
position: absolute;
 +
top: 0px;
 +
background-color: #000;
 +
width: 965px;
 +
height: 50px;
 +
  /* for IE */
 +
  filter:alpha(opacity=60);
 +
  /* CSS3 standard */
 +
  opacity:0.6;
 +
z-index:3;
 +
      }
 +
 
 +
.title{
 +
position: absolute;
 +
top: 0px;
 +
float: left;
 +
font: 35px Trebuchet MS;
 +
color: #FFF;
 +
padding-top: 5px;
 +
padding-left: 10px;
 +
z-index: 4;
 +
      }
 +
 
 +
.header{
 +
z-index: 1;
 +
position: relative;
 +
top: 0px;
 +
height: 293px;
 +
    }
 +
 
 +
.menu{
 +
z-index: 5;
 +
position: relative;
 +
top: 220px;
 +
font: 18px Trebuchet MS;
 +
text-align: center;
 +
          }
 +
</style>
 +
 
 +
<body bgcolor="#FFFFFF">
 +
<body align:center>
 +
 
 +
 
 +
 
 +
<div class="header">
 +
<div class="titlebg">
 +
</div>
 +
<div class="title">
 +
UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE
 +
</div>
 +
<div id="content0" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/03/Ziggurats_for_banner.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content1" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/JIC_AERIAL_VIEW_BANNER.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content2" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content3" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/Fountain_border.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content4" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/05/Physcomitrella_P.jpg " width="965px" height="293px" border="0">
 +
</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>
-
ul#nav li {
+
<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;
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;
float: left;
-
width:193px;
+
border-right: 1px solid #555;
-
height:25px;
+
        font-family: Arial, Helvetica, Sans-Serif;
-
color:#fff;
+
 
-
text-align:left;
+
}
}
-
ul#nav li a {
+
ul#topnav li a {
 +
padding: 10px 15px;
 +
font-weight: bold;
 +
display: block;
 +
color: #f0f0f0;
text-decoration: none;
text-decoration: none;
-
color:#fff;
+
        font-family: Arial, Helvetica, Sans-Serif;
-
     
+
 
}
}
-
#nav li ul {
+
ul#topnav li a:hover {
-
position: absolute;
+
      text-decoration: underline;
-
left: 0;
+
-
top:-170px;
+
-
margin-left:-999em;
+
-
border:none;
+
-
height:193px;
+
-
width:193px;
+
-
background:#000;
+
-
/*opacity for IE5+*/
+
-
  filter: alpha(opacity=60);
+
-
  /*opacity for older Mozilla browsers*/
+
-
  -moz-opacity: 0.6;
+
-
  /*opacity for mozilla/safari*/
+
-
  opacity: 0.6;
+
}
}
-
ul#nav li li{height:auto;border:none;}
+
ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x; }
-
ul#nav li li a{
+
ul#topnav li span {
-
color:#fff;
+
float: left;
-
padding:2px 5px 2px 5px;
+
padding: 10px 0;
-
display:block;
+
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#nav li:hover ul,
+
ul#topnav li:hover span { display: block; }
-
ul#nav li.over ul {
+
ul#topnav li span a { display: inline;  font-weight; normal; }
-
margin-left:0;
+
ul#topnav li span a:hover {text-decoration: underline;}
-
}
+
-
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>
+
-
</ul>
+
-
+
-
+
</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-JIC

UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE

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