Biomod/2014/members.html: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(48 intermediate revisions by the same user not shown)
Line 24: Line 24:
         margin-right:0px;
         margin-right:0px;
width:1000px;
width:1000px;
height:150px;
height:360px;
z-index:1;
z-index:1;
        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
overflow: visible;
overflow: visible;
text-align: left;
text-align: left;
background-image: url(http://openwetware.org/images/9/9f/Wiki-top4.jpg);
background-image: url(http://openwetware.org/images/3/37/Header_tianjin.png);
         }
         }


Line 40: Line 41:
height:40px;
height:40px;
z-index:2;
z-index:2;
font-family: "Arial Black", Gadget, sans-serif;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
text-align: left;
background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);
background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);
Line 58: Line 59:
                    color: #FFF;
                    color: #FFF;
                             }
                             }
#apDiv3 {
position:relative;
        float:left;
left:0px;
top:0px;
        margin-right:0px;
width:1000px;
height:150px;
z-index:1;
overflow: visible;
text-align: left;
background-image: url(http://openwetware.org/images/9/9f/Wiki-top4.jpg);
        }


/* -- navigator css -- */
/* -- navigator css -- */
Line 77: Line 92:
margin-bottom:40px;
margin-bottom:40px;
         z-index:60;
         z-index:60;
         font-family: "Arial Black", Gadget, sans-serif;
         font-family: Georgia, "Times New Roman", Times, serif;
         text-align: left;
         text-align: left;
}
}
Line 83: Line 98:
#navDiv > ul > li {
#navDiv > ul > li {
     float: left;
     float: left;
     margin-left: 60px;
     margin-left: 30px;
     position: relative;
     position: relative;
}
}
Line 294: Line 309:
         display:block;
         display:block;
         left:0px;
         left:0px;
width:1000px;
width:963px;
z-index:3;
z-index:3;
        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
text-align: left;
text-align: left;
font-family: "Comic Sans MS", cursive;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-size: 18px;
color: #000;
color: #000;
background-color: #D2E9FF;
background-color: #ffffff;
         padding: 20px;
         padding: 20px;
         }
         }


/*hidden section*/
.firstHeading{display:none;}
#sidebar-main{display:none;}
#p-cactions{display:none;}
#p-personal{display:none;}


</style>
</style>
Line 313: Line 335:
<!--header-->
<!--header-->
<div id="apDiv1"></div>
<div id="apDiv1"></div>


<!--navigator starts here-->
<!--navigator starts here-->
Line 329: Line 352:
             <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
             <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
           <ul>
           <ul>
               <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#strand replacement reaction"><span>Strand Replacement Reaction</span></a></li>
               <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Three-arm locker"><span>Three-arm Locker</span></a></li>
                     <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#synthesis of au-dna-cy3"><span> Synthesis of AU-DNA-CY3</span></a></li>
                     <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Gold nanoparticle based photosensor"><span> Gold Nanoparticle Based Photosensor</span></a></li>
                     <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
                     <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
                 </ul>
                 </ul>
Line 336: Line 359:
        
        
             <li class='active'><a href="http://openwetware.org/wiki/Tianjin_protocol"><span>Protocol</span></a>  
             <li class='active'><a href="http://openwetware.org/wiki/Tianjin_protocol"><span>Protocol</span></a>  
    </li>
            <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/future.html"><span>Future Work</span></a>
    </li>
    </li>
            
            
Line 343: Line 369:
</ul>
</ul>
</div>
</div>


<div id="toolBackTo" class="back-to" style="left: 1175px; ">
<div id="toolBackTo" class="back-to" style="left: 1175px; ">
Line 355: Line 382:




==Mentor==
==Mentors==


☞Prof. Yingjin Yuan
☞Yingjin Yuan
 
[[Image:W020131219726547314815.jpg]]


Professor Yingjin Yuan, vice president of Tianjin University, professor of pharmeceutical engineering, Department of Chemical Engineering and Technology.
Professor Yingjin Yuan, vice president of Tianjin University, professor of pharmeceutical engineering, Department of Chemical Engineering and Technology.
Line 363: Line 392:
☞Hao Qi
☞Hao Qi


==Members==
[[Image:2D62A893-8F82-4D64-9937-916C70B5BA4A.jpg]]


☞Yue Liu:Supervisor
professor of pharmeceutical engineering, Department of Chemical Engineering and Technology, Tianjin University.
 
==Students==
 
☞Yue Liu:graduate student


☞Haoran Zhang:senior student
☞Haoran Zhang:senior student


☞Yingnan Zhu:senior student
☞Li Liu:junior student
 
☞Li Liu:Junior student


☞Tiansheng Jin:senior student
☞Tiansheng Jin:senior student
Line 379: Line 410:
☞Yuan Liu:senior student
☞Yuan Liu:senior student


☞Bihan Wu:senior student
☞Yipengchen Yin:senior student
 
☞Hui Xu:junior student
 
☞Hui Wang:junior student
 
☞Yangning Zhang:junior student


☞Yipengchen Yin:senior student


<html>
<iframe width="640" height="390" src="//www.youtube.com/embed/EDPFVgFtjrE" frameborder="0" allowfullscreen></iframe>
</html>





Latest revision as of 20:44, 25 October 2014

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css">

body {

    display:block;
    background-color: #ffffff;
    }

.ys01 {

     text-align: left;
     }

/* --the header css -- */

  1. apDiv1 {

position:relative;

       float:left;

left:0px; top:0px;

       margin-right:0px;

width:1000px; height:360px; z-index:1;

       box-shadow: 0px 5px 8px rgba(0,0,0,0.4);

overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/3/37/Header_tianjin.png);

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left;

       left:0px;

width:1000px; height:40px; z-index:2; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);

       }
  1. apDiv2 table {

font-size: 18px;

             text-align: center;
             }


.ys01 #apDiv2 table { text-align: center;

                   }

.ys01 #apDiv2 table tr td a { color: #FFF;

                           }
  1. apDiv3 {

position:relative;

       float:left;

left:0px; top:0px;

       margin-right:0px;

width:1000px; height:150px; z-index:1; overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/9/9f/Wiki-top4.jpg);

       }

/* -- navigator css -- */

  1. navDiv li { margin: 0; padding: 0;}
  2. navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
  3. navDiv a {text-decoration: none;margin: 0; padding: 0;}
  4. navDiv

{

       /* -- background body of navigator css -- */

position: relative;

       float: left;

height: 40px; width:1000px; left: 0px; background-color: #ffffff; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:40px;

       z-index:60;
       font-family: Georgia, "Times New Roman", Times, serif;
       text-align: left;

}

  1. navDiv > ul > li {
   float: left;
   margin-left: 30px;
   position: relative;

}

/* -- when mouse not on the navigator css -- */

  1. navDiv > ul > li > a {
   color: #333333;
   font-family: Verdana, 'Lucida Grande';
   font-size: 15px;
   line-height: 40px;
   padding: 11px 20px;

-webkit-transition: color .15s;

  -moz-transition: color .15s;
    -o-transition: color .15s;
       transition: color .15s;

}

/* -- when mouse on the navigator css -- */

  1. navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;}

/* -- top and bottom of the sub meun css -- */

  1. navDiv > ul > li > ul

{

   opacity: 0;
   visibility: hidden;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   position: absolute;
   top: 30px;
   left: 50%;
   margin-left: -90px;
   width: 180px;

-webkit-transition: all 0.3s 0.1s;

  -moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
       transition: all 0.3s 0.1s;

-webkit-border-radius: 5px;

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,0.4);

}

  1. navDiv > ul > li:hover > ul

{

   opacity: 1;
   top: 40px;
   visibility: visible;

}

  1. navDiv > ul > li > ul:before

{

   content: '';
   display: block;
   border-color: transparent transparent rgb(250,250,250) transparent;
   border-style: solid;
   border-width: 10px;
   position: absolute;
   top: -20px;
   left: 50%;
   margin-left: -10px;

}

  1. navDiv > ul ul > li { position: relative;}

/* -- when mouse not on the submeun css -- */

  1. navDiv ul ul a

{

   color: rgb(50,50,50);
   font-family: Verdana, 'Lucida Grande';
   font-size: 13px;
   background-color: rgb(250,250,250);
   padding: 5px 8px 7px 16px;
   display: block;

-webkit-transition: background-color .1s;

  -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
       transition: background-color .1s;

}

  1. navDiv ul ul ul

{

   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: -16px;
   left: 206px;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   width: 160px;

-webkit-transition: all .3s;

  -moz-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;

-webkit-border-radius: 5px;

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}

  1. navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

/* -- when mouse on the navigator css -- */

  1. navDiv ul ul a:hover

{

   background-color: #777777;
   color: rgb(240,240,240);

}


/* Back to top css */

.back-to {

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: 0px;
   z-index: 999;
   width: 50px;
   zoom: 1;
   }
  • html .back-to {
   /* 不能用 _position 这种写法,因为它在IE7+也会执行expression。。。 */
   position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
   }

.back-to {

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-home.png) no-repeat 0 0;
   outline: 0 none;
   text-indent: -9999em;
   }

.back-to:hover {

   background-position: -50px 0
   }

.back-to .back-top {

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-top.png) no-repeat 0 0;
   margin-left: 10px;
   outline: 0 none;
   text-indent: -9999em;
   }

.back-to .backtotop {

   float: left;
   display: block;
   width: 50px;
   height: 50px;
   background: #666 url(http://a.xnimg.cn/imgpro/arrow/btt.png) 8px -57px no-repeat;
   margin-bottom: 15px;
   outline: 0 none;
   text-indent: -9999em;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
   }

.back-to .backtotop:hover {

   background-color: #333;
   background-position: 8px 13px;
   }

.back-to .backtotop .back-tip {

   position: absolute;
   visibility: hidden;
   top: -31px;
   left: -10px;
   }

.back-to .backtotop:hover .back-tip {

   visibility: visible;
   }

.back-to .back-top:hover {

   background-position: -50px 0;
   }

/* --video css -- */

  1. apDiv3 table {

text-align: center;

             }

.ys01 #apDiv6 table { text-align: left;

                    }


.ys02 {

     font-size: 36px;
     color: #F00;
     }
  1. apDiv10 {
        position:relative;

float:left;

        display:block;
        left:0px;

width:963px; z-index:3;

        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);

text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #000; background-color: #ffffff;

        padding: 20px;
        }

/*hidden section*/

.firstHeading{display:none;}

  1. sidebar-main{display:none;}
  2. p-cactions{display:none;}
  3. p-personal{display:none;}

</style> </head>


<body class="ys01";>

<!--header--> <div id="apDiv1"></div>


<!--navigator starts here-->

<div id="navDiv">

<ul>

  	    <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
  	    <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
 	        </ul>   
           </li>
  	    
           <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
  	        <ul>
  	            <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Three-arm locker"><span>Three-arm Locker</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Gold nanoparticle based photosensor"><span> Gold Nanoparticle Based Photosensor</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
               </ul> 			
           </li>   	
  	    
           <li class='active'><a href="http://openwetware.org/wiki/Tianjin_protocol"><span>Protocol</span></a> 

</li>

           <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/future.html"><span>Future Work</span></a> 

</li>

           <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</span></a>
           </li>

</ul> </div>


<div id="toolBackTo" class="back-to" style="left: 1175px; "> <a stats="site_footer_back_to_top" class="backtotop" href="#top" onclick="if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = 'static';window.scrollTo(0,0);if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = '';return false;">Back to top <img stats="site_footer_back_to_top" src="http://openwetware.org/images/a/a7/TJU2012-Back-tip.png" class="back-tip"> </a> </div>


<div id="apDiv10"> </html>


Mentors

☞Yingjin Yuan

Professor Yingjin Yuan, vice president of Tianjin University, professor of pharmeceutical engineering, Department of Chemical Engineering and Technology.

☞Hao Qi

professor of pharmeceutical engineering, Department of Chemical Engineering and Technology, Tianjin University.

Students

☞Yue Liu:graduate student

☞Haoran Zhang:senior student

☞Li Liu:junior student

☞Tiansheng Jin:senior student

☞Chao Pan:senior student

☞Yuan Liu:senior student

☞Yipengchen Yin:senior student

☞Hui Xu:junior student

☞Hui Wang:junior student

☞Yangning Zhang:junior student


<html> <iframe width="640" height="390" src="//www.youtube.com/embed/EDPFVgFtjrE" frameborder="0" allowfullscreen></iframe> </html>


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