Difference between revisions of "Biomod/2013/Titech"

From OpenWetWare
Jump to: navigation, search
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>

Revision as of 22:48, 26 October 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 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;"> <!--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>