Team:Harvard/Template:PracticeBar2

From 2011.igem.org

(Difference between revisions)
Line 7: Line 7:
<!--
<!--
-
html  
+
html
-
{  
+
{
-
overflow: -moz-scrollbars-vertical !important;  
+
overflow: -moz-scrollbars-vertical !important;
}
}
#boxcolor
#boxcolor
Line 46: Line 46:
}
}
-
body  
+
body
{
{
background-color: white ;
background-color: white ;
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
-
background-position: left top;  
+
background-position: left top;
-
background-repeat: repeat-x;  
+
background-repeat: repeat-x;
background-attachment: fixed;
background-attachment: fixed;
 +
}
 +
 +
#boxcolor
 +
{
 +
background-color: #FF00FF;
 +
}
 +
 +
#contentSub {
 +
display:none;
 +
}
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
margin-top:0px;
 +
}
 +
 +
#footer-box {
 +
display:none;
 +
}
 +
 +
#top-section {
 +
height: 20px;
 +
border-left: none;
 +
border-right: none;
 +
}
 +
 +
.left-menu {
 +
margin-top:-12px;
 +
}
 +
 +
.right-menu {
 +
margin-top:-12px;
 +
}
 +
 +
.left-menu ul {
 +
border: none;
 +
}
 +
 +
#menubar li a {
 +
color:#8C8984;
 +
        background-color:transparent;
 +
}
 +
 +
.left-menu {
 +
left:0;
 +
padding-left: 0px;
 +
}
 +
.right-menu  {
 +
right:0;
 +
     
 +
}
 +
 +
.firstHeading { display:none; }
 +
}
 +
 +
#menubar{
 +
color: #transparent;
 +
}
 +
 +
#menubar.right-menu {
 +
margin-top:-12px;
 +
}
 +
 +
.right-menu ul {
 +
border: none;
 +
}
 +
 +
#menubar{
 +
top:15px;
 +
z-index:25;
 +
 +
}
 +
 +
#menubar {
 +
background-color:transparent;
 +
font-size:85%;
 +
line-height:1em;
 +
position:absolute;
 +
top:10px;
 +
white-space:nowrap;
 +
width:50%;
 +
z-index:5;
 +
height:20px;
 +
overflow:hidden
 +
 +
}
 +
 +
img[src*="/wiki/skins/common/images/wiki.png"]{
 +
    width:0;
 +
    height:60px;
 +
    padding-right:975px;
 +
    background:#transparent;
 +
}
 +
 +
#p-logo a{
 +
color:#transparent;
 +
}
 +
#catlinks {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
}
}
Line 171: Line 284:
<div id="Table_01">
<div id="Table_01">
<div id="bar-normal-01-norm">
<div id="bar-normal-01-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png" alt="" name="home" width="119" height="85" id="home"  
+
     
-
onMouseOver="MM_swapImage('home','','http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png',1)"  
+
        <img src="http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png" name="home"
-
onMouseDown="MM_swapImage('home','','http://dbgoodman.com/igem2011/images/bar-onclick_01_norm.png',1)"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png" alt="" name="home" width="119" height="85" id="home"
-
onMouseOut="MM_swapImgRestore()"  
+
onMouseOver="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png'"
 +
onMouseDown="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-onclick_01_norm.png'"
 +
onMouseOut="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png'"
 +
onMouseUp="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png'"
onMouseUp="MM_swapImgRestore()">
onMouseUp="MM_swapImgRestore()">
   </div>
   </div>
<div id="bar-normal-02-norm">
<div id="bar-normal-02-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_02_norm.png" alt="" name="project" width="108" height="85" id="project"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_02_norm.png" alt="" name="project" width="108" height="85" id="project"
-
onMouseOver="MM_swapImage('project','','http://dbgoodman.com/igem2011/images/bar-mouseover_02_norm.png',1)"  
+
onMouseOver="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_02_norm.png'"
-
onMouseDown="MM_swapImage('project','','http://dbgoodman.com/igem2011/images/bar-onclick_02_norm.png',1)"  
+
onMouseDown="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-onclick_02_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-normal_02_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_02_norm.png'">
   </div>
   </div>
<div id="bar-normal-03-norm">
<div id="bar-normal-03-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"
-
onMouseOver="MM_swapImage('tech','','http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png',1)"  
+
onMouseOver="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png'"
-
onMouseDown="MM_swapImage('tech','','http://dbgoodman.com/igem2011/images/bar-onclick_03_norm.png',1)"  
+
onMouseDown="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-onclick_03_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-normal_03_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png'">
   </div>
   </div>
<div id="bar-normal-04-norm">
<div id="bar-normal-04-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_04_norm.png" alt="" name="results" width="109" height="85" id="results"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_04_norm.png" alt="" name="results" width="109" height="85" id="results"
-
onMouseOver="MM_swapImage('results','','http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png',1)"  
+
onMouseOver="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png'"
-
onMouseDown="MM_swapImage('results','','http://dbgoodman.com/igem2011/images/bar-onclick_04_norm.png',1)"  
+
onMouseDown="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-onclick_04_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-normal_04_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png'">
   </div>
   </div>
<div id="bar-normal-05-norm">
<div id="bar-normal-05-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_05_norm.png" alt="" name="team" width="108" height="85" id="team"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_05_norm.png" alt="" name="team" width="108" height="85" id="team"
-
onMouseOver="MM_swapImage('team','','http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png',1)"  
+
onMouseOver="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png'"
-
onMouseDown="MM_swapImage('team','','http://dbgoodman.com/igem2011/images/bar-onclick_05_norm.png',1)"  
+
onMouseDown="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-onclick_05_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-normal_05_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png'">
   </div>
   </div>
<div id="bar-normal-06-norm">
<div id="bar-normal-06-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_06_norm.png" width="109" height="85" alt="" id="notebook"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_06_norm.png" alt="" name="notebook" width="109" height="85" alt="" id="notebook"
-
onMouseOver="MM_swapImage('notebook','','http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png',1)"  
+
onMouseOver="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png'"
-
onMouseDown="MM_swapImage('notebook','','http://dbgoodman.com/igem2011/images/bar-onclick_06_norm.png',1)"  
+
onMouseDown="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-onclick_06_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-normal_06_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png'">
</div>
</div>
<div id="bar-normal-07-norm">
<div id="bar-normal-07-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_07_norm.png" width="109" height="85" alt="" id="biosaftey"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_07_norm.png" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey"
-
onMouseOver="MM_swapImage('biosaftey','','http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png',1)"  
+
onMouseOver="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png'"
-
onMouseDown="MM_swapImage('biosaftey','','http://dbgoodman.com/igem2011/images/bar-onclick_07_norm.png',1)"  
+
onMouseDown="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-onclick_07_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-normal_07_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png'">
</div>
</div>
<div id="bar-normal-08-norm">
<div id="bar-normal-08-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_08_norm.png" width="108" height="85" alt="" id="media"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_08_norm.png" alt="" name="media" width="108" height="85" alt="" id="media"
-
onMouseOver="MM_swapImage('media','','http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png',1)"  
+
onMouseOver="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png'"
-
onMouseDown="MM_swapImage('media','','http://dbgoodman.com/igem2011/images/bar-onclick_08_norm.png',1)"  
+
onMouseDown="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-onclick_08_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-normal_08_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png'">
</div>
</div>
<div id="bar-normal-09-norm">
<div id="bar-normal-09-norm">
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_09_norm.png" width="120" height="85" alt="" id="igem"  
+
<img src="http://dbgoodman.com/igem2011/images/bar-normal_09_norm.png" alt="" name="igem" width="120" height="85" alt="" id="igem"
-
onMouseOver="MM_swapImage('igem','','http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png',1)"  
+
onMouseOver="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png'"
-
onMouseDown="MM_swapImage('igem','','http://dbgoodman.com/igem2011/images/bar-onclick_09_norm.png',1)"  
+
onMouseDown="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-onclick_09_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-normal_09_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png'">
</div>
</div>
</div>
</div>

Revision as of 18:39, 31 July 2011

bar