Biomod/2013/Titech: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 69: Line 69:


.bxslider{
.bxslider{
             height:400px;
             height:350px;
             width:700px;
             width:600px;
             margin-right:100px;
             margin-right:100px;
    margin-left:100px;
    margin-left:100px;
Line 347: Line 347:
                 <li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/M&amp;R Controlable Optical Makeup" class="menu">
                 <li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/M&amp;R Controlable Optical Makeup" class="menu">
             Controllable Optical Makeup</a></li></ul>
             Controllable Optical Makeup</a></li></ul>
                
               <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/Achievements" class = "menu">Achievements</a></li> 
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/" class = "menu">supl.info  </a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/" class = "menu">supl.info  </a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "menu">member</a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "menu">member</a></li>
Line 354: Line 354:
</div>
</div>


<div style="margin-left:1230px; position:fixed;margin-top:-200px" float="right">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg/197px-%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg" width="250px" height="750px">
</div>


<div id="haikei">
<div id="haikei" >
<a href="http://openwetware.org/wiki/Biomod">Biomod<a/>|<a href="http://openwetware.org/wiki/Biomod/2013">2013</a>
<a href="http://openwetware.org/wiki/Biomod">Biomod<a/>|<a href="http://openwetware.org/wiki/Biomod/2013">2013</a>
<div style="width:900px">
<div style="width:900px">
Line 366: Line 369:




<div style="width:700px;margin-right:100px;margin-left:100px;">  <!--haikeiの中-->
<div style="width:700px;margin-right:100px;margin-left:100px;"style="position:absolute;">  <!--haikeiの中-->


<!--div class="bxslider" >
<!--div class="bxslider" >

Latest revision as of 22:49, 18 December 2013

<html> <head> <title>project</title>

<script type="text/javascript" src="https://www.googledrive.com/host/0B0ANtpY23Qi_TnVGLW5QX3ByQlk/"></script>


<script type="text/javascript" src='https://www.googledrive.com/host/0B0ANtpY23Qi_dUFpdThhakhOOWs/'/></script>

<link href='https://www.googledrive.com/host/0B0ANtpY23Qi_VVBIbHpPNHVUNlk/' rel='stylesheet' type='text/css'/> <link href='https://www.googledrive.com/host/0B0ANtpY23Qi_bTF1dEREbkI' rel='stylesheet' type='text/css'/>

<script type='text/javascript'> 

  $(document).ready(function(){
     $('.slider').bxSlider({
     mode:'fade',
     auto:true,
     infiniteLoop:true,
     pager:true,
     controls:true,
     speed:2000,
     pause:2000,
     });
   });


</script> <style type='text/css'> h1.firstHeading{display:none;}

  1. jump-to-nav{display:none;}
  2. siteSub{display:none;}
  3. contentSub{display:none;}
  4. column-one { display:none; width:0px;}
  5. haikei{
         width:900px;

margin-right:200px; margin-left:300px; 

                 margin-top:-290px;

background-color:#ffffff; 

                 box-shadow:#000000 2px 2px, gray 5px 5px 5px 5px ;}
  1. globalWrapper{background-color:green;
                        display:none;
                        }
  1. column-content{background-color:yellow;

display:none;}

  1. bodyContent{display:none;}

body{ 

 background-color:#ffffff;
 font-size:18px;
 font-family:arial;
text-decoration:none;

}

h1{text-align:left;}

  1. haikei p span {

font-weight: bold; }

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

.OWWNBcpCurrentDateFilled {display: none;}

  1. footer{margin-left:300px;; width:900px}

.bxslider{ 

            height:350px;
            width:600px;
            margin-right:100px;

margin-left:100px; 

            margin-top:50px;
            
              }
  1. menubar{
                postion:absolute;
                display:block;
                }
  1. menubar > li{
                      position:relative;

float:left; 

                     width: 136px;
                     list-style: none;}


.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME ===================================*/

.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666�9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }


<!--メニューバーについて-->


.menu{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; list-style-type:none; display:block; position:fixed; } a.menu:link{ color:#4e90ff; } a.menu:visited{ color:#4e90ff; }

a.menu:active{ color:#4e90ff; } a.menu:hover{ font-size:24px; text-shadow:#e77070 2px 2px; }

  1. bar{

list-style-type: none }

  1. bar li {

text-decoration:none; } .risuto{ font-size:24px; } .risuto2{ font-size:18px; list-style-type: square; }

<!--わずらわしいのおわり-->



</style> </head> <body> </div> </div> </div> </div> </div> 

<p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
<p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>




<div style="position:fixed;"float="left"> <ul id="bar"> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech" class = "menu">Home</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/project" class = "menu">Project</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/design" class = "menu">Design</a></li> <li class="risuto"><span style="color:#4e90ff; font-family:Arial, Helvetica, sans-serif">Methods&amp;Results</span> 

            <ul><li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results" class="menu">
            UV-Tuning Nano- Parasol</a></li>
                <li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/M&amp;R Controlable Optical Makeup" class="menu">
            Controllable Optical Makeup</a></li></ul>
              <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/Achievements" class = "menu">Achievements</a></li>

<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/" class = "menu">supl.info </a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "menu">member</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement" class = "menu">Acknowledgement </a></li> </ul> </div>

<div style="margin-left:1230px; position:fixed;margin-top:-200px" float="right"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg/197px-%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg" width="250px" height="750px"> </div>

<div id="haikei" > <a href="http://openwetware.org/wiki/Biomod">Biomod<a/>|<a href="http://openwetware.org/wiki/Biomod/2013">2013</a> <div style="width:900px">

<img src="https://upload.wikimedia.org/wikipedia/commons/3/34/%E3%81%A8%E3%81%A3%E3%81%B7%E3%81%8C.png" width="900">

</div>



<div style="width:700px;margin-right:100px;margin-left:100px;"style="position:absolute;"> <!--haikeiの中-->

<!--div class="bxslider" > <ul class="slider" >--> <p>&nbsp;</p> <div style="" align="center"> 

 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png/800px-Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png" width="600px" height="350px"></div>
 
 <!--</ul>

</div>-->


<p>&nbsp;</p>




</div> <p>&nbsp;</p> <p>&nbsp;</p>

<p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <div style="text-align:center;font-size:40px;margin-top:-200px;margin-left:200px;width:500px;"> 

 <iframe width="300" height="225" src="http://www.youtube.com/embed/Y1y2YyqdOZ4" frameborder="0" allowfullscreen></iframe> 
 <br/>Why Cosmetics<br/>Biomolecular System? </div>
<p style="margin-left:130px;width:700px;">

&nbsp;&nbsp;&nbsp;In the world, there are a number of difficult things whose goals vary according to the lapse of time and particular requisite functions such as beauty, fashion and romance. And engineers cannot set these particular goals. However, molecular systems, constructed so far, were limited to achieve only fixed goals. They cannot solve the delicate problems described above. So now, we need a brand-new system that can cope with those various needs that is different from individual to individual. In the present study, we’ve aimed to expand the utility of biomolecular systems and to change relationship between engineers and users to more liberal one. We have constructed the versatile biomolecualr system for cosmetics that can live up to many kinds of human sensibility. Our system meets the demands of users in a flexible manner, similar to a smart phone. Smart phones have a flexible function that meets the user’s taste, multiple functions for a device, and a switch to turn itself on/off. We hope that our new type of biomolecular system have flexibility and diversity of purpose, and have an impact on the biomolecular system design. </p> 



   <p>&nbsp; </p>

<p>&nbsp;</p> <p>&nbsp;</p> </div> </div>

</body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/Titech&oldid=762326"