Team:Harvard/Template:PracticeBar2

From 2011.igem.org

(Difference between revisions)
 
(75 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">
<!--
<!--
Line 10: Line 9:
{
{
overflow: -moz-scrollbars-vertical !important;
overflow: -moz-scrollbars-vertical !important;
-
}
+
resize: none;
-
#boxcolor
+
background-color: #f5f6f7;
-
{
+
-
background-color: #FF00FF;
+
-
 
+
}
}
Line 21: Line 17:
border-left: none;
border-left: none;
border-right: none;
border-right: none;
-
}
 
-
#contentSub {
 
-
display:none;
 
}
}
Line 48: Line 41:
body
body
{
{
-
background-color: white ;
+
background-color: #f5f6f7;
-
background-image:url("https://static.igem.org/mediawiki/2011/c/c7/HARVGradient.png");
+
-
background-position: left top;
+
-
background-repeat: repeat-x;
+
-
background-attachment: fixed;
+
-
}
+
-
 
+
-
#boxcolor
+
-
{
+
-
background-color: #FF00FF;
+
}
}
Line 105: Line 89:
color:#8C8984;
color:#8C8984;
         background-color:transparent;
         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
 +
}
}
Line 138: Line 141:
#menubar {
#menubar {
-
background-color:transparent;
+
background-color:f5f6f7;
font-size:85%;
font-size:85%;
line-height:1em;
line-height:1em;
Line 172: Line 175:
#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 250: 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">
-
       
+
      <a href="https://2011.igem.org/Team:Harvard">
-
        <img src="http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png" name="home"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png" alt="" name="home" width="119" height="85" id="home"
-
<img src="http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png" alt="" name="home" width="119" height="85" id="home"
+
onMouseOver="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'"
-
onMouseOver="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png'"
+
onMouseDown="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_01_norm.png'"
-
onMouseDown="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-onclick_01_norm.png'"
+
onMouseOut="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png'"
-
onMouseOut="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-normal_01_norm.png'"
+
onMouseUp="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'"
-
onMouseUp="document.images['home'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_01_norm.png'"
+
onMouseUp="MM_swapImgRestore()"></a>
-
onMouseUp="MM_swapImgRestore()">
+
   </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="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_02_norm.png'"
+
onMouseOver="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'"
-
onMouseDown="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-onclick_02_norm.png'"
+
onMouseDown="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_02_norm.png'"
-
onMouseOut="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-normal_02_norm.png'"
+
onMouseOut="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_02_norm.png'"
-
onMouseUp="document.images['project'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_02_norm.png'">
+
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="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png" alt="" name="tech" width="110" height="85" id="tech"
-
onMouseDown="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-onclick_03_norm.png'"
+
onMouseOver="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'"
-
onMouseOut="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-normal_03_norm.png'"
+
onMouseDown="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_03_norm.png'"
-
onMouseUp="document.images['tech'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_03_norm.png'">
+
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="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png" alt="" name="results" width="109" height="85" id="results"
-
onMouseDown="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-onclick_04_norm.png'"
+
onMouseOver="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'"
-
onMouseOut="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-normal_04_norm.png'"
+
onMouseDown="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_04_norm.png'"
-
onMouseUp="document.images['results'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_04_norm.png'">
+
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="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png" alt="" name="team" width="108" height="85" id="team"
-
onMouseDown="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-onclick_05_norm.png'"
+
onMouseOver="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'"
-
onMouseOut="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-normal_05_norm.png'"
+
onMouseDown="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_05_norm.png'"
-
onMouseUp="document.images['team'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_05_norm.png'">
+
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" alt="" name="notebook" width="109" height="85" alt="" id="notebook"
+
<a href="https://2011.igem.org/Team:Harvard/Notebook">
-
onMouseOver="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png" alt="" name="notebook" width="109" height="85" alt="" id="notebook"
-
onMouseDown="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-onclick_06_norm.png'"
+
onMouseOver="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'"
-
onMouseOut="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-normal_06_norm.png'"
+
onMouseDown="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_06_norm.png'"
-
onMouseUp="document.images['notebook'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_06_norm.png'">
+
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" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey"
+
<a href="https://2011.igem.org/Team:Harvard/Safety">
-
onMouseOver="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey"
-
onMouseDown="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-onclick_07_norm.png'"
+
onMouseOver="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'"
-
onMouseOut="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-normal_07_norm.png'"
+
onMouseDown="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_07_norm.png'"
-
onMouseUp="document.images['biosaftey'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_07_norm.png'">
+
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" alt="" name="media" width="108" height="85" alt="" id="media"
+
<a href="https://2011.igem.org/Team:Harvard/Media">
-
onMouseOver="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png" alt="" name="media" width="108" height="85" alt="" id="media"
-
onMouseDown="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-onclick_08_norm.png'"
+
onMouseOver="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'"
-
onMouseOut="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-normal_08_norm.png'"
+
onMouseDown="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_08_norm.png'"
-
onMouseUp="document.images['media'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_08_norm.png'">
+
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" alt="" name="igem" width="120" height="85" alt="" id="igem"
+
<a href="https://2011.igem.org/">
-
onMouseOver="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png'"
+
<img src="http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png" alt="" name="igem" width="120" height="85" alt="" id="igem"
-
onMouseDown="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-onclick_09_norm.png'"
+
onMouseOver="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'"
-
onMouseOut="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-normal_09_norm.png'"
+
onMouseDown="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_09_norm.png'"
-
onMouseUp="document.images['igem'].src='http://dbgoodman.com/igem2011/images/bar-mouseover_09_norm.png'">
+
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