|
|
Line 1: |
Line 1: |
- | <html lang="en">
| + | {{:Team:Freiburg/Templates/header}} |
- | <head>
| + | <html> |
- | <script type="text/javascript">
| + | |
- | function hideSubmenu( elem , thisElem){
| + | |
- | var submenus= ['sub-team','sub-project'];
| + | |
- | for( var i=0; i<submenus.length; i++){
| + | |
- | if (elem == 'none'){
| + | |
- | document.getElementById(submenus[i]).style.display = 'none';
| + | |
- | }
| + | |
- | else{
| + | |
- | if( submenus[i] != elem ){
| + | |
- | document.getElementById(submenus[i]).style.display = 'none';
| + | |
- | }
| + | |
- | else{
| + | |
- | document.getElementById(submenus[i]).style.display = 'block';
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | window.onload = function() {
| + | |
- | hideSubmenu('sub-home', null);
| + | |
- | document.getElementById( "contentSub" ).style.display="none";
| + | |
- | document.getElementsByTagName( "p" )[0].style.display="none";
| + | |
- | }
| + | |
- | //<![CDATA[
| + | |
- | </script>
| + | |
- | <style>
| + | |
- | body{
| + | |
- | background-color:#edeceb;
| + | |
- | padding:none;
| + | |
- | }
| + | |
- | h1, h2, h3, h4, h5, h6 {
| + | |
- | background: none repeat scroll 0 0 transparent;
| + | |
- | border-bottom: 1px solid #AAAAAA;
| + | |
- | color: black;
| + | |
- | font-weight: normal;
| + | |
- | margin: 0;
| + | |
- | padding-bottom: 0.17em;
| + | |
- | padding-top: 0.5em;
| + | |
- | }
| + | |
- | #globalWrapper {
| + | |
- | background-color: transparent;
| + | |
- | padding:0px;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | #content {
| + | |
- | background-color: #edeceb;
| + | |
- | border:none;
| + | |
- | padding-bottom:none;
| + | |
- | padding: 0px;
| + | |
- | margin-bottom:none;
| + | |
- | width: 100%;
| + | |
- | }
| + | |
- | #bodyContent {
| + | |
- | border: none;
| + | |
- | padding:none;
| + | |
- | }
| + | |
- | h1.firstHeading {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #p-logo {
| + | |
- | height:0px;
| + | |
- | overflow:hidden;
| + | |
- | border:none;
| + | |
- | }
| + | |
- | #top-section {
| + | |
- | height: 15px;
| + | |
- | border:none;
| + | |
- | margin: 0 auto;
| + | |
- | position: relative;
| + | |
- | width: 975px;
| + | |
- | padding:0px;
| + | |
- | background-color: #FEFEEB;
| + | |
- | }
| + | |
- | #footer-box {
| + | |
- | background-color: #FEFEEB;
| + | |
- | border: none;
| + | |
- | width: 975px;
| + | |
- | margin: 0 auto;
| + | |
- | margin-bottom:none;
| + | |
- | padding-left:5px;
| + | |
- | padding-right:5px;
| + | |
- | }
| + | |
- | #footer {
| + | |
- | border: none;
| + | |
- | width: 965px;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | background-color:#FEFEEB;
| + | |
- | }
| + | |
- | #search-controls {
| + | |
- | overflow:hidden;
| + | |
- | display:none;
| + | |
- | background: none;
| + | |
- | position: absolute;
| + | |
- | top: 100px;
| + | |
- | right: 40px;
| + | |
- | }
| + | |
- |
| + | |
- | .left-menu { width: 400px; display:block; float:left; margin-top:-1px; margin-right:30px; border: none; left:20px;}
| + | |
- | .left-menu ul { border: none; }
| + | |
- | | + | |
- | #menubar.right-menu {
| + | |
- | background-color: #0CA5B0;
| + | |
- | width:300px;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | margin-top:-1px;
| + | |
- | background: none;
| + | |
- | padding-left:50px;
| + | |
- | border: none;
| + | |
- | right:50px;
| + | |
- | }
| + | |
- | #catlinks {
| + | |
- | background-color: #FEFEEB;
| + | |
- | border: none;
| + | |
- | clear: both;
| + | |
- | margin-top: 0em;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | .right-menu ul { border: none;}
| + | |
- | | + | |
- | #menubar li a{
| + | |
- | color: #edeceb;
| + | |
- | }
| + | |
- | | + | |
- | #menubar li a:hover {
| + | |
- | color:#555555;
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | .right-menu li a {
| + | |
- | background-color: #FEFEEB;
| + | |
- | color: white;
| + | |
- | padding: 0 15px 0 0;
| + | |
- | }
| + | |
- | .left-menu:hover {
| + | |
- | background-color: #FEFEEB;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | #menubar li.selected a {
| + | |
- | color:#edeceb;
| + | |
- | }
| + | |
- | #up_white_container{
| + | |
- | height:25px;
| + | |
- | background-color:#FEFEEB;
| + | |
- | width:985px;
| + | |
- | padding: 0 auto;
| + | |
- | border: none;
| + | |
- | margin:0 auto;
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | #up_line{
| + | |
- | background-color: #0CA5B0;
| + | |
- | border: none;
| + | |
- | width: 100%;
| + | |
- | height: 90px;
| + | |
- | padding: 0px;
| + | |
- | margin: 0px;
| + | |
- | color:white;
| + | |
- | line-height:10px;
| + | |
- | }
| + | |
- | #up_line_header{
| + | |
- | width: 980px;
| + | |
- | padding: 0 auto;
| + | |
- | margin:0 auto;
| + | |
- | background-image: url("https://static.igem.org/mediawiki/igem.org/9/9c/LagInACell.png");
| + | |
- | height: 90px;
| + | |
- | text-align:right;
| + | |
- | font-size:0.6em;
| + | |
- | position:relative;
| + | |
- | } | + | |
- | #over_the_header_button{
| + | |
- | height: 18px;
| + | |
- | width:70px;
| + | |
- | margin-left:10px;
| + | |
- | margin-right:40px;
| + | |
- | margin-bottom:0px;
| + | |
- | float:right;
| + | |
- | padding-top:2px;
| + | |
- | padding-right:2px;
| + | |
- | padding-left:2px;
| + | |
- | padding-bottom:0px;
| + | |
- | position:absolute;
| + | |
- | bottom: 0; right: 0;
| + | |
- | text-decoration:none;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | #over_the_header_button
| + | |
- | .color{
| + | |
- | background-color:#edeceb;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | #over_the_header_button a{
| + | |
- | color:#4E3F30;
| + | |
- | }
| + | |
- | #my_content{
| + | |
- | background-color: #FEFEEB;
| + | |
- | height:100%;
| + | |
- | overflow:hidden;
| + | |
- | width:985px;
| + | |
- | padding: 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
| + | |
- | h2{
| + | |
- | color:black;
| + | |
- | }
| + | |
- | | + | |
- | #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 {
| + | |
- | color: #4E3F30;
| + | |
- | cursor: pointer;
| + | |
- | display:block;
| + | |
- | height:25px;
| + | |
- | line-height: 25px;
| + | |
- | text-indent: 10px;
| + | |
- | text-decoration:none;
| + | |
- | width:100%;
| + | |
- | }
| + | |
- | #navigation a:hover{
| + | |
- | text-decoration:none;
| + | |
- | color: #0CA5B0;
| + | |
- | }
| + | |
- | | + | |
- | #noNavigationContent{
| + | |
- | float:left;
| + | |
- | width:570px;
| + | |
- | }
| + | |
- | .blue {
| + | |
- | color:#0CA5B0;
| + | |
- | }
| + | |
- | .selected{
| + | |
- | color:#FF0000;
| + | |
- | }
| + | |
- | .unselected{
| + | |
- | color:#0CA5B0;
| + | |
- | } | + | |
- | </style> | + | |
- | </head>
| + | |
- | <body >
| + | |
- | <div id="up_white_container">
| + | |
- | <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>
| + | |
- | </div>
| + | |
- | <div id=up_line>
| + | |
- | <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: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>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id=my_content>
| + | |
- | | + | |
- | <div id=navigation style="width: 150px; float:left">
| + | |
- | <ul>
| + | |
- | <li><a href="javascript:;" display="block" onclick="hideSubmenu('none', this)"><span class="unselected"> < </span>home</a>
| + | |
- | </li>
| + | |
- | <li><a href="#" display="block" onclick="hideSubmenu('sub-team', this)"><span class="unselected"> < </span>team</a>
| + | |
- | <ul class="sub2" id="sub-team" display="none">
| + | |
- | <li class="sub2"><a href="#"> <span class="blue"> → </span>members</a></li>
| + | |
- | <li class="sub2"><a href="#"> <span class="blue"> → </span>freiburg</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2011.igem.org/Team:Freiburg/Project" display="block" onclick="hideSubmenu('sub-project', this)">project</a>
| + | |
- | <ul class="sub2" id="sub-project" display="none">
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>overview</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>motivation</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>description</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>results</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>modelling</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>notebook</a></li>
| + | |
- | <li class="sub2"><a href="#"><span class="blue"> → </span>safety</a></li>
| + | |
- | </ul> </li>
| + | |
- | <li><a href="#" display="block" onclick="hideSubmenu('none', this)">gallery</a> </li>
| + | |
- | <li><a href="https://2011.igem.org/Team:Freiburg/Sponsors" display="block" onclick="hideSubmenu('none', this)">sponsors</a> </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
| <div id=noNavigationContent> | | <div id=noNavigationContent> |
| | | |