Biomod/2013/Titech/methods&results/StructuralColor
<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 { font-size:30px; } h4{ font-size:25px; } .ac{ font-size:25px; } span.text {
text-align: justify;
}
span.italic{ font-style: italic; }
#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: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}
- footer{position: center; width: 994px}
@media screen {
body { background: #F5F5F5 0 0 no-repeat; /* changed default background */ }
}
/*==================
ここから個別ページのデザイン ==================*/
.headline{
text-decoration: none; color: #000000; }
.list { font-size: 25px; }
</style> </head> <BODY>
<h1></h1>
<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.Preparation of Elementary part for 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>
<h2>Results</h2>
<h3>2.2. Observation of structural color of crystal structure</h3> <Hr style="margin-top:-10px"> <p> </p>
<span class="text"> The structure which we make is a colloid crystal. This is made of three-dimensional periodically positioned particles. This structure can be assumed to be a structure which is composed of stacked up particle layers at regular intervals. The plane made of particle layer is called lattice plane. When we irradiate a light to such periodic structure, the light is reflected by a group of lattice plane. The light reflected by two adjoining planes has different length optical path. If this optical difference are equal to integral multiples of a wavelength of the reflected light, constructive interference is observed at the reflected direction. This interference condition is expressed by Bragg's law <p> </p> <div align="center"> <span class="italic">mλ=2nd sinθ</span> </div> <p> </p> Where <span class="italic">m</span> is an integer, <span class="italic">λ</span> is the wavelength of the light, <span class="italic">n</span> is the refractive index, <span class="italic">d</span> is the spacing between the planes in the particle lattice, and <span class="italic">θ</span>is the angle between the ray of the light and the reflecting planes. The Structural color is an observed result of this interference. In our case, we assume <span class="italic">n as a refractive index of the buffer fills around the particle and try to meet this law in a condition of <span class="italic">m</span>=1.By this law, we calculate that we need to make d bigger than 150nm to show the structural color with a visible wavelength. Our gold nanoparticle’s diameter is 50nm, so we need to make "linker-SC" longer than 100nm to meet the calculated <span class="italic">d</span>. Therefore, we designed "linker-SC" with a parameter <span class="italic">k</span>=4.
<p> </p> <div align="center"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6d/Braggg_relection.png" width="400" height="250"> </div>
<p> </p> <div align="right"> <a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods%26results">Back to results</a> </div>
</BODY>
</p><p><br /> </p>
</html>