|
|
Line 6: |
Line 6: |
| <style> | | <style> |
| body{ | | body{ |
- | background-color: #414141;
| + | <br> |
- | }
| + | <br> |
- | .titlebg{
| + | <br> |
- | position: absolute;
| + | <br> |
- | background-color: #000000;
| + | <br> |
- | 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 align:center>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="header">
| + | |
- | <div class="titlebg">
| + | |
- | </div>
| + | |
- | <div class="title">
| + | |
- | UNIVERSITY OF CALGARY
| + | |
- | </div>
| + | |
- | <img src="http://i1001.photobucket.com/albums/af132/igemcalgary/header/1.png" width="965px">
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="menubg">
| + | |
- | </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>
| + | |
- | <![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:965px;
| + | |
- | margin:auto;
| + | |
- | position:relative;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | | + | |
- | /* drop up */
| + | |
- | ul#nav,ul#nav ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | ul#nav {
| + | |
- | width:965px;
| + | |
- | height:70px;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | ul#nav li {
| + | |
- | position: relative;
| + | |
- | float: left;
| + | |
- | width:192px;
| + | |
- | height:70px;
| + | |
- | border-right:1px solid silver;
| + | |
- | color:#fff;
| + | |
- | text-align:left;
| + | |
- | }
| + | |
- | ul#nav li a {
| + | |
- | text-decoration: none;
| + | |
- | color:#fff;
| + | |
- |
| + | |
- | }
| + | |
- | #nav li ul {
| + | |
- | position: absolute;
| + | |
- | left: 0;
| + | |
- | top:-325px;
| + | |
- | margin-left:-999em;
| + | |
- | border:none;
| + | |
- | height:325px;
| + | |
- | width:192px;
| + | |
- | 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:5px 10px 5px 20px;
| + | |
- | 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:5px;}
| + | |
- | ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}
| + | |
- | </style>
| + | |
- | | + | |
- | <div class="outer">
| + | |
- |
| + | |
- | <ul id="nav">
| + | |
- | <li>
| + | |
- | <p><br/><a href="https://2009.igem.org/Team:Calgary">HOME</a></p>
| + | |
- |
| + | |
- |
| + | |
- | </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>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | </body>
| + | |
- | </html>
| + | |
- | | + | |
- | [[Image:blankspace.gif|center|450px]]
| + | |
| | | |
| | | |