Biomod/2011/TUM/TNT/Home: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 3: Line 3:


#column-one { display:none; width:0px;}
#column-one { display:none; width:0px;}
.container{background-color: #f5f5f5; margin-top:50px}


#content {  width: 0px; margin: 0 auto auto 0;  padding: 1em 1em 1em 1em; align: center;}
#content {  width: 0px; margin: 0 auto auto 0;  padding: 1em 1em 1em 1em; align: center;}
Line 321: Line 322:
             <a href="#">How to do a stop-motion-video</a>  
             <a href="#">How to do a stop-motion-video</a>  
             <a href="#">How to make ...</a>  
             <a href="#">How to make ...</a>  
             <a href="#">Blub blub</a>
             <a href="http://openwetware.org/index.php?title=Biomod/2011/TUM/TNT/Home&action=edit&">Edit</a>
         </span>
         </span>


Revision as of 03:00, 16 September 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: 1280px; align: center; background-color: #ffffff;}
  1. column-content{width: 1280px;background-color: #ffffff;}

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

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

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

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

background:#f5f5f5; 

 }

ul#topnav {

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

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

font-size: 1em; background: #f5f5f5; 

       height: 5px;

} ul#topnav li { float: left; margin: 0; padding: 0; border-right: 6px solid #ffffff; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 10px 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{

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

  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:#f5f5f5; }

  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://www.tftshop.net/Testbild_100ppi.jpg'); 

 $('#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://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Button_Icon_GreenForest.svg/300px-Button_Icon_GreenForest.svg.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="#">Project</a>
       <!--Subnav Starts Here-->
       <span>
           <a href="#">The Idea</a> |
           <a href="#">The Plan</a> |
           <a href="#">The Video</a>
       </span>
       <!--Subnav Ends Here-->
   </li>
   <li><a href="#">Results</a>

<span> 

           <a href="#">Structure</a> 
           <a href="#">FRET</a> 
           <a href="#">....</a>
       </span>
       <!--Subnav Ends Here-->

</li> 

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT">Testpage</a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team">Team</a></li>
   <li><a href="http://openwetware.org/wiki/Tnt_-_Labbook">Labbook</a><!--Subnav Starts Here-->
       <span>
           <a href="#">Week I</a> 
           <a href="#">Week II</a> 
           <a href="#">Week III</a>
       </span>
       <!--Subnav Ends Here-->
   </li>
   <li><a href="#">Outlook</a></li>
   <li><a href="#">Extras</a><span>
           <a href="#">How to do a stop-motion-video</a> 
           <a href="#">How to make ...</a> 
           <a href="http://openwetware.org/index.php?title=Biomod/2011/TUM/TNT/Home&action=edit&">Edit</a>
       </span>

</li> </ul>

<div id="abstractandlinks"> 

  <div id="abstract">
  <h1>Abstract</h1>

'''Welcome to the TUM Biomod project 2011! It was a ......... Here's a brief introduction…</br> </br> ''“Zitat- falls jemand was gutes kennt”'' - xy</br> </br> Nanobiology offers a great opportunity to design anything you can imagine. At the beginning of this project we there were many ideas we discussed and finally we decided to build a DNA based sensor. We wanted to design a structure, that enables you to identify the influence DNA intercalating or binding molecules have on twist and length of the DNA using FRET labeld staples. The advantage of FRET on the one hand is the easy detection via flourecent measurements and on the other hand the easy positioning of the labels on the structur. The TEM pictures we took are a control to confirm our results from the FRET experiments.</br> </br> '''You can take a look at our structure below. Follow the link to take a quick tour of the wiki. The links on the right lead to elements we think might beinteresting additions to the core project. Or just head for the main menu above if you know what you're looking for.</br> 

  </div>

  <div id="links">
  <h1>Links</h1>

      <div id="side1" align="center"> <a href='#' id='lside1'></a></div>
      <div id="side2" align="center"> <a href='#' id='lside2'></a></div>
      <div id="side3" align="center"> <a href='#' id='lside3'></a></div>
   </div>

<div id="tour" align="center">

Take the Tour... </div>

</div> <div id="struktur"> <h1>Struktur</h1>


<div id="maincon"> 

<img id="mainpic" />
 <div id="but1"></div>
 <div id="but2"></div>
 <div id="but3"></div>
 <div id="but4"></div>
</div>

</div> <div id="abstractandlinks"> 

  <div id="abstract">
  <h1>About Biomod</h1>

The Biomod is ……… competition. Student teams are given the opportunity to……... Working at their own schools over the summer, they design……………. This project design and competition offers the unique opportunity to……….. 

  </div>

  <div id="links">
  <h1>Sponsors</h1>


<a href="http://www.wdrmaus.de/"> 

 <img src="http://www.aba-fachverband.org/uploads/RTEmagicC_Logo_Maus.gif.gif" align="center"/>
</a>

<a href="http://www.wdrmaus.de/">
 <img src="http://www.aba-fachverband.org/uploads/RTEmagicC_Logo_Maus.gif.gif" align="center"/>
</a>



<a href="http://openwetware.org/index.php?title=Biomod/2011/TUM/TNT/Maus">
 <img src="http://www.aba-fachverband.org/uploads/RTEmagicC_Logo_Maus.gif.gif" align="center"/>
</a>

   </div>


</div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2011/TUM/TNT/Home&oldid=537918"