Template:Banner

From 2011.igem.org

(Difference between revisions)
 
(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-JIC

UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE