Team:Freiburg/Templates/header

From 2011.igem.org

(Difference between revisions)
 
(200 intermediate revisions not shown)
Line 1: Line 1:
<html lang="en">  
<html lang="en">  
<head>
<head>
 +
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2011/2/26/Favicon.png">
 +
<script type="text/javascript">
<script type="text/javascript">
function windowLoadMenu(){
function windowLoadMenu(){
  var url = document.URL;
  var url = document.URL;
  var splitted = new Array();
  var splitted = new Array();
-
  splitted = url.split("2011.igem.org/Team:Freiburg/");
+
  if (url.search("2011.igem.org/Team:Freiburg/")<0){
-
url = splitted[1].toLowerCase();
+
  url="home";
-
  // check is we are in a submenu
+
  }
-
  //if (url.search('/') >= 0){
+
  else{
-
//  alert('submenu!');
+
  splitted = url.split("2011.igem.org/Team:Freiburg/");
-
//  splitted = url.split('/');
+
  url = splitted[1].toLowerCase();
-
//  if(splitted.length > 1){
+
}
-
//    var id = 'sub-'+ splitted[0];
+
-
//    hideSubmenu(id);
+
-
//  }
+
-
//}
+
-
//else { // we are on a main menu item
+
   var id = 'sub-'+ url;
   var id = 'sub-'+ url;
-
   alert(id);
+
   var sbmenus= ['sub-team','sub-project', 'sub-home', 'sub-gallery', 'sub-sponsors', 'sub-humanpractices', 'sub-synbio oath'];
 +
  var smList = ["members#attributions#freiburg", "overview#description#results#modelling#notebook#sampledata", "", "", "", "oath#socioeconomicconsiderations#safety", ""];
 +
  for (var i = 0; i < smList.length; i++){
 +
    if (smList[i].search(url) >= 0){
 +
        id = sbmenus[i];
 +
    }
 +
  }
   hideSubmenu(id);
   hideSubmenu(id);
   highlightMenuItem(url);
   highlightMenuItem(url);
-
//}
 
}
}
function highlightMenuItem(id){
function highlightMenuItem(id){
-
   alert('highlight');
+
   if(document.getElementById(id) != null){
-
  document.getElementById(id).style.fontWeight='bold';  
+
    document.getElementById(id).style.fontWeight='bold';
 +
    array =  document.getElementById(id).getElementsByTagName("span");
 +
    for (var i = 0; i < array.length; i++){
 +
      array[i].style.display="inline";
 +
      array[i].style.fontWeight="bold";
 +
    }
 +
  }
}
}
function hideSubmenu( elem ){
function hideSubmenu( elem ){
-
  var submenus= ['sub-team','sub-project', 'sub-home', 'sub-gallery', 'sub-sponsors'];
+
  var submenus= ['sub-team','sub-project', 'sub-home', 'sub-gallery', 'sub-sponsors', 'sub-humanpractices'];
 +
  for( var i=0; i<submenus.length; i++){
  for( var i=0; i<submenus.length; i++){
   if (elem == 'none'){
   if (elem == 'none'){
-
       document.getElementById(submenus[i]).style.display = 'none';
+
       document.getElementById(submenus[i]).style.display = "none";
   }
   }
   else{
   else{
     if( submenus[i] != elem ){
     if( submenus[i] != elem ){
-
         document.getElementById(submenus[i]).style.display = 'none';
+
         if (document.getElementById(submenus[i]) != null){
-
//      document.getElementById(id).getElementsByTagName('span').style.display='none';
+
          document.getElementById(submenus[i]).style.display = "none";
-
    }
+
        }
-
     else{
+
     }else{
-
         document.getElementById(submenus[i]).style.display = 'block';
+
         if(document.getElementById(submenus[i]) != null){
-
  //      document.getElementById(id).getElementsByTagName('span').style.display='block';
+
          document.getElementById(submenus[i]).style.display = "block";
 +
          splitted = submenus[i].split("-");
 +
          if(document.getElementById(splitted[1]) != null){
 +
            array = document.getElementById(splitted[1]).getElementsByTagName('span');
 +
            for (var j = 0; j < array.length; j++){
 +
              array[j].style.display="inline";
 +
            }
 +
          }
 +
        }
     }
     }
   }
   }
Line 49: Line 67:
window.onload = function() {  
window.onload = function() {  
-
alert('in windoeonload');
 
  windowLoadMenu();
  windowLoadMenu();
  document.getElementById( "contentSub" ).style.display="none";
  document.getElementById( "contentSub" ).style.display="none";
  document.getElementsByTagName( "p" )[0].style.display="none";
  document.getElementsByTagName( "p" )[0].style.display="none";
}
}
 +
//<![CDATA[  
//<![CDATA[  
</script>
</script>
Line 75: Line 93:
     border: none;
     border: none;
     }
     }
 +
#notebook-page-header{
 +
  width: 100%;
 +
  height:25px;
 +
  padding-top:7px;
 +
}
 +
#notebook-back{
 +
  width: 15%;
 +
  float:left;
 +
}
 +
#notebook-title{
 +
  width: 75%;
 +
  float:left;
 +
  font-size:large;
 +
  text-align:center;
 +
}
 +
#notebook-title a{
 +
  decoration:none;
 +
  color:black;
 +
}
 +
#notebook-next{
 +
  width: 10%;
 +
  float:right;
 +
}
#content {
#content {
     background-color: #edeceb;
     background-color: #edeceb;
Line 207: Line 248:
   margin-right:40px;
   margin-right:40px;
   margin-bottom:0px;
   margin-bottom:0px;
-
  float:right;
 
   padding-top:0px;   
   padding-top:0px;   
   padding-right:2px;
   padding-right:2px;
   padding-left:2px;
   padding-left:2px;
   padding-bottom:0px;
   padding-bottom:0px;
-
   floar:right;
+
   float:right;
   text-decoration:none;
   text-decoration:none;
   text-align:center;
   text-align:center;
Line 231: Line 271:
   padding: 0 auto;
   padding: 0 auto;
   margin:0 auto;
   margin:0 auto;
-
}
 
-
#freiburg_box{
 
-
    width:250px;
 
-
    background: url("https://static.igem.org/mediawiki/2011/7/7d/Box1.png") no-repeat scroll 100% 0 transparent;
 
-
    display: block;
 
-
    margin-left: 10px;
 
-
    margin-right: 10px;
 
-
    margin-top: 10px;
 
-
    position:relative;
 
-
    height:240px;
 
-
}
 
-
#freiburg_box_content{
 
-
    padding:0px 2px 0px 25px;
 
-
}
 
-
#freiburg_box:hover {
 
-
    background-position: 100% -250px;
 
}
}
-
#freiburg_box:hover
+
#navigation {font-size:1.05em; width:120px;
-
h2{
+
margin:10px;
-
    color:black;
+
}
}
 +
#navigation ul {margin:0; padding:5px;}
 +
#navigation li {list-style: none; border-bottom:dashed; border-bottom-width:1px; border-color:#A5B3AA;}
 +
#navigation li.sub2 {border-top:dashed; border-top-width:1px; border-color:#A5B3AA; border-bottom:none; }
-
#freiburg_box
 
-
h2{
 
-
color: #0CA5B0;
 
-
}
 
-
#freiburg_box .more {
 
-
line-height:1em;
 
-
display:block;
 
-
text-align:right;
 
-
padding:0 22px 0px 0px;
 
-
margin-top:2px;
 
-
background:url("https://static.igem.org/mediawiki/2011/4/41/Arrow.png") 230px 50% no-repeat;
 
-
}
 
-
#navigation {font-size:1.05em; width:100px;}
 
-
#navigation ul {margin:0; padding:10px;}
 
-
#navigation li {list-style: none; border-bottom:dashed; border-bottom-width:1px; border-color:#A5B3AA;}
 
-
#navigation li.sub2 {border-top:dashed; border-top-width:1px; border-color:#A5B3AA; border-bottom:none;}
 
#navigation a {
#navigation a {
  color: #4E3F30;
  color: #4E3F30;
  cursor: pointer;
  cursor: pointer;
  display:block;
  display:block;
-
  height:25px;
+
  height:30px;
-
  line-height: 25px;
+
  line-height: 30px;
-
  text-indent: 10px;                   
+
  text-indent: 15px;                   
  text-decoration:none;
  text-decoration:none;
  width:100%;
  width:100%;
Line 287: Line 297:
#noNavigationContent{
#noNavigationContent{
  float:left;
  float:left;
-
  width:570px;
+
  width:750px;
}
}
.blue {
.blue {
  color:#0CA5B0;
  color:#0CA5B0;
 +
}
 +
.blueSelect {
 +
color:#0CA5B0;
 +
display:none;
}
}
.unselected{
.unselected{
Line 300: Line 314:
   <div id="up_white_container">
   <div id="up_white_container">
     <div id="over_the_header_button">
     <div id="over_the_header_button">
-
       <div class="color"><a href="#"> <img src="https://static.igem.org/mediawiki/2011/9/95/Contact_grey.png" height="80%"/> Contact </a></div>
+
       <div class="color"><a href="https://2011.igem.org/Team:Freiburg/Contact"> <img src="https://static.igem.org/mediawiki/2011/9/95/Contact_grey.png" height="80%"/> Contact </a></div>
     </div>
     </div>
   </div>
   </div>
<div id=up_line>
<div id=up_line>
   <div id=up_line_header>
   <div id=up_line_header>
-
         <div style="float:right"> <a href="#"><img src="https://static.igem.org/mediawiki/2011/7/74/Facebook-icon-torn.png" title="Connect with us on Facebook!" width="80%"/> </a></div>
+
         <div style="float:left; position: absolute; bottom: 15px; left: -400px"> <a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/8/8e/UNIPV_iGEMlogo.png" width="20%" title="Back to iGEM main page"/> </a></div>
-
         <div style="float:right; position: absolute; bottom: 0; right: 0; padding-bottom:2px;"> </br>This is the wiki page </br>of the Freiburger student </br>team competing for iGEM 2011. </br>Thank you for your interest! </div>
+
        <div style="float:right"> <a href="http://www.uni-freiburg.de/start-en.html?set_language=en"><img src="https://static.igem.org/mediawiki/2011/b/ba/Logo_Uni_Freiburg.png"  width="30%"/> </a></div>  
 +
         <div style="float:right; position: absolute; bottom: 10px; right: 375px"> <a href="http://www.startnext.de/lab-in-a-cell-studentenprojekt-zur-synthetischen-biologie"><img src="https://static.igem.org/mediawiki/2011/1/1a/Freiburg11_SupportUs.png" title="Support us on Startnext"/> </a></div>
 +
        <div style="float:right; position: absolute; bottom: 15px; right: 100px; padding-bottom:2px;"> </br>This is the wiki page </br>of the Freiburger student </br>team competing for iGEM 2011. </br>Thank you for your interest! </div>
   </div>
   </div>
</div>
</div>
-
<div id=my_content>
+
<div id="my_content">
 +
    <div id="nav-body" style="width: 985px; float:left">
 +
<div id="navigation" style="width: 150px; float:left">
-
<div id=navigation style="width: 150px; float:left">
+
<img src="https://static.igem.org/mediawiki/2011/7/7b/Logo_Ilinca.png" width=150px/>
<ul>
<ul>
-
<li><a href="https://2011.igem.org/Team:Freiburg/test" display="block" onclick="hideSubmenu('none')"><span class="blue" display="none"> < </span>home<span class="blue" display="none"> > </span></a>
+
 
 +
 
 +
<li><a id="home" href="https://2011.igem.org/Team:Freiburg" display="block" ><span class="blueSelect"> < </span>home<span class="blueSelect" display="none"> > </span></a>
                         </li>
                         </li>
-
<li><a href="#" display="block" onclick="hideSubmenu('sub-team')"><span class="blue" display="none"> < </span>team<span class="blue" display="none"> > </span></a>
+
 
 +
 
 +
<li><a id="team" href="https://2011.igem.org/Team:Freiburg/Team" display="block"><span class="blueSelect"> < </span>team<span class="blueSelect"> > </span></a>
<ul class="sub2" id="sub-team" display="none">
<ul class="sub2" id="sub-team" display="none">
-
                             <li class="sub2"><a href="#"> <span class="blue"> &rarr; </span>members</a></li>
+
                             <li id="members" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Members"> <span class="blue"> &rarr; </span>members</a></li>
-
                             <li class="sub2"><a href="#"> <span class="blue"> &rarr; </span>attributions</a></li>
+
                             <li id="attributions" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Attributions"> <span class="blue"> &rarr; </span>attributions</a></li>
-
                             <li class="sub2"><a href="#"> <span class="blue"> &rarr; </span>freiburg</a></li>
+
                             <li id="freiburg" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Freiburg"> <span class="blue"> &rarr; </span>freiburg</a></li>
                         </ul>
                         </ul>
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:Freiburg/Project" display="block" onclick="hideSubmenu('sub-project')"><span class="blue" display="none"> < </span>project<span class="blue" display="none"> > </span></a>
+
 
 +
 
 +
<li><a id="project" href="https://2011.igem.org/Team:Freiburg/Project" display="block"><span class="blueSelect"> < </span>project<span class="blueSelect"> > </span></a>
                         <ul class="sub2" id="sub-project" display="none">
                         <ul class="sub2" id="sub-project" display="none">
-
                             <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>overview</a></li>
+
                             <li id='description' class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Description"><span class="blue"> &rarr; </span>description</a></li>
-
                            <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>motivation</a></li>
+
                             <li id='results' class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Results"><span class="blue"> &rarr; </span>results</a></li>
-
                             <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>description</a></li>
+
                             <li id='modelling' class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Modelling"><span class="blue"> &rarr; </span>modeling</a></li>
-
                            <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>results</a></li>
+
                             <li id = "notebook" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Notebook"><span class="blue"> &rarr; </span>notebook</a></li>
-
                             <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>modelling</a></li>
+
                             <li id = "sampledata" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/SampleData"><span class="blue"> &rarr; </span>sample data</a></li>
-
                             <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>notebook</a></li>
+
-
                             <li class="sub2"><a href="#"><span class="blue"> &rarr; </span>safety</a></li>
+
                         </ul> </li>
                         </ul> </li>
-
<li><a href="#" display="block" onclick="hideSubmenu('none')"><span class="blue" display="none"> < </span>gallery<span class="blue" display="none"> > </span></a> </li>
+
 
-
<li><a href="https://2011.igem.org/Team:Freiburg/Sponsors"  display="block" onclick="hideSubmenu('none')"><span class="blue" display="none"> < </span>sponsors<span class="blue" display="none"> > </span></a> </li>
+
 
 +
                        <li><a id="humanpractices" href="https://2011.igem.org/Team:Freiburg/Oath" ><span class="blueSelect"> < </span>human practices<span class="blueSelect" display="none"> > </span></a>
 +
                          <ul class="sub2" id="sub-humanpractices" display="none">
 +
                            <li id='oath' class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Oath"><span class="blue"> &rarr; </span>oath</a></li>
 +
                            <li id='socioeconomicconsiderations' class="sub2"><a href="https://2011.igem.org/Team:Freiburg/SocioeconomicConsiderations"><span class="blue"> &rarr; </span>ethics</a></li>
 +
                          <li id="safety" class="sub2"><a href="https://2011.igem.org/Team:Freiburg/Safety"><span class="blue"> &rarr; </span>safety</a></li>
 +
                        </ul>
 +
                        </li>
 +
         
 +
<li><a id="gallery" href="https://2011.igem.org/Team:Freiburg/Gallery" ><span class="blueSelect"> < </span>gallery<span class="blueSelect" display="none"> > </span></a> </li>
 +
 
 +
 
 +
<li><a id="sponsors" href="https://2011.igem.org/Team:Freiburg/Sponsors"  display="block" ><span class="blueSelect"> < </span>sponsors<span class="blueSelect"> > </span></a> </li>
 +
 
 +
<li><a id="synbio oath" href="https://2011.igem.org/forum/Topic_List?n=368&s=1" ><span class="blueSelect"> < </span>to the forums<span class="blueSelect" display="none"> > </span></a> </li>
</ul>
</ul>
  </div>
  </div>
<div id=noNavigationContent>
<div id=noNavigationContent>
</html>
</html>

Latest revision as of 01:37, 22 September 2011


This is the wiki page
of the Freiburger student
team competing for iGEM 2011.
Thank you for your interest!