User:Sara Mitsunari: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<head>
  <style>
<!-- We refer to the wiki of team iGEM Heidlberg 2009. -->
 
      <style type="text/css">
#column-one { display:none; width:0px;}
/* ====================
.container{background-color: #f5f5f5; margin-top:50px}
  主に全体に関わるCSS
 
　　　==================== */
#content {  width: 0px; margin: 0 auto auto 0;  padding: 1em 1em 1em 1em; align: center;}
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
 
#column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
 
.firstHeading {display:none; width:0px;}
 
#globalWrapper{ width:1280px;}
 
#column-one {display:none; width:0px;background-color: #ffffff;}
 
#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; }
 
#bodyContent{ width: 1267px; align: center; background-color: #ffffff;}


      .clear {clear:both;}
#column-content{width: 1280px;background-color: #f5f5f5;}
body.mediawiki {
                        font-size: 14px;
background-color:#707070;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
font-family: Calibri, Verdana, helvetica, sans-serif;
}


                h2 {
.firstHeading { display:none;width:0px;background-color: #ffffff;}
                        padding: 10px 20px;
                        font-size: 20px;
                        color: #0083eb;
                        text-decoration: none;
                        font-weight: bold;}
                        border: none;
                h2 a {
                        color: #eb8300;
                }
                h3 {
                        padding: 10px 20px;
                        font-size: 18px;
                        color: #000;
                        font-decoration: none;
                        font-weight: bold;
                }
                h1.firstHeading {
display: none;
                }
p {
text-align: justify;
}
a:link {
color: #00a5ea;
text-decoration: none
}
a:visited {
color:#00a5ea;
text-decoration: none
}
a:hover {
                        color: #eb8300;
text-decoration: none
}
a:active {
color:#f29400;
text-decoration: none
}
#bodyContent {
                        width: 970px;
                        margin: 225px 0px 0px;
                        background-color:#ffffff;
                        border-width: 0px 1px 0px 1px;
                        border-color: #000000;
                }
                #content {
                        padding-left: 0px; width: 970px;
                }
table#team_members {
                        text-align: justify;
                        border: 0;
                }
table#team_members h2, table#team_members h3 {
                        clear: both;
                }
#content * a:hover {
                        text-decoration:none;
                }
#main_wrapper {
                        position:absolute;
                        left:0px;
                        top:0px;
margin: 0;
width: 969px;
height: 221px;
align: center;
border-style: solid;
                        border-color: white;
}
/* ====================
  メニューの画像を変更できる部分
  ==================== */
#header {
                        position:absolute;
                        left:0px;
                        top:0px;
margin: 0;
width: 969px;
height: 221px;
align: left;
background-color: #FFFFFF;
                        background-image: url(http://openwetware.org/images/d/d9/Test.png);
}
/* ====================
  以下、特殊なclassに適用される
  ==================== */
#navigation {
position:absolute;
                        left:20px; top:155px; width:793px; height:69px;
z-index:100;
                        background-color: transparent;
                        float: left;
color: #0000FF;
}
#super_main_wrapper {
                        position:absolute;
                        left:0px;
                        top:227px;
width: 975px;
align: center;
background-color: #ede8e2;
                        heigth: auto;
                }
                #orangeBox, #greenBox, #blueBox {
                        background-repeat: no-repeat;
                        height:200px;
                        width: 323px;
                        float:left;
                }
                #orangeBox p, #greenBox p, #blueBox p{
                        padding: 0 20px;
                        text-align: justify;
                        font-size: 12px;
                        color: #FFFFFF;
                }
                #orangeBox h3, #greenBox h3, #blueBox h3{
                        padding: 20px 25px 0 20px;
                        font-weight: bold;
                        font-size: 18px;
                        color: #FFFFFF;
                }
                #orangeBox a, #greenBox a, #blueBox a {
                        padding-right: 20px;
                        font-weight: bold;
                        font-size: 14px;
                        display: block;
                        text-align: right;
                        color: #FFFFFF;
                } 
                #orangeBox {
                        margin-left: 3px;
                        background-image: url(http://2009.igem.org/wiki/images/9/9d/OrangeBox.jpg);
                }
                #greenBox {
                        background-image: url(http://2009.igem.org/wiki/images/9/97/GreenBox.jpg);
                }
                #blueBox {
                        background-image: url(http://2009.igem.org/wiki/images/9/96/BlueBox.jpg);
                }


                #SubWrapper {
#header{position: center; width: 800px;background-color: #ffffff;}
                        width: 645px;
                        padding: 0px;
                        border-left:4px solid #ede8e2;
                        float: left;
                        margin-top: 3px;
                        background-color: #ede8e2;
                }
                #SubWrapper * p, #SubWrapper p  {
                        padding: 0 20px;
                        text-align: justify;
                        font-size: 12px;
                }
                #SubWrapper * h3, #SubWrapper h3 {
                        padding-top: 10px;
                        font-size: 18px;
                }
                #news {
                        width: 322px;
                        margin-top: 3px;
                        float: left;
                        background-color: #d8d5d0;
                        border-right:4px solid #ede8e2;
                }
                #news p {
                        padding: 0 20px 20px 20px;
                        text-align: justify;
                        font-size: 12px;
                }
                #news h3 {
                        padding: 10px 20px;
                        font-size: 18px;
                }
                #mission_box {
                        width:650px;
                        float: left;
                }
                #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {
                        width:215px;
                        float: left;
                        padding: 10px 0 0 0;
                }
                div.tleft {
                        border-width: 0px;
                        margin:0;
                        padding:0;
                        border-color:transparent;
                }


/* ====================
#footer{position: center;}
  ここからプルダウン周辺のデザイン
  ==================== */
#menu * {
margin: 0;
padding: 0;
}


#menu {
<style type="text/css">
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
body {
font-family: calibri, verdana, sans-serif;
    font-family: helvetica, arial, sans-serif;
font-size: 18px;
    color: black;
background-color: transparent;
background:#f5f5f5;
float:left;
  }
padding: 10px 0 0 0;
}


#menu ul {
ul#topnav {
margin: 0 0 0 0px ; padding: 0 0 0 3px;
float: left;
float: left;
width: 800px;
list-style: none;
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;}
 


#menu ul li {
#abstractandlinks{
background-color:transparent;
display:block;
        position:relative;
width:800px;
float:left;
background-color:#f5f5f5;
list-style: none;
text-align:justify;font-family: helvetica, arial, sans-serif;
padding: 10px 15px 0 0;
color:#555555;
        font-weight: bold;
margin-top:0px;
        width: auto;
}
}
#innerBox
{
display: block;
padding: 5px;
}
#abstract{
font-family: helvetica, arial, sans-serif; width: 490px; margin-top: 20px; padding:0px 5px; float: left;background-color:#f5f5f5; ;
}
 
#links{
font-family: helvetica, arial, sans-serif; width: 290px; margin-top: 20px;
padding:0px 5px; float: left; background-color:#f5f5f5;;
}
.clear
{
clear:both;
}
#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;
}
#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>


#menu a {
color: #FFFFFF;
display: inline;
text-decoration: none;
}


#menu a:visited {
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
color:#FFFFFF;
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
text-decoration: none
  <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>


#menu a:hover {
<style type="text/css">
color: #00a5ea;
  #side1 {
}
    width: 250px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 20px;}


#menu ul li ul {
  #lside1 {
display: none;
    width: 250px;
position: absolute;
    height: 100px;
left: 0px;  
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
        width: 155px;
    position: absolute;
        heigth: 1%;
    top: 0px;
font-size: 18px;
    left: 0px;}
opacity: 0.8;
 
list-style: none;
  #side2 {
        top: 30px;
    width: 250px;
        padding-top: 20px;
    height: 100px;
        z-index:500;
    position: relative;
}
    top: 0px;
    left: 20px;}


#menu ul li:hover ul {
  #lside2 {
display: inline;
    width: 250px;
        background-position: bottom;
    height: 100px;
}
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;}


#menu ul li ul li {
  #side3 {
width: 100%;
    width: 250px;
list-style: none;
    height: 100px;
        background-color: #000;
    position: relative;
        margin: -1px;
    top: 0px;
        padding: 0px 0 0 5px;
    left: 20px;}
        display: inline;
}


body#home #mainHome a,
  #lside3 {
body#team .aTeam,
    width: 250px;
body#project .aProject,
    height: 100px;
body#notebook .aNotebook,
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
body#modeling .aModeling,
    position: absolute;
body#sponsors .aSponsors,
    top: 0px;
body#eucaryopedia .aEucaryopedia,
    left: 0px;}
body#parts .aParts
{ color: #F08F03; <!--cursor: default;--> }


  </style>


</style>
</head>




<!-- ############################# BODY!!!!! #################################### -->
<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');
  });


<body>
});
<!--[if IE]>
</script>
<style type="text/css">
<style type="text/css">
#SubWrapper {width: 645px;}
#maincon {
#news {width: 317px;}
  width:800px;
#super_main_wrapper {position:static;}
  position:relative;}
#navigation {left: 15px;}
#mainpic {
#menu ul li ul {left: -2px; top: 22px;}
  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>
</style>
<![endif]-->
 
<div id="main_wrapper">  
 
  <div id="header">
 
<div id="navigation">
   
<div id="menu" style="position:static">
<title>
<ul>
        TUM NanU - Home 
  <li id="mainHome"><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li>
</title>
  <li id="mainTeam"><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team">Team</a>
</head>
<ul>
 
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Students">Students</a></li>
<body background-color="#F0F0F0">
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Advisor">Advisors</a></li>
<!-- Header-->
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Mentors">Mentors</a></li>
<div class="container">
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Tokyo_Tech">Tokyo-tech</a></li>
 
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Gallery">Gallery</a></li>
    <div id="header"> <img src="http://openwetware.org/images/5/5c/Header2.png" /> </div>  
</ul>
   
<!--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/Plan">The Plan</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Structure">The 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/FRET">FRET</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/TEM">TEM</a>
        </span>
     </li>
     </li>
     <li id="mainProject"><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a>
     <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results & Discussion</a>
<ul>
        <span>
          <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Over_view">Over view</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results</a>||
          <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/DNA_ciliate's_body">DNA ciliate's body</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/EtBr">EtBr</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/DNA_tracks">DNA tracks</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/DAPI">DAPI</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/UV_switch">UV switch</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spermine">Spermine</a>||
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Results">Results</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/FRET">FRET</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/TEM">TEM</a>|
</ul>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Discussion">Discussion</a>
        </span>
     </li>
     </li>
  <li id="mainParts"><a class="aParts" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements">Achievements</a>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Outlook">Outlook</a></li>
      <ul>  
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team">Team</a></li>
          <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Achievements/Achievements">Achievements</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/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Devices</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video">Video</a>
      </ul>
        <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>
  <li id="mainModeling"><a class="aModeling" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook">Notebook</a>
  <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Labbook</a><!--Subnav Starts Here-->
<ul>
        <span>
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Brain_storming">brain storming</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Main Page</a>||
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Lab.notebook">Lab. notebook</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Structure">Structure</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Protocols">Protocols</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TEM">TEM</a>|
          <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Source_code">Source code</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TIRF">TIRF</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Reference">References</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Dyes">Dyes & DNA-binders</a>|
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Tools">Tools</a></li>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/08">August</a>|
</ul>
            <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>
     </li>
  <li id="mainNotebook"><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors">Sponsors</a>
<ul>
  <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Sponsors/">Sponsors</a></li>
</ul>
</ul>
<p>
<br>
</p>
<p>
<br>
</p>
<p>
<br>
</p>


</div><!-- end drop menu -->
</div> <!-- end navigation -->
</div>
</div>
<!-- For IE 6 -->
<script type="text/javascript">
window.onload = function() {
      var lis = document.getElementsByTagName('li');
      for(i = 0; i < lis.length; i++) {
            var li = lis[i];
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
            }
      }
}
</script>




Revision as of 21:06, 17 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/Plan">The Plan</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Structure">The 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/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">Results</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/EtBr">EtBr</a>| 
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/DAPI">DAPI</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spermine">Spermine</a>||
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/FRET">FRET</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/TEM">TEM</a>|
           <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Discussion">Discussion</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>


<h1>Tokyo Institute of Technology</h1> <h2>leader</h2>

  • Sara Mitsunari

</body></html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=User:Sara_Mitsunari&oldid=548359"