Template:Template HD 3

From 2009.igem.org

(Difference between revisions)
(Undo revision 169778 by Lucas.schirmer (Talk))
 
(216 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
      <style type="text/css">
 +
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
-
<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
 
-
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
 
-
}
 
-
 
-
function MM_findObj(n, d) { //v4.01
 
-
  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;
 
-
}
 
-
 
-
function MM_swapImage() { //v3.0
 
-
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 
-
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 
-
}
 
-
//-->
 
-
 
-
 
-
<style type="text/css">
 
       .clear {clear:both;}
       .clear {clear:both;}
body.mediawiki {
body.mediawiki {
Line 42: Line 15:
                         font-size: 18px;
                         font-size: 18px;
                         color: #eb8300;
                         color: #eb8300;
-
                         font-decoration: none;
+
                         text-decoration: none;
                         font-weight: bold;}
                         font-weight: bold;}
 +
                        border: none;
  h2 a {color: #eb8300;}
  h2 a {color: #eb8300;}
h3 {padding: 10px 20px;
h3 {padding: 10px 20px;
                         font-size: 16px;
                         font-size: 16px;
-
                         color: #eb8300;
+
                         color: #000;
                         font-decoration: none;
                         font-decoration: none;
                         font-weight: bold;}
                         font-weight: bold;}
Line 72: Line 46:
text-decoration: none
text-decoration: none
}
}
-
#bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none;}
+
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}
 +
                #content {padding-left: 0px; width: 970px;}
table#team_members { text-align: justify; border: 0; }
table#team_members { text-align: justify; border: 0; }
table#team_members h2, table#team_members h3 { clear: both; }
table#team_members h2, table#team_members h3 { clear: both; }
Line 90: Line 65:
width: 969px;
width: 969px;
height: 221px;
height: 221px;
-
align: center;
+
align: left;
background-color: #FFFFFF;
background-color: #FFFFFF;
                         background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg);  
                         background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg);  
}
}
#navigation {
#navigation {
-
position:absolute; left:0px; top:150px; left:0px; width:793px; height:69px;
+
position:absolute; left:0px; top:150px; width:793px; height:69px;
z-index:100; background-color: transparent; float: left;  
z-index:100; background-color: transparent; float: left;  
-
background-image: url(https://static.igem.org/mediawiki/2009/5/53/NaviBar.png);
 
-
background-repeat: no-repeat;
 
-
color: #0000FF;
 
-
}
 
-
#image {
 
-
position:absolute; top:32px; left:600px; width:367px; height:182px;
 
-
z-index:50; background-color: transparent; float: left; font-size: 1em;
 
-
background-image: url(https://static.igem.org/mediawiki/2009/2/28/Logo_1.png);
 
-
background-repeat: no-repeat;
 
color: #0000FF;
color: #0000FF;
}
}
#super_main_wrapper {
#super_main_wrapper {
                         position:absolute; left:0px; top:227px;
                         position:absolute; left:0px; top:227px;
-
margin-bottom: 30px;
 
width: 975px;
width: 975px;
align: center;
align: center;
Line 140: Line 105:
                 #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
                 #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
-
                 #SubWrapper {width: 647px;
+
                 #SubWrapper {width: 645px;
 +
                        padding: 0px;
 +
                        border-left:4px solid #ede8e2;
                         float: left;
                         float: left;
-
                        margin-left: 3px;
 
                         margin-top: 3px;
                         margin-top: 3px;
                         background-color: #ede8e2;}
                         background-color: #ede8e2;}
Line 148: Line 114:
                         text-align: justify;
                         text-align: justify;
                         font-size: 12px;}
                         font-size: 12px;}
-
                 #SubWrapper * h3, #SubWrapper h3 {padding: 10px 20px;
+
                 #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
                         font-size: 18px;}
                         font-size: 18px;}
-
                 #news {width:320px;
+
                 #news {width: 322px;
                         margin-top: 3px;
                         margin-top: 3px;
                         float: left;
                         float: left;
-
                         background-color: #d8d5d0;}
+
                         background-color: #d8d5d0;
-
               #news p {padding: 0 20px;
+
                        border-right:4px solid #ede8e2;}
 +
               #news p {padding: 0 20px 20px 20px;
                         text-align: justify;
                         text-align: justify;
                         font-size: 12px;}
                         font-size: 12px;}
Line 161: Line 128:
                 #mission_box {width:650px;
                 #mission_box {width:650px;
                         float: left;}
                         float: left;}
-
                 #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box {width:215px;
+
                 #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px;
                         float: left;
                         float: left;
                         padding: 10px 0 0 0;}
                         padding: 10px 0 0 0;}
 +
                div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
                  
                  
Line 173: Line 141:
#menu {
#menu {
-
behavior: url(https://www.bioquant.uni-heidelberg.de/fileadmin/igem/wiki_docs/csshover.htc); <!-- fuer ie6 -->
+
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
font-family: calibri, verdana, sans-serif;
font-family: calibri, verdana, sans-serif;
font-size: 14px;
font-size: 14px;
Line 180: Line 148:
padding: 10px 0 0 0;
padding: 10px 0 0 0;
}
}
-
 
-
* html #menu ul{ padding-left:20px;} <!-- ie hack -->
 
#menu ul {
#menu ul {
Line 190: Line 156:
#menu ul li {
#menu ul li {
background-color:transparent;
background-color:transparent;
 +
        position:relative;
float:left;
float:left;
-
position: relative;
 
list-style: none;
list-style: none;
-
padding: 0 20px 0 0;
+
padding: 10px 15px 0 0;
         font-weight: bold;
         font-weight: bold;
 +
        width: auto;
}
}
#menu a {
#menu a {
color: #FFF;
color: #FFF;
-
display: block;
+
display: inline;
text-decoration: none;
text-decoration: none;
}
}
Line 216: Line 183:
position: absolute;
position: absolute;
left: -20px;  
left: -20px;  
-
width: 155px;
+
        width: 155px;
 +
        heigth: 1%;
font-size: 12px;
font-size: 12px;
opacity: 0.8;
opacity: 0.8;
list-style: none;
list-style: none;
-
         top: 13px;
+
         top: 19px;
-
         padding-top: 5px;
+
         padding-top: 9px;
         z-index:500;
         z-index:500;
}
}
#menu ul li:hover ul {
#menu ul li:hover ul {
-
display: block;
+
display: inline;
         background-position: bottom;
         background-position: bottom;
}
}
Line 235: Line 203:
         background-color: #000;
         background-color: #000;
         margin: -1px;
         margin: -1px;
-
         padding-left: 5px;
+
         padding: 0 0 0 5px;
 +
        display: inline;
}
}
Line 246: Line 215:
body#eucaryopedia .aEucaryopedia,
body#eucaryopedia .aEucaryopedia,
body#parts .aParts
body#parts .aParts
-
{ color: #F08F03; cursor: default; }
+
{ color: #F08F03; <!--cursor: default;--> }
Line 257: Line 226:
<body>
<body>
 +
<!--[if IE]>
 +
<style type="text/css">
 +
#SubWrapper {width: 645px;}
 +
#news {width: 317px;}
 +
#super_main_wrapper {position:static;}
 +
#navigation {left: 15px;}
 +
#menu ul li ul {left: -2px; top: 22px;}
 +
</style>
 +
<![endif]--> 
<div id="main_wrapper">  
<div id="main_wrapper">  
   <div id="header">
   <div id="header">
-
        <div id="image"></div>
 
<div id="navigation">
<div id="navigation">
-
<div id="menu">
+
<div id="menu" style="position:static">
<ul>
<ul>
-
   <li id="mainHome"><a href="https://2009.igem.org/Team:Heidelberg">Home</a></li>
+
   <li id="mainHome"><a class="aMain" href="https://2009.igem.org/Team:Heidelberg">Home</a></li>
   <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team</a>
   <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team</a>
<ul>
<ul>
Line 270: Line 247:
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Gallery">Gallery</a></li>
</ul>
</ul>
     </li>
     </li>
     <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project</a>
     <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project</a>
<ul>
<ul>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Project">Abstract</a></li>
 +
          <!--<li><a href="https://2009.igem.org/Team:Heidelberg/Project_Highlights">Highlights</a></li>-->
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_heartbeat">HEARTBEAT</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Further">Further Subprojects</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_SaO">Summary &amp; Outlook</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_SaO">Summary &amp; Outlook</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_References">References</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_References">References</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li>
</ul>
</ul>
     </li>
     </li>
-
   <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
+
   <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
-
   <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling</a>
+
      <ul>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts_Characterization">Characterization</a></li>
 +
      </ul>
 +
  </li>
 +
   <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a>
<ul>
<ul>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling_overview">Overview</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">What is HEARTBEAT?</a></li>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling_database">HEARTBEAT Database</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_database">HEARTBEAT Database</a></li>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling_gui">HEARTBEAT GUI</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_GUI">HEARTBEAT GUI</a></li>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling_network">Network Modeling</a></li>
+
          <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_gui">GUI Documentation</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
</ul>
</ul>
     </li>
     </li>
   <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
   <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
<ul>
<ul>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters">Natural Promoters</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters_overview">Natural Promoters</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li>
 +
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_promoters_cells">Cell Culture, Promoters</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li>
-
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_modeling">Modeling</a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_modeling">HEARTBEAT</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material &amp; Methods</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material &amp; Methods</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Biosafety">Biosafety</a></li>
</ul>
</ul>
     </li>
     </li>
-
   <li id="mainEucaryopedia"><a class="aEucaryopedia" href="https://2009.igem.org/Team:Heidelberg/Eucaryopedia">Eucaryopedia</a></li>
+
   <li id="mainEucaryopedia"><a class="aEucaryopedia" href="https://2009.igem.org/Team:Heidelberg/Eukaryopedia">Eukaryopedia</a></li>
   <li id="mainSponsors"><a class="aSponsors" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
   <li id="mainSponsors"><a class="aSponsors" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
</ul>
</ul>
Line 311: Line 301:
</div>
</div>
</div>
</div>
-
</body>
+
<!-- For IE 6 -->
-
</html>
+
<script type="text/javascript">
 +
window.onload = function() {
 +
      var lis = document.getElementsByTagName('li');
 +
      for(i = 0; i < lis.length; i++) {
 +
            var li = lis[i];
 +
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
 +
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
 +
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
 +
            }
 +
      }
 +
}
 +
</script>
 +
</body></html>

Latest revision as of 21:40, 16 June 2010