Template:Banner

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<div class="menubg">
-
<head>
+
</div>
-
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
-
    <title>University of East Anglia-JIC</title>
+
 +
<div class="menu">
-
<script type="text/javascript"><!--
+
<!--[if lt IE 7]>
-
var delay=7000
+
<script type="text/javascript">
-
var ie4=document.all
+
 
-
var curindex=0
+
sfHover = function() {
-
var totalcontent=0
+
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
-
function get_total(){
+
for (var i=0; i<sfEls.length; i++) {
-
if (ie4){
+
sfEls[i].onmouseover=function() {
-
while (eval("document.all.content"+totalcontent))
+
this.className+=" over";
-
totalcontent++
+
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp(" over\\b"), "");
 +
}
 +
}
}
}
-
else{
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
-
while (document.getElementById("content"+totalcontent))
+
 
-
totalcontent++
+
</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;
}
}
 +
 +
/* drop up */
 +
ul#nav,ul#nav ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
}
}
-
function contract_all(){
+
ul#nav {https://2011.igem.org/wiki/index.php?title=Template:Banner&action=submit#
-
for (y=0;y<totalcontent;y++){
+
width:965px;
-
if (ie4)
+
height:25px;
-
eval("document.all.content"+y).style.display="none"
+
-
else
+
-
document.getElementById("content"+y).style.display="none"
+
}
}
 +
 +
ul#nav li {
 +
position: relative;
 +
float: left;
 +
width:193px;
 +
height:25px;
 +
color:#fff;
 +
text-align:left;
}
}
-
function expand_one(which){
+
ul#nav li a {
-
contract_all()
+
text-decoration: none;
-
if (ie4)
+
color:#fff;
-
eval("document.all.content"+which).style.display=""
+
     
-
else
+
-
document.getElementById("content"+which).style.display=""
+
}
}
-
function rotate_content(){
+
#nav li ul {
-
get_total()
+
position: absolute;
-
contract_all()
+
left: 0;
-
expand_one(curindex)
+
top:-170px;
-
curindex=(curindex<totalcontent-1)? curindex+1: 0
+
margin-left:-999em;
-
setTimeout("rotate_content()",delay)
+
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;
}
}
-
window.onload=rotate_content
+
ul#nav li li{height:auto;border:none;}
-
//--></script>
+
ul#nav li li a{
-
</head>
+
color:#fff;
-
 
+
padding:2px 5px 2px 5px;
-
<style>
+
display:block;
-
body{
+
-
background-color: #0B0719;
+
-
font: 11px Arial;
+
-
color: #FFFFFF;
+
-
padding: 5px 5px 5px 5px;
+
-
    }
+
-
 
+
-
b{
+
-
color: #FFFFFF;
+
}
}
-
 
+
ul#nav li:hover ul,
-
.heading{
+
ul#nav li.over ul {
-
color: #000;
+
margin-left:0;
-
font: 14px century gothic;
+
-
padding: 5px 5px 2px 5px;
+
-
font-weight: bold;
+
}
}
 +
ul#nav li:hover,
 +
ul#nav li.over,
 +
ul#nav li:hover a,
 +
ul#nav li.over a {color:#000}
-
.titlebg{
+
ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
-
position: absolute;
+
ul#nav li li a:hover{color:#000; background-color: #fff;}
-
top: 0px;
+
ul#nav li p {padding:0px;}
-
background-color: #000;
+
ul#nav li.last,ul#nav li.last ul{border:none;width:100px;}
-
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: absolute;
 
-
top: 0px;
 
-
height: 293px;
 
-
    }
 
-
 
-
.menu{
 
-
z-index: 5;
 
-
position: absolute;
 
-
top: 220px;
 
-
font: 18px Trebuchet MS;
 
-
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>
-
<body bgcolor="#FFFFFF">
+
<div class="outer">
-
<body align:center>
+
 +
<ul id="nav">
 +
<li>
 +
<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>
 +
</ul>
 +
</li>
 +
<li>
 +
                        <p><br />
 +
<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 class="last">
-
 
+
</ul>
-
<div class="header">
+
</li>
-
<div class="titlebg">
+
</ul>
-
</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>
</div>
</div>
</html>
</html>

Revision as of 11:48, 17 September 2011

<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; }

/* 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# width:965px; height:25px;

}

ul#nav li { position: relative; float: left; width:193px; height:25px; color:#fff; text-align:left; } ul#nav li a { text-decoration: none; color:#fff;

}

  1. nav li ul {

position: absolute; 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#nav li li a{ 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>

</li> </ul>

</html>

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