Template:TUMNanUHeader: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 325: Line 325:
         <span>
         <span>
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Overview</a>||
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Overview</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spectra_DNA_binders">Spectra of DNA binders</a>|
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Folding_Purification">Folding & Purification</a>|  
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Folding_Purification">Folding & Purification</a>|  
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spectra_DNA_binders">Spectra of DNA binders</a>|
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Structure_deformation">Structure deformation</a>|
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Structure_deformation">Structure deformation</a>|
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Conclusion">Conclusion</a>|
             <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Conclusion">Conclusion</a>|

Revision as of 00:58, 25 October 2011

<html>

  <style>
  1. column-one { display:none; width:0px;}

.container{background-color: #f5f5f5; margin-top:50px}

  1. content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; align: center;}
  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. globalWrapper{ width:1280px;}
  1. column-one {display:none; width:0px;background-color: #ffffff;}
  1. content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px;background-color: #f5f5f5; }

.container{ width: 800px; margin: auto; background-color: #ffffff; text-align:justify; font-family: helvetica, arial, sans-serif; color:#555555; margin-top:25px; }

  1. bodyContent{ width: 1267px; align: center; background-color: #ffffff;}
  1. column-content{width: 1280px;background-color: #f5f5f5;}

.firstHeading { display:none;width:0px;background-color: #ffffff;}

  1. header{position: center; width: 800px;background-color: #ffffff;}
  1. footer{position: center;}

<style type="text/css"> body {

   font-family: helvetica, arial, sans-serif;
   color: black;

background:#f5f5f5;

 }
ul#topnav {

margin: 0 0 0 0px ; padding: 0 0 0 3px; float: left; width: 800px; list-style: none; position: relative;

       font-family: helvetica, arial, sans-serif;

font-size: 12px; background: #f5f5f5;

       height: 5px;

} ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #ffffff; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 11px 15px; display: block; color: #333333; text-decoration: none; } ul#topnav li:hover { background: #cccccc;} /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:30px; display: none; /*--Hide by default--*/ width: 800px; background: #cccccc; color: #333333; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#topnav li span a:hover {text-decoration: underline;}


  1. abstractandlinks{

display:block; width:800px; background-color:#f5f5f5; text-align:justify;font-family: helvetica, arial, sans-serif; color:#555555; margin-top:0px; }

  1. innerBox

{ display: block; padding: 5px; }

  1. abstract{

font-family: helvetica, arial, sans-serif; width: 490px; margin-top: 20px; padding:0px 5px; float: left;background-color:#f5f5f5; ; }

  1. links{

font-family: helvetica, arial, sans-serif; width: 290px; margin-top: 20px; padding:0px 5px; float: left; background-color:#f5f5f5;; } .clear { clear:both; }

  1. tour{

font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; margin-top: 1em, margin-bottom: 1em; float: left;background:#f5f5f5; font-size: 2em; }

  1. struktur{

font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; float: left;background:#f5f5f5; }

</style>

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript"> $(document).ready(function() {

$("ul#topnav li").hover(function() { //Hover over event on list item $(this).css({ 'background' : '#cccccc'}); //Add background color and image on hovered list item $(this).find("span").show(); //Show the subnav } , function() { //on hover out... $(this).css({ 'background' : 'none'}); //Ditch the background $(this).find("span").hide(); //Hide the subnav });

}); </script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
   $('#lside1').mouseover(function() {
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside1').mouseleave(function() {
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
   $('#lside2').mouseover(function() {
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside2').mouseleave(function() {
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
   $('#lside3').mouseover(function() {
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside3').mouseleave(function() {
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
  });
 </script>

<style type="text/css">

  #side1 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside1 {
   width: 250px;
   height: 100px;
   background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
  #side2 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside2 {
   width: 250px;
   height: 100px;
   background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
  #side3 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside3 {
   width: 250px;
   height: 100px;
   background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
 </style>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">

$(document).ready(function(){
 $('#mainpic').attr('src', 

'http://openwetware.org/wiki/Image:U1.png');

 $('#mainpic').attr('src', 

'http://australian-kanguru-watchers.de/wp-content/uploads/2009/11/dnet24-testbild.jpg');

 $('#mainpic').attr('src', 

'http://eschbaer.de/wp-content/uploads/final_testbild.png');

 $('#mainpic').attr('src', 

'http://www.media-digest.com/wp-content/uploads/2009/05/test-pattern-briefs.jpg');

 $("#but1").mouseenter(function() {
  $('#mainpic').attr('src', 'http://www.cnet.co.uk/i/c/rv/e/digitalcameras/fujifilm/finepix_f200exr/f200exrstorygraphic1large.jpg');
 });
 $("#but2").mouseenter(function() {
  $('#mainpic').attr('src', 

'http://xmas.tfoe.net/img/testbild.jpg');

 });
 $("#but3").mouseenter(function() {
  $('#mainpic').attr('src', 

'http://www.tv-testbild.com/bilder/nbc-320.jpg');

 });
 $("#but4").mouseenter(function() {
  $('#mainpic').attr('src', 

'http://www.tv-testbild.com/pictures/orf2.jpg');

 });
});

</script> <style type="text/css">

#maincon {
 width:800px;
 position:relative;}
#mainpic {
 width:800px;}
#but1 {
 width:60px;
 height:60px;
 position:absolute;
 left:88px;
 top:19px;
 z-index:2;
 background-image:url('http://openwetware.org/wiki/Image:U1.png');}
#but2 {
 width:60px;
 height:60px;
 position:absolute;
 left:489px;
 top:220px;
 z-index:2;
 background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Button_Icon_Red.svg/300px-Button_Icon_Red.svg.png');}
#but3 {
 width:60px;
 height:60px;
 position:absolute;
 left:320px;
 top:302px;
 z-index:2;
 background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
#but4 {
 width:60px;
 height:60px;
 position:absolute;
 left:509px;
 top:4px;
 z-index:2;
 background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}

</style>



<title>

       TUM NanU - Home   

</title> </head>

<body background-color="#F0F0F0"> <!-- Header--> <div class="container">

   <div id="header"> <img src="http://openwetware.org/images/5/5c/Header2.png" /> </div> 
   

<!--Menue--> <ul id="topnav">

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Home">Home</a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project">Project</a>        
       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project">Overview</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Idea">The Idea</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Structure">The Structure</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/altOverview">altOverview</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/altIdea">altThe Idea</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/altPlan">altThe Plan</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/altStructure">altThe Structure</a>
       </span>        
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods">Methods</a>
       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods">Overview</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/Folding">Folding</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/Purification">Purification</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/Labeling">Labeling</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/Immobilization">Immobilization</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/FRET">FRET</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/TEM">TEM</a>
       </span>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results & Discussion</a>
       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Overview</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spectra_DNA_binders">Spectra of DNA binders</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Folding_Purification">Folding & Purification</a>| 
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Structure_deformation">Structure deformation</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Conclusion">Conclusion</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Discussion">Discussion</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/FRET">altFRET</a>|
       </span>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Outlook">Outlook</a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team">Team</a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Glossary">Glossary</a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video">Video</a>

       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video">Presentation Video</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/MakingOf">Making of</a> |
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Music">Music</a> |
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Studio">Studio</a> |
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Software">Software</a>
       </span>

</li>

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras">Extras</a>
       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras/References">References</a> |
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras/Acknowledgments">Acknowledgments</a> |
           <a href="http://openwetware.org/index.php?title=Template:TUMNanUHeader&action=submit">Edit</a>
       </span>
  </li>
 <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Labbook</a><!--Subnav Starts Here-->
       <span>
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Main Page</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Structure">Structure</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TEM">TEM</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TIRF">TIRF</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Dyes">Dyes & DNA-binders</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/08">August</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/09">September</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/#">October</a>
       </span>
   </li>

</ul> <p> <br> </p> <p> <br> </p> <p> <br> </p>

</body> </html>