Team:Harvard/Template:PracticeBar

From 2011.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
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">
-
<!--
 
-
#Table_01 {
+
html
-
position:absolute;
+
{  
-
left:0px;
+
overflow: -moz-scrollbars-vertical !important;  
-
top:0px;
+
-
width:1000px;
+
-
height:85px;
+
}
}
-
#bar-normal-01-norm {
+
body
-
position:absolute;
+
{
-
left:0px;
+
background-color: white;
-
top:0px;
+
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
-
width:119px;
+
background-position: left top;
-
height:85px;
+
background-repeat: repeat-x;  
 +
background-attachment: fixed;
 +
resize: none;
}
}
-
#bar-normal-02-norm {
+
#boxcolor
-
position:absolute;
+
{
-
left:119px;
+
background-color: #FF00FF;
-
top:0px;
+
 
-
width:108px;
+
-
height:85px;
+
}
}
-
#bar-normal-03-norm {
+
 
-
position:absolute;
+
#contentSub {
-
left:227px;
+
display:none;
-
top:0px;
+
-
width:110px;
+
-
height:85px;
+
}
}
-
#bar-normal-04-norm {
+
#siteSub {
-
position:absolute;
+
display:none;
-
left:337px;
+
-
top:0px;
+
-
width:109px;
+
-
height:85px;
+
}
}
-
#bar-normal-05-norm {
+
#search-controls {
-
position:absolute;
+
display:none;
-
left:446px;
+
-
top:0px;
+
-
width:108px;
+
-
height:85px;
+
}
}
-
#bar-normal-06-norm {
+
.firstHeading {
-
position:absolute;
+
display:none;
-
left:554px;
+
-
top:0px;
+
-
width:109px;
+
-
height:85px;
+
}
}
-
#bar-normal-07-norm {
+
#search-controls {
-
position:absolute;
+
margin-top:0px;
-
left:663px;
+
-
top:0px;
+
-
width:109px;
+
-
height:85px;
+
}
}
-
#bar-normal-08-norm {
+
#footer-box {
-
position:absolute;
+
display:none;
-
left:772px;
+
-
top:0px;
+
-
width:108px;
+
-
height:85px;
+
}
}
-
#bar-normal-09-norm {
+
#top-section {
-
position:absolute;
+
height: 20px;
-
left:880px;
+
border-left: none;
-
top:0px;
+
border-right: none;
-
width:120px;
+
-
height:85px;
+
}
}
-
-->
+
.left-menu {
-
</style>
+
margin-top:-12px;
-
<!-- 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];}}
+
}
}
-
function MM_swapImgRestore() { //v3.0
+
.right-menu {
-
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+
margin-top:-12px;
}
}
-
function MM_findObj(n, d) { //v4.01
+
.left-menu ul {
-
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+
border: none;
-
    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;
+
}
}
-
function MM_swapImage() { //v3.0
+
#menubar li a {
-
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+
color:#8C8984;
-
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+
        background-color:transparent;
}
}
-
//-->
+
 
-
</script>
+
.left-menu {
-
</head>
+
left:0;
-
<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')">
+
padding-left: 0px;
-
<!-- Save for Web Slices (bar.psd) -->
+
}
-
<div id="Table_01">
+
.right-menu  {
-
<div id="bar-normal-01-norm">
+
right:0;
-
<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)"
+
 
-
onMouseOut="MM_swapImgRestore()"
+
.firstHeading { display:none; }
-
onMouseUp="MM_swapImgRestore()">
+
}
-
  </div>
+
 
-
<div id="bar-normal-02-norm">
+
#menubar{
-
<img src="images/bar-normal_02_norm.png" alt="" name="project" width="108" height="85" id="project"
+
color: #transparent;
-
onMouseOver="MM_swapImage('project','','images/bar-mouseover_02_norm.png',1)"
+
}
-
onMouseDown="MM_swapImage('project','','images/bar-onclick_02_norm.png',1)"
+
 
-
onMouseOut="MM_swapImgRestore()"
+
#menubar.right-menu {
-
onMouseUp="MM_swapImgRestore()">
+
margin-top:-12px;
-
  </div>
+
}
-
<div id="bar-normal-03-norm">
+
 
-
<img src="images/bar-normal_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"
+
.right-menu ul {
-
onMouseOver="MM_swapImage('tech','','images/bar-mouseover_03_norm.png',1)"
+
border: none;
-
onMouseDown="MM_swapImage('tech','','images/bar-onclick_03_norm.png',1)"
+
}
-
onMouseOut="MM_swapImgRestore()"
+
 
-
onMouseUp="MM_swapImgRestore()">
+
#menubar{
-
  </div>
+
top:15px;
-
<div id="bar-normal-04-norm">
+
z-index:25;
-
<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)"
+
 
-
onMouseOut="MM_swapImgRestore()"
+
#menubar {
-
onMouseUp="MM_swapImgRestore()">
+
background-color:transparent;
-
  </div>
+
font-size:85%;
-
<div id="bar-normal-05-norm">
+
line-height:1em;
-
<img src="images/bar-normal_05_norm.png" alt="" name="team" width="108" height="85" id="team"
+
position:absolute;
-
onMouseOver="MM_swapImage('team','','images/bar-mouseover_05_norm.png',1)"
+
top:10px;
-
onMouseDown="MM_swapImage('team','','images/bar-onclick_05_norm.png',1)"
+
white-space:nowrap;
-
onMouseOut="MM_swapImgRestore()"
+
width:50%;
-
onMouseUp="MM_swapImgRestore()">
+
z-index:5;
-
  </div>
+
height:20px;
-
<div id="bar-normal-06-norm">
+
overflow:hidden
-
<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()"
+
 
-
onMouseUp="MM_swapImgRestore()">
+
img[src*="/wiki/skins/common/images/wiki.png"]{
-
</div>
+
    width:0;
-
<div id="bar-normal-07-norm">
+
    height:60px;
-
<img src="images/bar-normal_07_norm.png" width="109" height="85" alt="" id="biosaftey"
+
    padding-right:975px;
-
onMouseOver="MM_swapImage('biosaftey','','images/bar-mouseover_07_norm.png',1)"
+
    background:#transparent;
-
onMouseDown="MM_swapImage('biosaftey','','images/bar-onclick_07_norm.png',1)"
+
}
-
onMouseOut="MM_swapImgRestore()"
+
 
-
onMouseUp="MM_swapImgRestore()">
+
#p-logo a{
-
</div>
+
color:#transparent;
-
<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)"
+
 
-
onMouseDown="MM_swapImage('media','','images/bar-onclick_08_norm.png',1)"
+
#catlinks {
-
onMouseOut="MM_swapImgRestore()"
+
height: 0px;
-
onMouseUp="MM_swapImgRestore()">
+
overflow: hidden;
-
</div>
+
display: none;
-
<div id="bar-normal-09-norm">
+
border:  }
-
<img src="images/bar-normal_09_norm.png" width="120" height="85" alt="" id="igem"
+
#catlinks {
-
onMouseOver="MM_swapImage('igem','','images/bar-mouseover_09_norm.png',1)"  
+
height: 0px;
-
onMouseDown="MM_swapImage('igem','','images/bar-onclick_09_norm.png',1)"
+
overflow: hidden;
-
onMouseOut="MM_swapImgRestore()"
+
display: none;
-
onMouseUp="MM_swapImgRestore()">
+
border: none;
-
</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>

Latest revision as of 20:14, 31 July 2011

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