Template:CSU Template 1 top

From 2012.igem.org

(Difference between revisions)
 
(227 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<!--
 +
 +
 +
 +
***************************************************************
 +
***************************************************************
 +
*********STOP! BEFORE YOU STEAL MY CODE, READ THIS!************
 +
***************************************************************
 +
***************************************************************
 +
 +
2012 Colorado State iGEM Team Wiki Site
 +
 +
by Ethan Ho - Ethan.N.Ho@Gmail.com
 +
 +
All code is original, except the dropdown menu, which is modified
 +
code.
 +
 +
Do not copy or in any way, shape, or form, use any of this code
 +
without the explicit permission of Ethan Ho (reachable by above
 +
E-mail).  I'll probably say yes.
 +
 +
Be a good person. Obey the rules.
 +
 +
Peace out,
 +
 +
Ethan
 +
 +
 +
 +
-->
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
.editbutton {
 +
visibility: hidden;
 +
width: 0;
 +
height: 0;
 +
}
 +
 +
/*
 +
If you want to edit each individual page, uncomment the following
 +
line of code to reveal the handy "Edit page" buttons!
 +
*/
 +
 +
.editbutton {visibility: visible; width: auto; height: auto;}
/*********NOTES*********
/*********NOTES*********
Line 41: Line 84:
body {
body {
-
background: url(https://static.igem.org/mediawiki/2012/2/20/Beer1.png) top left fixed;
+
background: url(https://static.igem.org/mediawiki/2012/2/20/Beer1.png) top left fixed #DC8800;
background-size: 100% 100%;
background-size: 100% 100%;
height: 100%;
height: 100%;
Line 52: Line 95:
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
        margin-bottom: 100px;
+
    margin-bottom: 100px;
padding: 0;
padding: 0;
-
width: 900px;
+
width: 800px;
height: auto;
height: auto;
border: none;
border: none;
Line 67: Line 110:
width: 100%;
width: 100%;
bottom: 0;
bottom: 0;
 +
z-index: 1;
}
}
#content_main {
#content_main {
-
padding: 40px;
+
padding: 40px;
-
}
+
padding-top: 0;
-
 
+
-
#side_bar {
+
-
position: fixed;
+
-
top: 100px;
+
-
left: 0;
+
-
width: 240px;
+
-
height: 300px;
+
-
z-index: 100;
+
-
cursor: pointer;
+
-
background: url(https://lh3.googleusercontent.com/-MtUojiC0LkI/UAWcImGPUPI/AAAAAAAAALw/wRt50IIRqwM/s300/tap1.png) no-repeat top left;
+
-
}
+
-
 
+
-
#side_bar:hover {
+
-
background: url(https://lh5.googleusercontent.com/-Lw3nwfFW7ws/UAWcI8XQ4ZI/AAAAAAAAAL4/W7-l1JR20TU/s300/tap2.png) no-repeat top left;
+
}
}
Line 100: Line 130:
}
}
-
#content_main h1, h2, h3, h4, h5 {
+
#content_main h1, #content_main  h2, #content_main  h3, #content_main  h4, #content_main  h5 {
-
line-height: 200%;
+
margin-bottom: 12px;
 +
padding: 12px;
 +
border: none;
border-bottom: solid 1px #CCC;
border-bottom: solid 1px #CCC;
 +
line-height: 120%;
 +
}
 +
 +
#content_main img {
 +
border: 2px solid #CCC;
}
}
#content_main ol, #content_main ul {
#content_main ol, #content_main ul {
-
        margin-left: 50px;
+
margin-left: 50px;
}
}
-
#content_main table img {
+
#content_main ul {
-
        height: 70px;
+
list-style-image: url(https://lh4.googleusercontent.com/-mBAWcl14kCU/UAnEUwoTYmI/AAAAAAAAARs/Ow4zMrbuRNc/s6/bullet.png);
-
        width: auto;
+
}
}
-
#content_main table {
+
#content_main td {
-
        background: white;
+
padding: 10px;
-
        color: #999;
+
width: 50%;
}
}
#content_main table, #content_main th, #content_main td {
#content_main table, #content_main th, #content_main td {
-
        border: solid #999 2px;
+
background: none;
 +
border: none;
 +
}
 +
 
 +
#content_main table * {
 +
color: #CCC;
}
}
Line 130: Line 171:
left: 0;
left: 0;
width: 100%;
width: 100%;
-
height: 200px;
+
height: 270px;
 +
overflow: hidden;
}
}
.slide {
.slide {
position: absolute;
position: absolute;
-
width: 100%;
+
right: 0;
 +
float: right;
 +
width: auto;
height: 100%;
height: 100%;
}
}
Line 166: Line 210:
position: absolute;
position: absolute;
overflow: hidden;
overflow: hidden;
-
width: 300px;
+
width: 267px;
display: none;
display: none;
background: #E9B300; /*******COLOR*******/
background: #E9B300; /*******COLOR*******/
-
z-index: 200;
+
z-index: 4;
opacity: 0;
opacity: 0;
}
}
#menu_bar ul {
#menu_bar ul {
-
width: 296px;
+
width: 263px;
border: 2px solid #925F00; /*******COLOR*******/
border: 2px solid #925F00; /*******COLOR*******/
list-style: none;
list-style: none;
Line 195: Line 239:
#menu_bar a:hover {
#menu_bar a:hover {
background: #F1C900; /*******COLOR*******/
background: #F1C900; /*******COLOR*******/
 +
}
 +
 +
.leftBorder {
 +
border-left: solid 2px #CCC;
}
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
 +
//newOpac: sets new opacity
//*******************************************************************
//*******************************************************************
//************************SLIDESHOW SCRIPT***************************
//************************SLIDESHOW SCRIPT***************************
//*******************************************************************
//*******************************************************************
-
 
-
//Finds the next slide and returns its 'slide' + x id.
 
-
function getNextSlide(curElemID) {
 
-
 
-
var nextElem = document.getElementById('slide' + (curElemID + 1));
 
-
if (nextElem) {
 
-
var nextElemID = curElemID + 1;
 
-
} else {
 
-
var nextElemID = 1;
 
-
} //end if
 
-
 
-
return nextElemID;
 
-
 
-
} //end function getNextSlide
 
-
 
-
//Changes menu_bar element in coordination with slides
 
-
function menuBar(curElemID) {
 
-
 
-
nextElemID = getNextSlide(curElemID);
 
-
var curMenuElem = document.getElementById(curElemID + '-ddheader');
 
-
var nextMenuElem = document.getElementById(nextElemID + '-ddheader');
 
-
 
-
//menu_bar item change actions go here
 
-
nextMenuElem.style.background = '#DC8800'; /*******COLOR*******/
 
-
 
-
//Change last menu_bar item back to its normal state
 
-
curMenuElem.style.background = '#925F00'; /*******COLOR*******/
 
-
 
-
} //end function menuBar
 
//Performs fade animation; main function
//Performs fade animation; main function
function fade(curElemID,isFading) {
function fade(curElemID,isFading) {
-
//Length that each slide shows before fade (in milliseconds)
+
//length that each slide shows before fade (in milliseconds)
-
var slideTime = 2000;
+
var slideStayTime = 3000;
-
//Length of fade (milliseconds)
+
//length of fade (milliseconds)
-
var fadeTime = 1000;
+
var fadeTime = 800;
-
//Fade Increments: > means smoother, more CPU-intensive transition
+
//number of fade loops: > means smoother, more CPU-intensive transition
-
var fadeInc = 10;
+
var numFadeLoops = 8;
//In order for fade to work correctly, opacity must be rounded to
//In order for fade to work correctly, opacity must be rounded to
//the appropriate number of decimal places.  roundTo defines this.
//the appropriate number of decimal places.  roundTo defines this.
-
//For fadeInc < 20, roundTo = 1 will suffice.  roundNum is the  
+
//For numFadeLoops < 20, roundTo = 1 will suffice.  roundNum is the  
//functional form.
//functional form.
var roundTo = 1;
var roundTo = 1;
Line 268: Line 288:
//next slide in the corresponding z-index (2).  Slides that are
//next slide in the corresponding z-index (2).  Slides that are
//neither the current or next slide should have z-index = 1.
//neither the current or next slide should have z-index = 1.
-
curElem.style.zIndex = 30;
+
curElem.style.zIndex = 3;
-
nextElem.style.zIndex = 20;
+
nextElem.style.zIndex = 2;
//Sets a preliminary opacities. Optional
//Sets a preliminary opacities. Optional
curElem.style.opacity = 1;
curElem.style.opacity = 1;
 +
curElem.style.filter = 'alpha(opacity=100)';
nextElem.style.opacity = 1;
nextElem.style.opacity = 1;
 +
nextElem.style.filter = 'alpha(opacity=100)';
} //end if
} //end if
//Fades out the current slide if it is not already completely faded yet
//Fades out the current slide if it is not already completely faded yet
-
if (curElem.style.opacity > 0) {
+
if (parseFloat(curElem.style.opacity) > 0) {
//Sets new opacity and reruns the function
//Sets new opacity and reruns the function
-
var newOpac = (Math.round(roundNum * (curElem.style.opacity - (1/fadeInc)))) / roundNum;
+
var newOpac = (Math.round(roundNum * (parseFloat(curElem.style.opacity) - (1/numFadeLoops)))) / roundNum;
curElem.style.opacity = newOpac;
curElem.style.opacity = newOpac;
-
setTimeout('fade(' + curElemID + ')', (fadeTime/fadeInc));
+
curElem.style.filter = 'alpha(opacity=' + (newOpac * 100) + ')';
 +
setTimeout(function(){fade(curElemID)}, (fadeTime/numFadeLoops));
//Current slide has faded completely
//Current slide has faded completely
Line 289: Line 312:
//Sets the current slide to a hidden state with full opacity
//Sets the current slide to a hidden state with full opacity
-
curElem.style.zIndex = 10;
+
curElem.style.zIndex = 1;
curElem.style.opacity = 1;
curElem.style.opacity = 1;
 +
curElem.style.filter = 'alpha(opacity=100)';
//Sets next slide element.  If there is no next slide,
//Sets next slide element.  If there is no next slide,
Line 298: Line 322:
//Starts next fade.  isFading = false is a required parameter
//Starts next fade.  isFading = false is a required parameter
-
setTimeout('fade(' + nextElemID + ',false)',slideTime);
+
setTimeout(function(){fade(nextElemID, false)}, slideStayTime);
//Menu bar functions
//Menu bar functions
Line 307: Line 331:
} //end function fade
} //end function fade
-
</script>
+
//Finds the next slide and returns its 'slide' + x id.
-
<script type="text/javascript">
+
function getNextSlide(curElemID) {
 +
 +
var nextElem = document.getElementById('slide' + (curElemID + 1));
 +
if (nextElem) {
 +
var nextElemID = curElemID + 1;
 +
} else {
 +
var nextElemID = 1;
 +
} //end if
 +
 +
return nextElemID;
 +
 +
} //end function getNextSlide
 +
 
 +
//Changes menu_bar element in coordination with slides
 +
function menuBar(curElemID) {
 +
 +
nextElemID = getNextSlide(curElemID);
 +
var curMenuElem = document.getElementById('ddHeader' + curElemID);
 +
var nextMenuElem = document.getElementById('ddHeader' + nextElemID);
 +
 +
//menu_bar item change actions go here
 +
nextMenuElem.style.background = '#DC8800'; /*******COLOR*******/
 +
 +
//Change last menu_bar item back to its normal state
 +
curMenuElem.style.background = '#925F00'; /*******COLOR*******/
 +
 +
} //end function menuBar
//*******************************************************************
//*******************************************************************
Line 314: Line 364:
//*******************************************************************
//*******************************************************************
-
var DDSPEED = 10;
+
var ddspeed = 10;
-
var DDTIMER = 15;
+
var ddtimer = 15;
-
// main function to handle the mouse events //
+
//Main function to handle the mouse events
-
function ddMenu(id,d){
+
function ddMain(id, direction) {
-
  var h = document.getElementById(id + '-ddheader');
+
-
  var c = document.getElementById(id + '-ddcontent');
+
var headerElem = document.getElementById('ddHeader' + id);
-
  clearInterval(c.timer);
+
var contentElem = document.getElementById('ddContent' + id);
-
  if(d == 1){
+
clearInterval(contentElem.timer);
-
clearTimeout(h.timer);
+
-
if (c.maxh <= c.offsetHeight) {
+
if (direction == 1) {
-
if (c.maxh) {
+
clearTimeout(headerElem.timer);
-
return;
+
if (contentElem.maxh <= contentElem.offsetHeight) {
-
}
+
if (contentElem.maxh) {
-
}
+
return;
-
else if(!c.maxh){
+
} //end if
-
  c.style.display = 'block';
+
} else if (!contentElem.maxh) {
-
  c.style.height = 'auto';
+
contentElem.style.display = 'block';
-
  c.maxh = c.offsetHeight;
+
contentElem.style.height = 'auto';
-
  c.style.height = '0px';
+
contentElem.maxh = contentElem.offsetHeight;
-
}
+
contentElem.style.height = '0px';
-
c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
+
} //end if
-
  }else{
+
contentElem.timer = setInterval(function(){ddSlide(contentElem,1)},ddtimer);
-
h.timer = setTimeout(function(){ddCollapse(c)},50);
+
} else {
-
  }
+
headerElem.timer = setTimeout(function(){ddCollapse(contentElem)},50);
-
}
+
} //end if
 +
 +
} //end function ddMain
-
// collapse the menu //
+
//Collapse menu
-
function ddCollapse(c){
+
function ddCollapse(contentElem) {
-
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
+
-
}
+
contentElem.timer = setInterval(function(){ddSlide(contentElem, -1)},ddtimer);
 +
 +
} //end function ddCollapse
-
// cancel the collapse if a user rolls over the dropdown //
+
//Cancel the collapse if a user rolls over the dropdown
-
function cancelHide(id){
+
function cancelCollapse(id) {
-
  var h = document.getElementById(id + '-ddheader');
+
-
  var c = document.getElementById(id + '-ddcontent');
+
var headerElem = document.getElementById('ddHeader' + id);
-
  clearTimeout(h.timer);
+
var contentElem = document.getElementById('ddContent' + id);
-
  clearInterval(c.timer);
+
clearTimeout(headerElem.timer);
-
  if(c.offsetHeight < c.maxh){
+
clearInterval(contentElem.timer);
-
c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
+
-
  }
+
if (contentElem.offsetHeight < contentElem.maxh) {
 +
contentElem.timer = setInterval(function(){ddSlide(contentElem,1)}, ddtimer);
 +
} //end if
 +
}
}
-
// incrementally expand/contract the dropdown and change the opacity //
+
//Incrementally expand/contract the dropdown and change the opacity
-
function ddSlide(c,d){
+
function ddSlide(contentElem,direction) {
-
  var currh = c.offsetHeight;
+
-
  var dist;
+
var curHeight = contentElem.offsetHeight;
-
  if(d == 1){
+
-
dist = (Math.round((c.maxh - currh) / DDSPEED));
+
if (direction == 1) {
-
  }else{
+
distance = Math.round((contentElem.maxh - curHeight) / ddspeed);
-
dist = (Math.round(currh / DDSPEED));
+
} else {
-
  }
+
distance = Math.round(curHeight / ddspeed);
-
  if(dist <= 1){
+
} //end if
-
  if ( d == 1) {
+
-
  dist = 1;
+
if (distance <= 1) {
-
  }
+
if (direction == 1) {
-
  }
+
distance = 1;
-
  c.style.height = currh + (dist * d) + 'px';
+
} //end if
-
  c.style.opacity = currh / c.maxh;
+
} //end if
-
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
+
-
  if (currh < 2) {
+
contentElem.style.height = curHeight + (distance * direction) + 'px';
-
if (d != 1) {
+
contentElem.style.opacity = curHeight / contentElem.maxh;
-
clearInterval(c.timer);
+
contentElem.style.filter = 'alpha(opacity=' + (curHeight * 100 / contentElem.maxh) + ')';
-
}
+
-
  } else if (currh > (c.maxh - 2)) {
+
if (curHeight < 2) {
-
if (d == 1) {
+
if (direction != 1) {
-
clearInterval(c.timer);
+
clearInterval(contentElem.timer);
-
}
+
} //end if
-
  }
+
} else if (curHeight > (contentElem.maxh - 2)) {
-
}
+
if (direction == 1) {
 +
clearInterval(contentElem.timer);
 +
} //end if
 +
} //end if
 +
} //end function ddSlide
 +
 
 +
//*******************************************************************
 +
//************************MISC FUNCTIONS*****************************
 +
//*******************************************************************
 +
 
 +
//Javascript link function
 +
function linkTo(url) {
 +
 
 +
window.location.href = url;
 +
 
 +
} //end function linkTo
 +
 
 +
//Simple function that performs startup scripts when prompted
 +
function startFunctions () {
 +
 +
setTimeout('fade(1,false)', 2000);
 +
menuBar(0);
 +
 +
} //end function startFunctions
</script>
</script>
</head>
</head>
-
<body onLoad="fade(1,false); menuBar(0);">
+
<body>
 +
<img src="https://lh6.googleusercontent.com/-1Q-9hddFWuI/UCGVfn6W4wI/AAAAAAAAAVQ/e7PcCnXWO8o/s500/igem_home_logo.png" width="100" height="100" style="position: fixed; top: 10px; right: 10px; cursor: pointer;" onClick="linkTo('https://2012.igem.org/Main_Page')" />
 +
<div style="border: solid red 1px;" id="menubar"></div>
     <a id="side_bar" href="https://2012.igem.org/Team:Colorado_State/Safety"></a>
     <a id="side_bar" href="https://2012.igem.org/Team:Colorado_State/Safety"></a>
     <div id="content_top">
     <div id="content_top">
         <div id="slideshow">
         <div id="slideshow">
-
            <img src="https://lh3.googleusercontent.com/-ZigNmO_3Dg4/UAWcIJbtgZI/AAAAAAAAALg/istDqjXyEk8/s832/csu_logo.png" style="position: absolute; z-index: 200; width: 200px; top: 20px; right: 20px;" />
+
        <div style="position: absolute; top: 0; left: 0; height: 100%; width: 55%; z-index: 4; background: url(https://lh4.googleusercontent.com/-DDU8elUPsNM/UAm_sNRqnMI/AAAAAAAAARE/1Z2Xnvq4J1A/s600/fade1.png) top left; background-size: 100% 100%;">
-
             <img id="slide1" class="slide" src="https://lh4.googleusercontent.com/-icdH9nCgILg/UAWcJDs6qlI/AAAAAAAAAMA/I9cf4OFNE9E/s800/temp1.jpg" style="z-index: 30;" />
+
            <a href="https://2012.igem.org/Team:Colorado_State">
-
             <img id="slide2" class="slide" src="https://lh5.googleusercontent.com/-jdDeA36YR_A/UAWcJqulWEI/AAAAAAAAAMU/qAn0y-b6j1w/s912/temp2.jpg" />
+
                    <div style="position: relative; top: 30px; left: 10px; border: solid red 1px; height: 220px; width: 287.65px; border: none; background: url(https://lh3.googleusercontent.com/-31sRsyZb5LU/UCKUYpC-gMI/AAAAAAAAAVk/MiL9X1XsNQ0/s640/logo2.png) no-repeat left; background-size: auto 100%;">
-
             <img id="slide3" class="slide" src="https://lh3.googleusercontent.com/--Ra__21nthQ/UAWcJVWY7CI/AAAAAAAAAME/lrW_S_gHgL8/s800/temp3.jpg" />
+
                        <img src="http://picasion.com/pic56/66eccba80910fafd431232af43e6e48f.gif" style="position: absolute; top: 12%; left: 28%; height: 22%; width: auto;" />
 +
                        <img src="http://picasion.com/pic56/2f058d1a44eeb5749a3117dd586e79d6.gif" style="position: absolute; top: 26%; left: 21%; height: 12%; width: auto;" />
 +
                        <img src="http://picasion.com/pic56/fc61f0752651a6be3920ad3917e72fa2.gif" style="position: absolute; top: 42%; left: 1.5%; height: 12%; width: auto;" />
 +
                    </div>
 +
                </a>
 +
            </div>
 +
             <img id="slide1" class="slide" src="https://lh6.googleusercontent.com/-HUO1pRHwGn8/UA6_152AUUI/AAAAAAAAAUg/NIAPTu0rJeo/s912/slide2.jpg" style="z-index: 3;" />
 +
             <img id="slide2" class="slide" src="https://lh4.googleusercontent.com/-wv_cz741rxA/UA6_2SesX8I/AAAAAAAAAUo/kIBZr3Ydpi4/s912/slide1.jpg" />
 +
             <img id="slide3" class="slide" src="https://lh4.googleusercontent.com/-Atg7LS0jvu8/UA7Br49KLMI/AAAAAAAAAU8/LyqAernMIrM/s600/Brewery2-large.jpeg" />
         </div>
         </div>
         <table id="menu_bar" cellspacing="0">
         <table id="menu_bar" cellspacing="0">
Line 400: Line 490:
             <td>
             <td>
             <dl>
             <dl>
-
                 <dt id="1-ddheader" onMouseOver="ddMenu('1',1)" onMouseOut="ddMenu('1',-1)">Project Brew</dt>
+
                 <dt id="ddHeader1" onClick="linkTo('https://2012.igem.org/Team:Colorado_State')">Home</dt>
-
                <dd id="1-ddcontent" onMouseOver="cancelHide('1')" onMouseOut="ddMenu('1',-1)">
+
              <dd id="ddContent1">
                     <ul>
                     <ul>
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State">Home</a></li>
+
                    <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Home</a></li>
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Project</a></li>
+
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Parts">Parts Submitted to the Registry</a></li>
+
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Modeling">Modeling</a></li>
+
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Notebook">Team Notebook</a></li>
+
-
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Safety">Safety</a></li>
+
                     </ul>
                     </ul>
                 </dd>
                 </dd>
             </dl>
             </dl>
-
            </td>
+
        </td>
             <td>
             <td>
             <dl>
             <dl>
-
                 <dt id="2-ddheader" onMouseOver="ddMenu('2',1)" onMouseOut="ddMenu('2',-1)">The Brew</dt>
+
                 <dt id="ddHeader2" class="leftBorder" onMouseOver="ddMain(2,1)" onMouseOut="ddMain(2)">The Brew</dt>
-
                 <dd id="2-ddcontent" onMouseOver="cancelHide('2')" onMouseOut="ddMenu('2',-1)">
+
                 <dd id="ddContent2" onMouseOver="cancelCollapse(2)" onMouseOut="ddMain(2)">
                     <ul>
                     <ul>
-
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Sponsors">Sponsors</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Project Summary</a></li>
-
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Attributions">Attributions</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Parts">Parts Submitted to the Registry</a></li>
-
                         <li><a href="#">Navigation Item 3</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Results">Results</a></li>
-
                         <li><a href="#">Navigation Item 4</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Safety">Safety</a></li>
-
                         <li><a href="#">Navigation Item 5</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Notebook">Team Notebook</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Calendar">Calendar</a></li>
                     </ul>
                     </ul>
                 </dd>
                 </dd>
Line 429: Line 516:
             <td>
             <td>
             <dl>
             <dl>
-
                 <dt id="3-ddheader" onMouseOver="ddMenu('3',1)" onMouseOut="ddMenu('3',-1)">The Brewers</dt>
+
                 <dt id="ddHeader3" class="leftBorder" onMouseOver="ddMain(3,1)" onMouseOut="ddMain(3)">The Brewers</dt>
-
                 <dd id="3-ddcontent" onMouseOver="cancelHide('3')" onMouseOut="ddMenu('3',-1)">
+
                 <dd id="ddContent3" onMouseOver="cancelCollapse(3)" onMouseOut="ddMain(3)">
                     <ul>
                     <ul>
-
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Team">Team</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Team">Meet the Students</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Instructors">Meet the Instructors</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Advisors">Meet the Advisors</a></li>
                         <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Colorado_State">Official Team Page</a></li>
                         <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Colorado_State">Official Team Page</a></li>
-
                         <li><a href="#">Navigation Item 3</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Sponsors">Sponsors</a></li>
-
                         <li><a href="#">Navigation Item 4</a></li>
+
                         <li><a href="https://2012.igem.org/Team:Colorado_State/Attributions">Attributions</a></li>
-
                        <li><a href="#">Navigation Item 5</a></li>
+
                     </ul>
                     </ul>
                 </dd>
                 </dd>
Line 444: Line 532:
         </table>
         </table>
     </div>
     </div>
 +
<script type="text/javascript">startFunctions();</script>
     <div id="content_main">
     <div id="content_main">
-
        <a href="https://2012.igem.org/wiki/index.php?title=Template:CSU_Template_1_top&action=edit">Edit top template</a>
+
</html>
-
        <br>
+
-
        <a href="https://2012.igem.org/wiki/index.php?title=Template:CSU_Template_1_bottom&action=edit">Edit bottom template</a>
+
-
        <br>
+
-
        <a href="http://rclouse145.wix.com/2012csuigem#!home/mainPage">http://rclouse145.wix.com/2012csuigem#!home/mainPage</a>
+
-
        <br>
+

Latest revision as of 14:25, 1 July 2013

Retrieved from "http://2012.igem.org/Template:CSU_Template_1_top"