Template:Template HD 1

From 2011.igem.org

(Difference between revisions)
 
(190 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
 +
<title> Team: British Columbia - 2011.igem.org </title>
<style type="text/css">
<style type="text/css">
 +
 +
/* Adapted from TU Delft 2010's Pieter van Boheemen's Wiki Hacks and 2011 Queens_Canada Wiki code - START Wiki Hacks */
 +
 +
#top-section {
 +
  border: none;
 +
  height: 0px;
 +
  width: 975px;
 +
  margin: 0px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  border-bottom: none;
 +
  margin-bottom: 0;
 +
  padding: 0;
 +
  font-size: 10pt;
 +
}
 +
 +
#p-logo {
 +
  border: none;
 +
  height: 0px;
 +
  margin: -1px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 0;
 +
  width: 975px;
 +
}
 +
 +
#menubar.left-menu {
 +
  background-color: #606060;
 +
  width: 975px;
 +
  float: left;
 +
  border: none;
 +
}
 +
 +
#menubar.left-menu a {
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  color: white;
 +
  border: none;
 +
}
 +
 +
#search-controls {
 +
  display: none;
 +
  margin-top: 0px;
 +
}
 +
#content {
#content {
-
position:absolute;
+
  background-color: white;
-
left:187px;
+
  border: none;
-
top:199px;
+
  color: black;
-
width:728px;
+
  line-height: 1.5em;
-
z-index:1;
+
  padding-bottom: none;
-
background-color: #FFFFFF;
+
  margin-bottom: none;
-
height: 565px;
+
  font-family: Tahoma, Geneva, sans-serif;
-
overflow: scroll;
+
  font-smooth: always;
}
}
-
#empty {
+
.firstHeading {
-
position:absolute;
+
  display: none;
-
left:85px;
+
-
top:670px;
+
-
width:910px;
+
-
height:90px;
+
-
z-index:3;
+
-
visibility: hidden;
+
}
}
-
body,td,th {
+
#contentSub {
-
font-family: Tahoma, Geneva, sans-serif;
+
  display: none;
-
font-size: 14px;
+
}
}
 +
 +
#footer-box {
 +
  display: none;
 +
}
 +
 +
#footer {
 +
  display: none;
 +
  border: none;
 +
}
 +
 +
#catlinks {
 +
  display: none;
 +
}
 +
 +
#toc {
 +
  display: none;
 +
}
 +
body {
body {
-
background-image: url(https://static.igem.org/mediawiki/2011/d/d9/UBCiGEM11bgtrees.JPG);
+
  background-color: #A60901;
-
background-repeat: no-repeat;
+
  text-align: justify;
-
text-align: justify;
+
}
}
-
h2 {
+
 
-
font-size: 18px;
+
/* END Wiki Hacks */
-
color: rgba(166,79,1,1);
+
 
 +
/* Menu BEGIN */
 +
 
 +
#menu{
 +
        width: 100%;
 +
        margin: 0;
 +
        padding: 10px 0 0 0;
 +
        list-style: none;
 +
        background: #FFffff;
}
}
-
#menu
+
#menu li{
-
{ margin: 0;
+
        float: left;
-
padding: 0;
+
        padding: 0 0 10px 0;
-
z-index: 30}
+
        position: relative;
 +
}
-
#menu li
+
#menu a
-
{ margin: 0;
+
{
-
padding: 0;
+
        float: left;
-
list-style: none;
+
        height: 25px;
-
float: left;
+
        padding: 0 16px;
-
font: bold 11px tahoma}
+
        color: #A60901;
 +
        font: bold 15px/25px Arial, Helvetica;
 +
        text-decoration: none;
 +
}
-
#menu li a
+
*html #menu li a:hover /* IE6 */
-
{ display: block;
+
{
-
margin: 0 1px 0 0;
+
        color: #A60901;
-
padding: 4px 10px;
+
}
-
width: 57px;
+
-
background: #FFB674;
+
-
color: #000;
+
-
text-align: center;
+
-
text-decoration: none}
+
-
#menu li a:hover
+
#menu li:hover > a
-
{ background: #269434}
+
{
 +
        color: #A60901;
 +
}
-
#menu div
+
#menu li:hover > ul
-
{ position: absolute;
+
{
-
visibility: hidden;
+
        display: block;
-
margin: 0;
+
}
-
padding: 0;
+
-
background: #FFB674;
+
-
border: 1px solid #000}
+
-
#menu div a
+
/* Sub-menu */
-
{ position: relative;
+
-
display: block;
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
width: auto;
+
-
white-space: nowrap;
+
-
text-align: left;
+
-
text-decoration: none;
+
-
background: #FFB674;
+
-
color: #000;
+
-
font: 11px tahoma}
+
-
#menu div a:hover
+
#menu ul
-
{ background: #269434;
+
{
-
color: #000}
+
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    display: none;
 +
    position: absolute;
 +
    top: 35px;
 +
    left: 15px;
 +
    z-index: 99999;
 +
    background: #A60901;
 +
}
-
// Copyright 2006-2007 javascript-array.com
+
#menu ul li
 +
{
 +
    float: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    display: block;
 +
    -moz-box-shadow: 0 0px 0 #111111, 0 0px 0 #777777;
 +
    -webkit-box-shadow: 0 0px 0 #111111, 0 0px 0 #777777;
 +
    box-shadow: 0 0px 0 #111111, 0 0px 0 #777777;
 +
}
-
var timeout = 500;
+
#menu ul li:last-child
-
var closetimer = 0;
+
{
-
var ddmenuitem = 0;
+
    -moz-box-shadow: none;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
}
-
// open hidden layer
+
#menu ul a
-
function mopen(id)
+
{
-
{
+
    padding: 10px;
-
// cancel close timer
+
        height: auto;
-
mcancelclosetime();
+
    line-height: 1;
 +
    display: block;
 +
color: #ffffff;
 +
    white-space: nowrap;
 +
    float: none;
 +
        text-transform: none;
 +
}
-
// close old layer
+
*html #menu ul a /* IE6 */
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
{
 +
        height: 10px;
 +
        width: 150px;
 +
}
-
// get new layer and show it
+
*:first-child+html #menu ul a /* IE7 */
-
ddmenuitem = document.getElementById(id);
+
{
-
ddmenuitem.style.visibility = 'visible';
+
        height: 10px;
 +
        width: 150px;
 +
}
 +
#menu ul a:hover
 +
{
 +
    background: #fff;
}
}
-
// close showed layer
+
 
-
function mclose()
+
#menu ul li:first-child a
{
{
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
    -moz-border-radius: 15px 15px 0 0;
 +
    border-radius: 15px 15px 0 0;
}
}
-
// go close timer
+
#menu ul li:first-child a:after
-
function mclosetime()
+
{
{
-
closetimer = window.setTimeout(mclose, timeout);
+
    content: '';
 +
    position: absolute;
 +
    left: 10px;
 +
    top: -8px;
 +
    width: 0;
 +
    height: 0;
 +
    border-left: 15px solid transparent;
 +
    border-right: 15px solid transparent;
 +
    border-bottom: 8px solid #000;
}
}
-
// cancel close timer
+
#menu ul li:first-child a:hover:after
-
function mcancelclosetime()
+
{
{
-
if(closetimer)
+
    border-bottom-color: #060606;
-
{
+
-
window.clearTimeout(closetimer);
+
-
closetimer = null;
+
-
}
+
}
}
-
// close layer when click-out
+
#menu ul li:last-child a
-
document.onclick = mclose;  
+
{
 +
    -moz-border-radius: 0 0 15px 15px;
 +
    border-radius: 0 0 15px 15px;
 +
}
 +
 
 +
/* Clear floated elements */
 +
#menu:after
 +
{
 +
        visibility: hidden;
 +
        display: block;
 +
        font-size: 0;
 +
        content: " ";
 +
        clear: both;
 +
        height: 0;
 +
}
 +
 
 +
* html #menu            { zoom: 1; } /* IE6 */
 +
*:first-child+html #menu { zoom: 1; } /* IE7 */
 +
 
 +
/* Menu END */
 +
 
 +
h1 {
 +
  color: #A60901;
 +
}
 +
 
 +
h2 {
 +
  color: #A60901;
 +
}
 +
 
 +
h3 {
 +
  color: #A60901;
 +
}
</style>
</style>
</head>
</head>
 +
<body>
<body>
 +
 +
<map name="headermap">
 +
  <area shape="rect" coords="740,100,950,200" href="http://www.igem.org/Main_Page" />
 +
  <area shape="rect" coords="750,10,800,70" href="http://ubc.ca/" />
 +
</map>
 +
 +
<div id="wrap">
 +
<div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/9/98/Ubcigemheader4.jpg" usemap="#headermap" alt="UBC iGEM 2011 header"> </div>
 +
<div id="left">
 +
<ul id="menu">
<ul id="menu">
-
     <li><a href="https://2011.igem.org/Team:British_Columbia">home</a>
+
     <li><a href="https://2011.igem.org/Team:British_Columbia">Home</a></li>
 +
    <li><a href="https://2011.igem.org/Team:British_Columbia/Team">Team</a>
 +
      <ul>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/Members">Team Members</a></li>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/Advisors">Advisors</a></li>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/University">Where We Live</a></li>
 +
        <li><a href="https://igem.org/Team.cgi?id=517">Official Profile</a></li>
 +
      </ul>
 +
</li>
 +
    <li><a>Project</a>
 +
      <ul>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/Abstract">Abstract</a></li>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/Story">The Story</a></li>
 +
        <li><a href="https://2011.igem.org/Team:British_Columbia/Objectives">Objectives</a></li>
 +
      </ul>
     </li>
     </li>
-
     <li><a href="https://2011.igem.org/Team:British_Columbia/Team"
+
     <li><a>Achievements</a>
-
        onmouseover="mopen('m2')"
+
      <ul>
-
        onmouseout="mclosetime()">team</a>
+
        <li><a href="https://2011.igem.org/Team:British_Columbia/Accomplishments">Achievements</a></li>
-
         <div id="m2"
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Parts">Parts</a></li>
-
            onmouseover="mcancelclosetime()"
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Data">Data</a></li>
-
            onmouseout="mclosetime()">
+
<li><a href="https://2011.igem.org/Team:British_Columbia/Americas">Americas Jamboree</a></li>
-
         <a href="https://2011.igem.org/Team:British_Columbia/People">people</a>
+
      </ul>
-
        <a href="https://2011.igem.org/Team:British_Columbia/Location">location</a>
+
-
        </div>
+
     </li>
     </li>
-
     <li><a href="https://2011.igem.org/Team:British_Columbia/Project"
+
     <li><a>Notebook</a>
-
        onmouseover="mopen('m2')"
+
      <ul>
-
        onmouseout="mclosetime()">project</a>
+
<li><a href="https://2011.igem.org/Team:British_Columbia/Notebook">Notebook</a></li>
-
        <div id="m2"
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Protocol">Protocols</a></li>
-
            onmouseover="mcancelclosetime()"
+
      </ul>
-
            onmouseout="mclosetime()">
+
</li>
-
        <a href="https://2011.igem.org/Team:British_Columbia/Abstract">abstract</a>
+
    <li><a href="https://2011.igem.org/Team:British_Columbia/Safety">Safety</a></li>
-
         <a href="https://2011.igem.org/Team:British_Columbia/Background">background</a>
+
     <li><a href="https://2011.igem.org/Team:British_Columbia/Modeling">Modeling</a>
-
        <a href="https://2011.igem.org/Team:British_Columbia/Objectives">objectives</a>
+
      <ul>
-
        <a href="https://2011.igem.org/Team:British_Columbia/Application">application</a>
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Model2">Beetle Epidemic</a></li>
-
        </div>
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Model1">Monoterpene Production</a></li>
-
    </li>
+
         <li><a href="https://2011.igem.org/Team:British_Columbia/Model3">Synthase Structure</a></li>
-
     <li><a href="https://2011.igem.org/Team:British_Columbia/Results"
+
      </ul>
-
        onmouseover="mopen('m2')"
+
</li>
-
        onmouseout="mclosetime()">results</a>
+
     <li><a href="https://2011.igem.org/Team:British_Columbia/HP">Human practices</a>
-
        <div id="m2"
+
<ul>
-
            onmouseover="mcancelclosetime()"
+
        <li><a href="https://2011.igem.org/Team:British_Columbia/Mentorship">Mentorship</a></li>
-
            onmouseout="mclosetime()">
+
        <li><a href="https://2011.igem.org/Team:British_Columbia/Wild">Synthetic Biology Gone Wild</a></li>
-
         <a href="https://2011.igem.org/Team:British_Columbia/Parts">submitted parts</a>
+
        <li><a href="https://2011.igem.org/Team:British_Columbia/Perceptions">Public Perceptions</a></li>
-
         <a href="https://2011.igem.org/Team:British_Columbia/Characterized">characterized parts</a>
+
    </ul>
-
         <a href="https://2011.igem.org/Team:British_Columbia/Achievements">achievements</a>
+
</li>
-
        </div>
+
     <li><a href="https://2011.igem.org/Team:British_Columbia/Sponsors">Acknowledgements</a></li>
-
    </li>
+
-
     <li><a href="https://2011.igem.org/Team:British_Columbia/Notebook">notebook</a></li>
+
-
    <li><a href="https://2011.igem.org/Team:British_Columbia/Safety">safety</a></li>
+
-
    <li><a href="https://2011.igem.org/Team:British_Columbia/Modeling">modeling</a></li>
+
-
    <li><a href="https://2011.igem.org/Team:British_Columbia/Human_Practices">human practices</a></li>
+
-
     <li><a href="https://2011.igem.org/Team:British_Columbia/Sponsors">sponsors</a></li>
+
</ul>
</ul>
-
<div style="clear:both"></div>
 
-
<div id="empty"></div>
 
</body>
</body>
 +
</html>
</html>

Latest revision as of 21:20, 27 October 2011

Team: British Columbia - 2011.igem.org