Template:Template HD 3

From 2009.igem.org

(Difference between revisions)
(Undo revision 169778 by Lucas.schirmer (Talk))
 
(94 intermediate revisions not shown)
Line 15: 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;
                         border: none;
Line 46: Line 46:
text-decoration: none
text-decoration: none
}
}
-
#bodyContent { width: 965px; margin: 225px 0px 0px; clear: none;background-color:#ede8e2;}
+
#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 64: 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;  
color: #0000FF;
color: #0000FF;
}
}
#super_main_wrapper {
#super_main_wrapper {
 +
                        position:absolute; left:0px; top:227px;
width: 975px;
width: 975px;
align: center;
align: center;
background-color: #ede8e2;
background-color: #ede8e2;
                         heigth: auto;
                         heigth: auto;
-
                        z-index:10;
 
                 }
                 }
                 #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;  
                 #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;  
Line 104: 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 112: 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: 319px;
+
                 #news {width: 322px;
                         margin-top: 3px;
                         margin-top: 3px;
                         float: left;
                         float: left;
-
                         background-color: #d8d5d0;}
+
                         background-color: #d8d5d0;
 +
                        border-right:4px solid #ede8e2;}
               #news p {padding: 0 20px 20px 20px;
               #news p {padding: 0 20px 20px 20px;
                         text-align: justify;
                         text-align: justify;
Line 125: 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 184: Line 188:
opacity: 0.8;
opacity: 0.8;
list-style: none;
list-style: none;
-
         top: 13px;
+
         top: 19px;
-
         padding-top: 15px;
+
         padding-top: 9px;
         z-index:500;
         z-index:500;
}
}
-
#menu ul li a:hover ul {
+
#menu ul li:hover ul {
display: inline;
display: inline;
         background-position: bottom;
         background-position: bottom;
Line 211: Line 215:
body#eucaryopedia .aEucaryopedia,
body#eucaryopedia .aEucaryopedia,
body#parts .aParts
body#parts .aParts
-
{ color: #F08F03; cursor: default; }
+
{ color: #F08F03; <!--cursor: default;--> }
Line 222: 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">
Line 239: Line 252:
     <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/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">Acknowledgement</a></li>
+
           <li><a href="https://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li>
</ul>
</ul>
     </li>
     </li>
Line 256: Line 272:
   <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a>
   <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/HEARTBEAT_overview">What is HEARTBEAT?</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/HEARTBEAT_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/HEARTBEAT_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/HEARTBEAT_gui">GUI Documentation</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
</ul>
</ul>
Line 276: Line 293:
</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 284: Line 301:
</div>
</div>
</div>
</div>
 +
<!-- For IE 6 -->
 +
<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>
</body></html>

Latest revision as of 21:40, 16 June 2010