Biomod/2013/Titech
<html> <head> <style type="text/css"> /* ====================
主に全体に関わるCSS
==================== */
h1.firstHeading{display:none;}
body.mediawiki {
font-size: 14px;
background-color:#ff3366; background-repeat: repeat; font-family: Calibri, Verdana, helvetica, sans-serif;}
h1 {
padding: 0px 20px 5px 20px;
line-height: 40px;
font-weight: bold;
font-size:65px;
font-family:David Bold,Times;
text-align:center;
}
h2 {
padding: 20px 20px 5px 20px;
color: #000000;
text-decoration: none;
font-size:40px;
font-family:Times,Constantia Bold,Andale Mono,Calibri Bold;
}
}
h3 {
}
span.text {
text-align: justify;
}
#content{
margin: 0px 0 0px 0;
align: center;
padding: 12px 12px 12px 12px;
width: 946px;
background-image:;}
border: 0;
height:1000px;
} #bodyContent{ width: 970px; margin: 150px auto 0 auto; align: center;
} #globalWrapper{ margin: 20px 0 0 0; width:994px;
margin-left: auto; margin-right: auto }
/* ====================
メニューの画像を変更できる部分 ==================== */
#header {
margin: 0 auto 0 auto;
position:absolute;
top:28px; width:955px;height:60px;
background-color:#ffffff;
background-repeat: no-repeat;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/6/6c/%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BCpng.png);
background-size:contain;
}
/* ====================
以下、特殊なclassに適用される ==================== */
#navigation { position:absolute;
top:60px; width:970px; height:92px;
background-repeat: no-repeat;
color: #0000FF; }
/* ====================
ここからプルダウン周辺のデザイン ==================== */
- menu * {
margin: 0; padding: 0; }
- menu {
position:absolute;
font-family: calibri, verdana, sans-serif;
font-color: #000000;
background-color: transparent; float:left; display: block;
}
- menu > li {
background-color:#ff3366;
position:relative;
float:left;
width: 136px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; position:relative;
text-align:center; list-style: none; }
- menu li{
background-color:#ff3366; }
- menu li ul {
background-color:#ff3366; visibility: hidden; position: absolute;
margin-left: px; width: 536px; background: #fff; border: 0px solid #ccc;
text-align:left; list-style: none;
}
- menu li.ach {
background-color:#ff3366;
position:relative;
float:left;
width: 162px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu li.sup {
background-color:#ff3366;
position:relative;
float:left;
width: 150px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu li.none {
background-color:#ff3366;
position:relative;
float:left;
width: 250px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu a {
color: #000000; display:block; text-decoration: none; }
- menu a:hover {
background-color:gold; }
- menu li:hover ul {visibility: visible;}
- menu li ul li:hover > a {
background-color:gold;}
- column-one { display:none; width:0px;}
.container{background-color: #orange; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}
- footer{position: center; width: 994px}
@media screen {
body { background: #F5F5F5 0 0 no-repeat; /* changed default background */ }
}
/*======================= ここから個別ページのデザイン =======================*/
span#mw-headline{
line-height: 40%;
}
span.bold{
font-weight: bold;
}
</style>
</head>
<BODY>
<h1></h1>
<br>
<div id="header"> <div id="navigation"> <div id="menu">
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech"><br>Home<br><br></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/project"><br>Project<br><br></a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/design"><br>Design<br><br></a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results">Results<br>&<br>Methods</a></font>
<ul>
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#0.Design of gold nanoparticle with two functions"><p style="margin-left:25px">0.Preparation of Elementary part for two functions</p></a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#1.Parasol"><p style="margin-left:25px">1.UV tuning Parasol</p></a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#2.Makeup"><p style="margin-left:25px">2.Controllable Makeup</p></a></li>
</ul>
</li>
<li class="sup"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/team"><br>Member<br><br></a></li> <li class="none"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement"><br>Acknowledgements<br><br></a></li> </ul> </div> </div> </div>
<p> </p> <p> </p>
<div style="margin-left:-13px"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c9/Nasaaaoooooooooooooo%EF%BC%92.png" width="970" height="570" > </div>
<h1> <span id="mw-headline"><div> <br/>Why Cosmetics-oriented</div> <br/>Biomolecular System?</span></h1>
<span class="text">
<p>
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>
</span>
</BODY>
</p><p><br /> </p>
</html>
