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

Revision as of 14:58, 14 September 2011

<html>

  <style>

column-one { display:none; width:0px;}

content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; position: center;}

column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

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

globalWrapper{ width:800px;}

column-one {display:none; width:0px;}

content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px; }

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

bodyContent{ width: 800px; position: center;}

column-content{width: 800px;}

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

header{position: center; width: 800px;}

 body {
   font: normal 100.01% Helvetica, Arial, sans-serif;
   color: black; background-color: #ffffe0;
 }

 div#Rahmen {
   width: 47.1em;
   padding: 0.8em;
   border: 1px solid #333333;
   background-color: #555555;
 }
 * html div#Rahmen {  /* Korrektur fuer IE 5.x */
   width: 48.7em;
   w\idth: 47.1em;
 }
 div#Rahmen div {
    clear: left;
 }
 ul#Navigation {
   margin: 0; padding: 0;
   text-align: center;
 }

 ul#Navigation li {
   list-style: none;
   float: left;  /* ohne width - nach CSS 2.1 erlaubt */
   position: relative;
   margin: 0.4em; padding: 0;
 }
 * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
   margin-bottom: -0.4em;
 }
 *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
   margin-bottom: -0.1em;
 }

 ul#Navigation li ul {
   margin: 0; padding: 0;
   position: absolute;
   top: 1.6em; left: -0.4em;
   display: none;  /* Unternavigation ausblenden */
 }
 * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
   left: -1.5em;
   lef\t: -0.4em;
 }
 *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
   background-color:silver; padding-bottom:0.4em;
 }
 ul#Navigation li:hover ul {
   display: block;  /* Unternavigation in modernen Browsern einblenden */
 }
 ul#Navigation li ul li {
   float: none;
   display: block;
   margin-bottom: 0.2em;
 }

 ul#Navigation a, ul#Navigation span {
   display: block;
   width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
   padding: 0.2em 1em;
   text-decoration: none; font-weight: bold;
   border: 1px solid none;
   border-left-color: none; border-top-color: none;
   color: #333333; background-color: #f5f5f5;
 }
 * html ul#Navigation a, * html ul#Navigation span {
   width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
   w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
 }
 ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
   border-color: none;
   border-left-color: none; border-top-color: none;
   color: white; background-color: gray;
 }
 li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
   color: maroon; background-color: silver;
 }
 ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
   background-color: maroon;
 }

</style>

<head>

<title>

       TUM NanU - Home

</title> </head>

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

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Home">Home</a></li>
   <li><a href="#Beispiel">Results</a>
     <ul>
       <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="#Beispiel">Seite 2c</a></li>
     </ul>
   </li>
   <li><a href="#Beispiel">Project</a></li>
   <li><a href="href="http://openwetware.org/wiki/Tnt_-_Labbook">Labbook</a></li>
 </ul>

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

Abstract

Links

Welcome to the TUM Biomod project 2011! It was a ......... Here's a brief introduction…

“Zitat- falls jemand was gutes kennt” - xy

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.

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.

<html>

<head>
 <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: 0px;}

  #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: 110px;
   left: 0px;}

  #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: 110px;
   left: 0px;}

  #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>
</head>
<body>
 <div id='side1'>
  <a

href='http://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>

  <div id='side2'>
   <a href='http://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
   <div id='side3'>
    <a href='http://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
   </div>
  </div>
 </div>
</body>

</html>

Take the tour...

Structure

<html>

//<link rel="stylesheet" type="text/css" href="slider/css/slider.css" /> //<script type="text/javascript" src="slider/js/mootools.js"></script> //<script type="text/javascript" src="more.js"></script> //<script type="text/javascript" src="slider/js/slider.js"></script>

//

</div><br style="clear:both;" /> </div> <div id="nunodesign_contentSlider_switcher"> <p> <img src="images/closepfeil.png" alt="closebutton" /> <span id="nd_contentSlider_closeButton" style=" margin-top:0px;;">close</span> </p> <span id="nd_contentSlider_creditsButton">+</span>

</div>

//

$(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://2010.igem.org/wiki/images/b/b7/ICblank.png');}
#but2 {
 width:60px;
 height:60px;
 position:absolute;
 left:489px;
 top:220px;
 z-index:2;
 background-image:url('http://2010.igem.org/wiki/images/b/b7/ICblank.png');}
#but3 {
 width:60px;
 height:60px;
 position:absolute;
 left:320px;
 top:302px;
 z-index:2;
 background-image:url('http://2010.igem.org/wiki/images/b/b7/ICblank.png');}
#but4 {
 width:60px;
 height:60px;
 position:absolute;
 left:509px;
 top:4px;
 z-index:2;
 background-image:url('http://2010.igem.org/wiki/images/b/b7/ICblank.png');}

</style>

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

</html>

About Biomod	Sponsored By
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………..	<html> <a href="http://www.wdrmaus.de/"> <img src="http://www.aba-fachverband.org/uploads/RTEmagicC_Logo_Maus.gif.gif" /> </a> </html>
	<html> <a href="http://www.wdrmaus.de/"> <img src="http://www.aba-fachverband.org/uploads/RTEmagicC_Logo_Maus.gif.gif" /> </a> </html>
	<html> <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" /> </a> </html>

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

Revision as of 14:58, 14 September 2011

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools

@@ Line 1: / Line 1: @@
 <html>
-<style>
+   <style>
-#column-one {
+#column-one { display:none; width:0px;}
-    display:none;
-    width:0px;
-}
-#content {
+#content {  width: 0px; margin: 0 auto auto 0;  padding: 1em 1em 1em 1em; position: center;}
-   width: 0px;
-   margin: 0 auto auto 0;
-   padding: 1em 1em 1em 1em;
-   position: center;
- }
-#column-content {
+#column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
-   width: 0px;
-   float: left;
-   margin: 0 0 0 0;
-   padding: 0;
-}
-.firstHeading {
+.firstHeading {display:none; width:0px;}
-    display:none;
-    width:0px;
-}
-#globalWrapper{
+#globalWrapper{ width:800px;}
-   width:800px;
-}
+#column-one {display:none; width:0px;}
-#column-one {
+#content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px; }
-    display:none;
-    width:0px;
-}
-#content{
-   margin: 0 0 0 0;
-   padding: 1em 1em 1em 1em;
-   position: center;
-   width: 800px;
- }
-.container{
+.container{ width: 800px; margin: auto; background-color: #f5f5f5; text-align:justify; font-family: helvetica, arial, sans-serif; color:#555555; margin-top:25px; }
-    width: 800px;
-    margin: auto;
-    background-color: #f5f5f5;
-    text-align:justify;
-    font-family: helvetica, arial, sans-serif;
-    color:#555555;
-    margin-top:25px;
-}
-#bodyContent{
+#bodyContent{ width: 800px; position: center;}
-   width: 800px;
-   position: center;
-}
-#column-content{
-   width: 800px
-}
-.firstHeading {
-    display:none;
-    width:0px;
-}
-#header{
-   position: center;
-   width: 800px;
-}
+#column-content{width: 800px;}
+.firstHeading { display:none;width:0px;}
+#header{position: center; width: 800px;}
 <style type="text/css">