Team:Harvard/Template:PracticeBar

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
+
<head>
 +
<title>bar</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 +
<!-- Save for Web Styles (bar.psd) -->
<style type="text/css">
<style type="text/css">
 +
<!--
-
html
+
#Table_01 {
-
{  
+
position:absolute;
-
overflow: -moz-scrollbars-vertical !important;  
+
left:0px;
 +
top:0px;
 +
width:1000px;
 +
height:85px;
}
}
-
body
+
#bar-normal-01-norm {
-
{
+
position:absolute;
-
background-color: white ;
+
left:0px;
-
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
+
top:0px;
-
background-position: left top;  
+
width:119px;
-
background-repeat: repeat-x;  
+
height:85px;
-
background-attachment: fixed;
+
-
 
+
}
}
-
#boxcolor
+
#bar-normal-02-norm {
-
{
+
position:absolute;
-
background-color: #FF00FF;
+
left:119px;
-
 
+
top:0px;
 +
width:108px;
 +
height:85px;
}
}
-
 
+
#bar-normal-03-norm {
-
#contentSub {
+
position:absolute;
-
display:none;
+
left:227px;
 +
top:0px;
 +
width:110px;
 +
height:85px;
}
}
-
#siteSub {
+
#bar-normal-04-norm {
-
display:none;
+
position:absolute;
 +
left:337px;
 +
top:0px;
 +
width:109px;
 +
height:85px;
}
}
-
#search-controls {
+
#bar-normal-05-norm {
-
display:none;
+
position:absolute;
 +
left:446px;
 +
top:0px;
 +
width:108px;
 +
height:85px;
}
}
-
.firstHeading {
+
#bar-normal-06-norm {
-
display:none;
+
position:absolute;
 +
left:554px;
 +
top:0px;
 +
width:109px;
 +
height:85px;
}
}
-
#search-controls {
+
#bar-normal-07-norm {
-
margin-top:0px;
+
position:absolute;
 +
left:663px;
 +
top:0px;
 +
width:109px;
 +
height:85px;
}
}
-
#footer-box {
+
#bar-normal-08-norm {
-
display:none;
+
position:absolute;
 +
left:772px;
 +
top:0px;
 +
width:108px;
 +
height:85px;
}
}
-
#top-section {
+
#bar-normal-09-norm {
-
height: 20px;
+
position:absolute;
-
border-left: none;
+
left:880px;
-
border-right: none;
+
top:0px;
 +
width:120px;
 +
height:85px;
}
}
-
.left-menu {
+
-->
-
margin-top:-12px;
+
</style>
 +
<!-- End Save for Web Styles -->
 +
<script type="text/javascript">
 +
<!--
 +
function MM_preloadImages() { //v3.0
 +
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 +
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 +
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
}
-
.right-menu {
+
function MM_swapImgRestore() { //v3.0
-
margin-top:-12px;
+
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
}
-
.left-menu ul {
+
function MM_findObj(n, d) { //v4.01
-
border: none;
+
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 +
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 +
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 +
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 +
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
}
-
#menubar li a {
+
function MM_swapImage() { //v3.0
-
color:#8C8984;
+
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
-
        background-color:transparent;
+
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
}
-
 
+
//-->
-
.left-menu {
+
</script>
-
left:0;
+
</head>
-
padding-left: 0px;
+
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;" onLoad="MM_preloadImages('images/bar-mouseover_01_norm.png')">
-
}
+
<!-- Save for Web Slices (bar.psd) -->
-
.right-menu  {
+
<div id="Table_01">
-
right:0;
+
<div id="bar-normal-01-norm">
-
       
+
<img src="images/bar-normal_01_norm.png" alt="" name="home" width="119" height="85" id="home"
-
}
+
onMouseOver="MM_swapImage('home','','images/bar-mouseover_01_norm.png',1)"
-
 
+
onMouseDown="MM_swapImage('home','','images/bar-onclick_01_norm.png',1)"
-
.firstHeading { display:none; }
+
onMouseOut="MM_swapImgRestore()"
-
}
+
onMouseUp="MM_swapImgRestore()">
-
 
+
  </div>
-
#menubar{
+
<div id="bar-normal-02-norm">
-
color: #transparent;
+
<img src="images/bar-normal_02_norm.png" alt="" name="project" width="108" height="85" id="project"
-
}
+
onMouseOver="MM_swapImage('project','','images/bar-mouseover_02_norm.png',1)"
-
 
+
onMouseDown="MM_swapImage('project','','images/bar-onclick_02_norm.png',1)"
-
#menubar.right-menu {
+
onMouseOut="MM_swapImgRestore()"
-
margin-top:-12px;
+
onMouseUp="MM_swapImgRestore()">
-
}
+
  </div>
-
 
+
<div id="bar-normal-03-norm">
-
.right-menu ul {
+
<img src="images/bar-normal_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"
-
border: none;
+
onMouseOver="MM_swapImage('tech','','images/bar-mouseover_03_norm.png',1)"
-
}
+
onMouseDown="MM_swapImage('tech','','images/bar-onclick_03_norm.png',1)"
-
 
+
onMouseOut="MM_swapImgRestore()"
-
#menubar{
+
onMouseUp="MM_swapImgRestore()">
-
top:15px;
+
  </div>
-
z-index:25;
+
<div id="bar-normal-04-norm">
-
 
+
<img src="images/bar-normal_04_norm.png" alt="" name="results" width="109" height="85" id="results"
-
}
+
onMouseOver="MM_swapImage('results','','images/bar-mouseover_04_norm.png',1)"
-
 
+
onMouseDown="MM_swapImage('results','','images/bar-onclick_04_norm.png',1)"
-
#menubar {
+
onMouseOut="MM_swapImgRestore()"
-
background-color:transparent;
+
onMouseUp="MM_swapImgRestore()">
-
font-size:85%;
+
  </div>
-
line-height:1em;
+
<div id="bar-normal-05-norm">
-
position:absolute;
+
<img src="images/bar-normal_05_norm.png" alt="" name="team" width="108" height="85" id="team"
-
top:10px;
+
onMouseOver="MM_swapImage('team','','images/bar-mouseover_05_norm.png',1)"
-
white-space:nowrap;
+
onMouseDown="MM_swapImage('team','','images/bar-onclick_05_norm.png',1)"
-
width:50%;
+
onMouseOut="MM_swapImgRestore()"
-
z-index:5;
+
onMouseUp="MM_swapImgRestore()">
-
height:20px;
+
  </div>
-
overflow:hidden
+
<div id="bar-normal-06-norm">
-
 
+
<img src="images/bar-normal_06_norm.png" width="109" height="85" alt="" id="notebook"
-
}
+
onMouseOver="MM_swapImage('notebook','','images/bar-mouseover_06_norm.png',1)"
-
 
+
onMouseDown="MM_swapImage('notebook','','images/bar-onclick_06_norm.png',1)"
-
 
+
onMouseOut="MM_swapImgRestore()"
-
img[src*="/wiki/skins/common/images/wiki.png"]{
+
onMouseUp="MM_swapImgRestore()">
-
    width:0;
+
</div>
-
    height:60px;
+
<div id="bar-normal-07-norm">
-
    padding-right:975px;
+
<img src="images/bar-normal_07_norm.png" width="109" height="85" alt="" id="biosaftey"
-
    background:#transparent;
+
onMouseOver="MM_swapImage('biosaftey','','images/bar-mouseover_07_norm.png',1)"
-
}
+
onMouseDown="MM_swapImage('biosaftey','','images/bar-onclick_07_norm.png',1)"
-
 
+
onMouseOut="MM_swapImgRestore()"
-
#p-logo a{
+
onMouseUp="MM_swapImgRestore()">
-
color:#transparent;
+
</div>
-
}
+
<div id="bar-normal-08-norm">
-
 
+
<img src="images/bar-normal_08_norm.png" width="108" height="85" alt="" id="media"
-
 
+
onMouseOver="MM_swapImage('media','','images/bar-mouseover_08_norm.png',1)"
-
#catlinks {
+
onMouseDown="MM_swapImage('media','','images/bar-onclick_08_norm.png',1)"
-
height: 0px;
+
onMouseOut="MM_swapImgRestore()"
-
overflow: hidden;
+
onMouseUp="MM_swapImgRestore()">
-
display: none;
+
</div>
-
border:  }
+
<div id="bar-normal-09-norm">
-
#catlinks {
+
<img src="images/bar-normal_09_norm.png" width="120" height="85" alt="" id="igem"
-
height: 0px;
+
onMouseOver="MM_swapImage('igem','','images/bar-mouseover_09_norm.png',1)"  
-
overflow: hidden;
+
onMouseDown="MM_swapImage('igem','','images/bar-onclick_09_norm.png',1)"
-
display: none;
+
onMouseOut="MM_swapImgRestore()"
-
border: none;
+
onMouseUp="MM_swapImgRestore()">
-
}
+
</div>
-
 
+
-
 
+
-
</style>
+
-
 
+
-
<div style="margin-left: -100px; height:0px;width:10px; margin-top:-11px; background-color: #FF00FF ;" >
+
</div>
</div>
-
 
-
 
-
<table border="0" cellpadding="0" cellspacing="0">
 
-
  <tr>
 
-
      <td>
 
-
<a href="https://2011.igem.org/Team:Harvard">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/9a/Home.png" name="home" onMouseOver="document.images['home'].src='https://static.igem.org/mediawiki/2011/0/01/HARVHome_hover.png'"
 
-
onMouseOut="document.images['home'].src='https://static.igem.org/mediawiki/2011/9/9a/Home.png'"/>
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>
 
-
   
 
-
<a href="https://2011.igem.org/Team:Harvard/Project">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/a/a8/Project.gif" name="project" onMouseOver="document.images['project'].src='https://static.igem.org/mediawiki/2011/9/9c/Projectdark.gif'"
 
-
onMouseOut="document.images['project'].src='https://static.igem.org/mediawiki/2011/a/a8/Project.gif'"/>
 
-
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>
 
-
<a href="https://2011.igem.org/Team:Harvard/Technology">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/6/6b/Tech.gif" name="tech" onMouseOver="document.images['tech'].src='https://static.igem.org/mediawiki/2011/2/29/Techdark.gif'"
 
-
onMouseOut="document.images['tech'].src='https://static.igem.org/mediawiki/2011/6/6b/Tech.gif'"/>
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>
 
-
<a href="https://2011.igem.org/Team:Harvard/Results">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/90/Resultslight.gif" name="results" onMouseOver="document.images['results'].src='https://static.igem.org/mediawiki/2011/e/e2/Resultsdark.gif'"
 
-
onMouseOut="document.images['results'].src='https://static.igem.org/mediawiki/2011/9/90/Resultslight.gif'"/>
 
-
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td> 
 
-
<a href="https://2011.igem.org/Team:Harvard/Team">
 
-
       
 
-
                <img src="https://static.igem.org/mediawiki/2011/2/23/Teamlght.png" name="mousetest" onMouseOver="document.images['mousetest'].src='https://static.igem.org/mediawiki/2011/d/d0/HarvardTeam1.png'"
 
-
onMouseOut="document.images['mousetest'].src='https://static.igem.org/mediawiki/2011/2/23/Teamlght.png' "/>
 
-
 
-
 
-
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>
 
-
<a href="https://2011.igem.org/Team:Harvard/Notebook">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/archive/6/6c/20110722185153%21Notebook.gif" name="notebook" onMouseOver="document.images['notebook'].src='https://static.igem.org/mediawiki/2011/d/d9/Notebook-dark.gif'"
 
-
onMouseOut="document.images['notebook'].src='https://static.igem.org/mediawiki/2011/archive/6/6c/20110722185153%21Notebook.gif'"/>
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>     
 
-
<a href="https://2011.igem.org/Team:Harvard/Safety">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/5/5e/Biosafetyred.gif" name="bio" onMouseOver="document.images['bio'].src='https://static.igem.org/mediawiki/2011/4/4c/Harvard_overlay_Biosafety.gif'"
 
-
onMouseOut="document.images['bio'].src='https://static.igem.org/mediawiki/2011/5/5e/Biosafetyred.gif'"/>
 
-
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>   
 
-
<a href="https://2011.igem.org/Team:Harvard/Media">
 
-
       
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/6/62/HarvMedia.gif" name="media" onMouseOver="document.images['media'].src='https://static.igem.org/mediawiki/2011/7/7b/Mediadark.gif'"
 
-
onMouseOut="document.images['media'].src='https://static.igem.org/mediawiki/2011/6/62/HarvMedia.gif'" />
 
-
 
-
 
-
</a>
 
-
      </td>
 
-
 
 
-
      <td>
 
-
<a href="https://2011.igem.org/">
 
-
<img src="https://static.igem.org/mediawiki/2011/f/f5/IGEM_light.gif" name="igem" onMouseOver="document.images['igem'].src='https://static.igem.org/mediawiki/2011/5/58/IGEM.png'"
 
-
onMouseOut="document.images['igem'].src='https://static.igem.org/mediawiki/2011/f/f5/IGEM_light.gif'"/>
 
-
 
-
 
-
      </td>
 
-
  </tr>
 
-
   
 
-
</table>
 
-
 
-
</div>
 
-
 
-
<div id="box" style="width: 975px; height: 0px ;margin-left: -8px; padding: 5px; background-color: #222222 ; border-style: none none solid none; border-width:3px; border-color: #989898;">
 
-
</div>
 
-
 
-
<div id="box" style="width: 700px; height: 5px ;margin-left: 0px; padding: 5px;background-color: #FFFFFF ;">
 
-
</div>
 
-
 
-
</head>
 
-
 
-
<style type="text/css">
 
-
 
-
#content{
 
-
background-color: white;
 
-
width:969px;
 
-
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 
-
font-smooth:always;
 
-
border-style: none solid solid solid;
 
-
border-width:3px;
 
-
border-color: #989898;
 
-
}
 
-
 
-
</style>
 
-
<!-- Save for Web Slices (bar-Test.psd) -->
 
-
 
<!-- End Save for Web Slices -->
<!-- End Save for Web Slices -->
-
 
+
</body>
-
 
+
</html>
</html>

Revision as of 17:51, 31 July 2011

bar

Retrieved from "http://2011.igem.org/Team:Harvard/Template:PracticeBar"