|
|
Line 1: |
Line 1: |
- | <html>
| |
| <head> | | <head> |
| <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> |
- | <title>Generated by PureCSSMenu.com</title> | + | <title>University of Calgary</title> |
| </head> | | </head> |
| + | <style> |
| + | body{ |
| + | background-color: #414141; |
| + | } |
| + | .titlebg{ |
| + | position: absolute; |
| + | top: 1px; |
| + | background-color: #000000; |
| + | width: 965px; |
| + | height: 90px; |
| + | /* for IE */ |
| + | filter:alpha(opacity=60); |
| + | /* CSS3 standard */ |
| + | opacity:0.6; |
| + | z-index:3; |
| + | } |
| + | |
| + | .title{ |
| + | position: absolute; |
| + | float: left; |
| + | font: 40px Trebuchet MS; |
| + | color: #FFF; |
| + | padding-top: 25px; |
| + | padding-left: 10px; |
| + | z-index: 4; |
| + | } |
| + | .header{ |
| + | z-index: 1; |
| + | position: absolute; |
| + | top: 1px; |
| + | } |
| + | |
| + | .menu{ |
| + | z-index: 5; |
| + | position: absolute; |
| + | top: 416px; |
| + | font: 18px Trebuchet MS; |
| + | text-align: center; |
| + | } |
| + | |
| + | .menubg{ |
| + | position: absolute; |
| + | top: 416px; |
| + | background-color: #000000; |
| + | width: 965px; |
| + | height: 70px; |
| + | /* for IE */ |
| + | filter:alpha(opacity=60); |
| + | /* CSS3 standard */ |
| + | opacity:0.6; |
| + | z-index:2; |
| + | } |
| + | </style> |
| + | |
| <body bgcolor="#FFFFFF"> | | <body bgcolor="#FFFFFF"> |
| <body align:center> | | <body align:center> |
| | | |
- | <!-- Css Menu: -->
| |
| | | |
- | <style> | + | |
- | ul.cssMenu ul{display:none}
| + | <div class="header"> |
- | ul.cssMenu li:hover>ul{display:block}
| + | <div class="titlebg"> |
- | ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
| + | </div> |
- | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
| + | <div class="title"> |
- | ul.cssMenu,ul.cssMenu ul {
| + | UNIVERSITY OF CALGARY |
- | margin:0px;
| + | </div> |
- | list-style:none;
| + | <img src="http://i1001.photobucket.com/albums/af132/igemcalgary/header/1.png" width="965px"> |
- | padding:0px 3px 3px 0px;
| + | </div> |
- | background-color:#414141; | + | |
- | background-repeat:repeat; | + | <div class="menubg"> |
- | border-color:#CECECE;
| + | </div> |
- | border-width:4px;
| + | |
- | border-style:ridge; | + | <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"), ""); |
| + | } |
| + | } |
| } | | } |
- | ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
| + | if (window.attachEvent) window.attachEvent("onload", sfHover); |
- | display:block;
| + | |
- | zoom:1;
| + | </script> |
- | position:absolute;
| + | <![endif]--> |
- | z-index: 1000;
| + | <style type="text/css"> |
- | left: 100;
| + | /* general styling */ |
- | top: 200;
| + | *{margin:0;padding:0} |
- | }
| + | body { |
- | * HTML ul.cssMenu {position:absolute;} | + | font: x-small Verdana, Arial, Helvetica, sans-serif; |
- | ul.cssMenu ul{
| + | |
- | width:149px;
| + | |
- | } | + | |
- | ul.cssMenu li {
| + | |
- | display:block;
| + | |
- | margin:3px 0px 0px 3px;
| + | |
- | font-size:0px; | + | |
- | }
| + | |
- | ul.cssMenu a:active, ul.cssMenu a:focus {
| + | |
- | outline-style:none;
| + | |
- | }
| + | |
- | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
| + | |
- | display:block;
| + | |
- | vertical-align:middle;
| + | |
- | background-color:#414141;
| + | |
- | border-width:1px;
| + | |
- | border-color:#414141;
| + | |
- | border-style:solid;
| + | |
| text-align:left; | | text-align:left; |
- | text-decoration:none; | + | padding:20px; |
- | padding:4px; | + | } |
- | _padding-left:0; | + | .outer{ |
- | font:14px Trebuchet MS; | + | padding:0px 0 0 0; |
- | color: #FFFFFF; | + | width:965px; |
- | text-decoration:none; | + | margin:auto; |
- | cursor:pointer;
| + | position:relative; |
| + | text-align:center; |
| } | | } |
- | ul.cssMenu span{ | + | |
- | overflow:hidden; | + | /* drop up */ |
| + | ul#nav,ul#nav ul { |
| + | margin: 0; |
| + | padding: 0; |
| + | list-style: none; |
| } | | } |
- | ul.cssMenu li { | + | ul#nav { |
- | float:left; | + | width:965px; |
| + | height:70px; |
| + | |
| } | | } |
- | ul.cssMenu ul li { | + | |
- | float:none; | + | ul#nav li { |
- | }
| + | position: relative; |
- | ul.cssMenu ul a {
| + | float: left; |
| + | width:192px; |
| + | height:70px; |
| + | border-right:1px solid silver; |
| + | color:#fff; |
| text-align:left; | | text-align:left; |
- | white-space:nowrap;
| |
| } | | } |
- | ul.cssMenu li.sep{ | + | ul#nav li a { |
- | text-align:left; | + | text-decoration: none; |
- | padding:0px; | + | color:#fff; |
- | line-height:0;
| + | |
- | height:100%;
| + | |
| } | | } |
- | ul.cssMenu li.sep span{ | + | #nav li ul { |
- | float:none; padding-right:0; | + | position: absolute; |
- | width:3; | + | left: 0; |
- | height:100%; | + | top:-324px; |
- | display:inline-block; | + | margin-left:-999em; |
- | background-color:#CECECE; background-image:none;} | + | border:none; |
- | ul.cssMenu ul li.sep span{
| + | height:324px; |
- | width:100%;
| + | width:192px; |
- | height:3;
| + | 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.cssMenu li:hover{ | + | ul#nav li li{height:auto;border:none;} |
- | position:relative; | + | ul#nav li li a{ |
| + | color:#fff; |
| + | padding:5px 10px 5px 20px; |
| + | display:block; |
| } | | } |
- | ul.cssMenu li:hover>a{ | + | ul#nav li:hover ul, |
- | background-color:#6AF039;
| + | ul#nav li.over ul { |
- | border-color:#FFFFFF;
| + | margin-left:0; |
- | border-style:solid;
| + | |
- | font:14px Trebuchet MS;
| + | |
- | color: #414141;
| + | |
- | text-decoration:none; | + | |
| } | | } |
- | ul.cssMenu li a:hover{ | + | ul#nav li:hover, |
- | position:relative;
| + | ul#nav li.over, |
- | background-color:#6AF039;
| + | ul#nav li:hover a, |
- | border-color:#FFFFFF;
| + | ul#nav li.over a {color:#000} |
- | border-style:solid;
| + | |
- | font:14px Trebuchet MS;
| + | |
- | color: #414141;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | ul.cssMenu li.dis a { | + | |
- | color: #AAAAAA !important;
| + | |
- | }
| + | |
- | ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
| + | |
- | height:24px;
| + | |
- | }
| + | |
- | ul.cssMenu ul img {width:16px;
| + | |
- | height:16px;
| + | |
- | }
| + | |
- | ul.cssMenu img.over{display:none}
| + | |
- | ul.cssMenu li.dis a:hover img.over{display:none !important}
| + | |
- | ul.cssMenu li.dis a:hover img.def {display:inline !important} | + | |
- | ul.cssMenu li:hover > a img.def {display:none}
| + | |
- | ul.cssMenu li:hover > a img.over {display:inline} | + | |
- | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
| + | |
- | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
| + | |
- | ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
| + | |
- | ul.cssMenu a:hover ul ul{display:none}
| + | |
- | ul.cssMenu span{
| + | |
- | display:block;
| + | |
- | background-image:url(./images/arrow_sub5.gif);
| + | |
- | background-position:right center;
| + | |
- | background-repeat: no-repeat;
| + | |
- | padding-right:14px;}
| + | |
- | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| + | |
- | ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);}
| + | |
- | ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
| + | |
- | ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| + | |
| | | |
| + | 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:5px;} |
| + | ul#nav li.last,ul#nav li.last ul{border:none;width:193px;} |
| </style> | | </style> |
| | | |
- | <ul class="cssMenu cssMenum"> | + | <div class="outer"> |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary" ="_blank">Home</a></li> | + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | <ul id="nav"> |
- | <ul class=" cssMenum">
| + | <li> |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Undergraduates" ="_blank">Undergraduates</a></li>
| + | <p><br/><a href="https://2009.igem.org/Team:Calgary">HOME</a></p> |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Supervisors" ="_blank">Supervisors</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Facilitators" ="_blank">Facilitators</a></li> | + | |
| + | </li> |
| + | <li> |
| + | <p><br/><a href="https://2009.igem.org/Team:Calgary/Team">TEAM</a></p> |
| + | <ul> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Team">Team</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Team#Undergraduates">Undergraduates</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Team#Supervisors">Supervisors</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Team#Facilitators">Facilitators</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <p><br /> |
| + | <a href="#">PROJECT</a></p> |
| + | <ul> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Project">Overall Project</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Parts">Parts</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Calendar">Calendar</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Lab">Lab</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Modelling">Modelling</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Second_Life">Second Life</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Outreach">Outreach</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Ethics">Ethics</a></li> |
| + | |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <p><br /> |
| + | <a href="#">MISCELLANEOUS</a></p> |
| + | <ul> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Gallery">Gallery</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="last"> |
| + | <p><br /> |
| + | <a href="https://2009.igem.org/Team:Calgary/Sponsors">SPONSORS</a></p> |
| + | <ul> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#Platinum_Level">Platinum Level</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#Gold_Level">Gold Level</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#Silver_Level">Silver Level</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#Bronze_Level">Bronze Level</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#Community_Partner">Community Partner</a></li> |
| + | </ul> |
| + | </li> |
| </ul> | | </ul> |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | </div> |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | </div> |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Project" ="_blank">Overall Project</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Calendar</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">May</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">June</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">July</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">August</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">September</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">October</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Lab</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>May</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 1 (1-10)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 2 (11-17)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 3 (18-24)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 4 (25-31)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>June</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 5 (1-7)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 6 (8-14)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 7 (15-21)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 8 (22-28)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>July</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 9 (29-5)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 10 (6-12)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 11 (13-19)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 12 (20-26)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 13 (27-2)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>August</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 14 (3-9)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 15 (10-16)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 16 (17-23)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 17 (24-30)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>September</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 18 (31-6)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 19 (7-13)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 20 (14-20)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 21 (21-27)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 22 (28-4)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>October</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 23 (5-11)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 24 (12-18)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 25 (19-25)</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 26 (26-1)</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Modelling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/SecondLife"><span>Second Life</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Outreach"><span>Outreach</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Educational</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Ethics"><span>Ethics</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
- | <ul class=" cssMenum">
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Parts">Parts</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/News" ="_blank">News</a></li>
| + | |
- | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Gallery" ="_blank">Gallery</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <!-- (c) 2009, PureCSSMenu.com -->
| + | |
- | | + | |
| | | |
| | | |
| </body> | | </body> |
| </html> | | </html> |
| + | |
| + | [[Image:blankspace.gif|center|450px]] |
| | | |
| | | |
.titlebg{
position: absolute;
top: 1px;
background-color: #000000;
width: 965px;
height: 90px;
.title{
position: absolute;
float: left;
font: 40px Trebuchet MS;
color: #FFF;
padding-top: 25px;
padding-left: 10px;
z-index: 4;
.menu{
z-index: 5;
position: absolute;
top: 416px;
font: 18px Trebuchet MS;
text-align: center;
.menubg{
position: absolute;
top: 416px;
background-color: #000000;
width: 965px;
height: 70px;