Team:Harvard/Template:PracticeBar2

From 2011.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 3: Line 3:
<title>bar</title>
<title>bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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  
+
html
-
{
+
-
overflow: -moz-scrollbars-vertical !important;
+
-
}
+
-
#boxcolor
+
{
{
-
background-color: #FF00FF;
+
overflow: -moz-scrollbars-vertical !important;
-
 
+
resize: none;
 +
background-color: #f5f6f7;
}
}
Line 22: Line 18:
border-right: none;
border-right: none;
}
}
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
margin-top:0px;
 +
}
 +
 +
#footer-box {
 +
display:none;
 +
}
 +
 +
body
 +
{
 +
background-color: #f5f6f7;
 +
}
 +
#contentSub {
#contentSub {
display:none;
display:none;
Line 46: Line 68:
}
}
-
body
+
#top-section {
-
{
+
height: 20px;
-
background-color: white ;
+
border-left: none;
-
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
+
border-right: none;
-
background-position: left top;  
+
}
-
background-repeat: repeat-x;
+
-
background-attachment: fixed;
+
 +
.left-menu {
 +
margin-top:-12px;
 +
}
 +
.right-menu {
 +
margin-top:-12px;
 +
}
 +
 +
.left-menu ul {
 +
border: none;
 +
}
 +
 +
#menubar li a {
 +
color:#8C8984;
 +
        background-color:transparent;
 +
}
 +
 +
#menubar ul {
 +
color:transparent;
 +
        background-color:transparent;
 +
}
 +
 +
#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
 +
 +
}
 +
 +
.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:f5f6f7;
 +
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:  }
}
}
#Table_01 {
#Table_01 {
position:absolute;
position:absolute;
-
left:0px;
+
left:30px;
-
top:0px;
+
top:-55px;
width:1000px;
width:1000px;
height:85px;
height:85px;
Line 137: Line 253:
}
}
-
-->
+
#content{
-
</style>
+
background-color: #f5f6f7;
-
<!-- End Save for Web Styles -->
+
padding-top:65px;
-
<script type="text/javascript">
+
width:1000px;
-
<!--
+
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  
-
function MM_preloadImages() { //v3.0
+
font-smooth:always;
-
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+
border-style: none solid solid solid;
-
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+
border-width:0px;
-
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+
margin-top: 0px;
}
}
-
function MM_swapImgRestore() { //v3.0
+
.shadow {
-
   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+
   -moz-box-shadow:  0px 0px 15px #ccc;
 +
  -webkit-box-shadow:  0px 0px 15px #ccc;
 +
  box-shadow:  0px 0px 15px #ccc;
}
}
-
function MM_findObj(n, d) { //v4.01
+
.whitebox {
-
   var p,i,xif(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+
   -moz-box-shadow:  0px 0px 15px #ccc;
-
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+
  -webkit-box-shadow: 0px 0px 15px #ccc;
-
   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+
  box-shadow:  0px 0px 15px #ccc;
-
   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+
  background-color: #FFFFFF;
-
   if(!x && d.getElementById) x=d.getElementById(n); return x;
+
   -moz-border-radius: 15px;  
 +
  border-radius: 15px;
 +
  margin-top: 20px;
 +
  padding-top: 20px;
 +
   padding-left: 20px;
 +
  padding-right: 20px;
 +
  padding-bottom: 20px;
 +
   margin-left: 15px;
 +
  margin-right: 25px;
}
}
-
function MM_swapImage() { //v3.0
+
.whitebox2 {
-
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+
-moz-box-shadow: 0px 0px 5px #444;
-
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+
-webkit-box-shadow: 0px 0px 5px #444;
 +
box-shadow: 0px 0px 5px #444;
 +
background-color: #DCDDDE;
 +
-moz-border-radius: 5px;
 +
border-radius: 3px;
 +
margin-top: -10px;
 +
padding-top: 15px;
 +
padding-left: 0px;
 +
padding-right: 0px;
 +
padding-bottom: 0px;
 +
margin-left: 9px;
 +
margin-right: 19px;
 +
text-align: center;
 +
font-weight: bold;
}
}
-
//-->
+
 
-
</script>
+
.notebook_box {
 +
  -moz-box-shadow: 0px 0px 5px #444;
 +
  -webkit-box-shadow: 0px 0px 5px #444;
 +
  box-shadow: 0px 0px 5px #444;
 +
  box-shadow: 0px 0px 5px #444;
 +
  background-color: #f1f2f3;
 +
  moz-border-radius: 5px; 
 +
  border-radius: 5px;
 +
  margin-top: 0px;
 +
  padding-top: 5px;-
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
  padding-bottom: 5px;
 +
  margin-left: 5px;
 +
  margin-right: 5px;
 +
  align:center;
 +
}
 +
 
 +
 
 +
.monthtable {
 +
  text-align:center;
 +
  background-color:#f1f2f3;
 +
}
 +
 
 +
 
 +
h1,h3,h5{
 +
color: #C22227;
 +
background: none;
 +
font-weight: normal;
 +
margin: 0;
 +
padding-top: .5em;
 +
padding-bottom: .17em;
 +
border-bottom: none;   
 +
}
 +
h2, h4, h6{
 +
color: #484848;
 +
background: none;
 +
font-weight: normal;
 +
margin: 0;
 +
padding-top: .5em;
 +
padding-bottom: .17em;
 +
border-bottom: none;   
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
<!-- End Save for Web Styles -->
</head>
</head>
-
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;" onLoad="MM_preloadImages('http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png')">
+
 
-
<!-- Save for Web Slices (bar.psd) -->
+
 
<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"  
+
      <a href="https://2011.igem.org/Team:Harvard">
-
onMouseOver="MM_swapImage('home','','http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png" alt="" name="home" width="119" height="85" id="home"
-
onMouseDown="MM_swapImage('home','','http://dbgoodman.com/igem2011/images/bar-onclick_01_norm.png',1)"  
+
onMouseOver="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'"
-
onMouseOut="MM_swapImgRestore()"  
+
onMouseDown="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_01_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png'"
 +
onMouseUp="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'"
 +
onMouseUp="MM_swapImgRestore()"></a>
   </div>
   </div>
 +
      <a href="https://2011.igem.org/Team:Harvard/Project">
<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://www.dbgoodman.com/igem2011/images/bar-transp_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://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'"
-
onMouseDown="MM_swapImage('project','','http://dbgoodman.com/igem2011/images/bar-onclick_02_norm.png',1)"  
+
onMouseDown="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_02_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseOut="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_02_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseUp="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'"></a>
   </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"  
+
          <a href="https://2011.igem.org/Team:Harvard/Technology">
-
onMouseOver="MM_swapImage('tech','','http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"
-
onMouseDown="MM_swapImage('tech','','http://dbgoodman.com/igem2011/images/bar-onclick_03_norm.png',1)"  
+
onMouseOver="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_03_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png'"
 +
onMouseUp="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'"></a>
   </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"  
+
            <a href="https://2011.igem.org/Team:Harvard/Results">
-
onMouseOver="MM_swapImage('results','','http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png" alt="" name="results" width="109" height="85" id="results"
-
onMouseDown="MM_swapImage('results','','http://dbgoodman.com/igem2011/images/bar-onclick_04_norm.png',1)"  
+
onMouseOver="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_04_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png'"
 +
onMouseUp="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'"></a>
   </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"  
+
<a href="https://2011.igem.org/Team:Harvard/Team">
-
onMouseOver="MM_swapImage('team','','http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png" alt="" name="team" width="108" height="85" id="team"
-
onMouseDown="MM_swapImage('team','','http://dbgoodman.com/igem2011/images/bar-onclick_05_norm.png',1)"  
+
onMouseOver="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_05_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png'"
 +
onMouseUp="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'"></a>
   </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"  
+
<a href="https://2011.igem.org/Team:Harvard/Notebook">
-
onMouseOver="MM_swapImage('notebook','','http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png" alt="" name="notebook" width="109" height="85" alt="" id="notebook"
-
onMouseDown="MM_swapImage('notebook','','http://dbgoodman.com/igem2011/images/bar-onclick_06_norm.png',1)"  
+
onMouseOver="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_06_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png'"
 +
onMouseUp="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'"></a>
</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"  
+
<a href="https://2011.igem.org/Team:Harvard/Safety">
-
onMouseOver="MM_swapImage('biosaftey','','http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey"
-
onMouseDown="MM_swapImage('biosaftey','','http://dbgoodman.com/igem2011/images/bar-onclick_07_norm.png',1)"  
+
onMouseOver="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_07_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png'"
 +
onMouseUp="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'"></a>
</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"  
+
<a href="https://2011.igem.org/Team:Harvard/Media">
-
onMouseOver="MM_swapImage('media','','http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png" alt="" name="media" width="108" height="85" alt="" id="media"
-
onMouseDown="MM_swapImage('media','','http://dbgoodman.com/igem2011/images/bar-onclick_08_norm.png',1)"  
+
onMouseOver="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_08_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png'"
 +
onMouseUp="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'"></a>
</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"  
+
<a href="https://2011.igem.org/">
-
onMouseOver="MM_swapImage('igem','','http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png',1)"  
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png" alt="" name="igem" width="120" height="85" alt="" id="igem"
-
onMouseDown="MM_swapImage('igem','','http://dbgoodman.com/igem2011/images/bar-onclick_09_norm.png',1)"  
+
onMouseOver="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'"
-
onMouseOut="MM_swapImgRestore()"
+
onMouseDown="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_09_norm.png'"
-
onMouseUp="MM_swapImgRestore()">
+
onMouseOut="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png'"
 +
onMouseUp="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'"></a>
</div>
</div>
</div>
</div>
-
<!-- End Save for Web Slices -->
+
-
</body>
+
</html>
</html>

Latest revision as of 19:27, 27 September 2011

bar