Template:Biomod/2013/Xiamen/XMU-Nanobiocat

From OpenWetWare
Revision as of 22:31, 26 October 2013 by Shizhen Wang (talk | contribs)
Jump to: navigation, search

<html> <head>

<!-- 以下部分的style定义的是wiki自定义的属性,在此重新设置 --> <style> /*控制中央位置*/ #globalWrapper { width:984px; background-color:#ffffff; margin-left:auto;

                                       margin-right:auto;

} /*定义中央部分的主体属性*/ #column-content{ width:984px; background-color:#ffffff; float:left; margin:0; padding:0; } /*定义内容部分*/ #content{ margin:0; align:center; padding:12px; width:960px;

                                       background:rgba(255,255,255,0);

border:0; /*兼容*/

                                       filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');

} /*定义内容主体部分*/ #bodyContent{ width:960px; align:center;

                                       background:rgba(255,255,255,0);
                                       border:0;    
                                       /*兼容*/
                                       filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');

} /*定义侧边部分,此部分是网站的宣传部分,应该隐藏*/ #column-one{ display:none; width:0px; background-color:#ffffff; } /*定义脚本部分,此部分是网站的宣传部分,应隐藏*/ #footer{ display:none; position:center; width:960px; } /*同上,网站头部*/ .firstHeading{ display:none; width:0px; } /*同上,未发现定义*/ .OWWNBcpCurrentDateFilled{ display:none; width:0px; } /*同上,未发现定义*/ .container{ background-color:#ffffff; margin-top:0px; } /*隐藏最上面的定向部分*/ #contentSub{ display:none; width:0px; margin:0px; } /*此处定义了全局的背景*/ @media screen {

   			body { 
   				background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; 
   			}

} </style>

<!-- 自定义CSS样式 --> <style>

/*定义文本阴影*/ *{

                               /*filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=4);*/

text-shadow:0px 1px 2px #aaa;

                         }

/*定义全局的背景*/ #column-content,#content,#bodycontent{ background: #ffffff url(http://openwetware.org/images/8/80/Biomod_2013_Xiamen_XMU-Nanobiocat_Content_background.JPG) repeat; } /*添加左右边框*/ #column-content { border-left: 1px solid #888; border-right: 1px solid #888; } /*定义头部属性*/ #header{ width:960px; height:360px; background-size:100% auto; background-color:white; margin-bottom:0px; padding:0; } #header + p { background-color:white; margin:0px; } #header + p + p { background-color:white; margin:0px; } /*定义菜单*/ #menu{ display:block; width:960px; padding:0px; background-color:rgba(250, 171, 30, 0.37); border:0.1px solid #888; margin-bottom:15px; z-index:100;

                               position:relative;
                               top:86px;
                               font-weight:bolder;

/*兼容*/

                               filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#5EFAAB1E,endColorstr=#5EFAAB1E);

} ul.menu li a{ display:block; padding:8px 10px; text-decoration:none; color:#fff; margin:0px; text-align:center; font-size:2em;

       font-weight:bolder;

} ul.menu li:hover{

       background-color:rgba(216, 201, 184, 0.5);

/*兼容*/

                               filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#7FD8C9B8,endColorstr=#7FD8C9B8);

}

     ul.menu li a:hover{
             color:#7fdcf7;
     }

ul.menu li{ margin:0;

                               padding:2px 20px 2px 20px !important;
                               padding:2px 10px 2px 10px;

float:left; position:relative; } ul.menu li:hover ul{ display:block; positive:absolute; z-index:100; } ul.menu{ height:40px; margin:0; padding:0; list-style:none; float:center; } ul.submenu{ display:none; list-style:none; background:transparent;

                               font-weight:bolder;

border:0px; margin:0px; position:absolute; background-color:rgba(216, 201, 184, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#4CD8C9B8,endColorstr=#4CD8C9B8); margin:3px; } ul.submenu li{ float:none; margin:0px;

       padding:0px;

} ul.submenu li a{ margin:0px; width:340px; padding:0px 0px 12px 10px; color:black; text-decoration:none; font-size:1.6em;

                               font-weight:bolder;

} ul.submenu li a:hover{ color:black; text-decoration:underline; }

ul.photos{ margin:0px; padding:0px; } ul.photos li.curr{ display:block; }

                       ul.photos li.curr a img{
                               width:960px;
                               height:360px;
                       }

/*全局的属性定义,对应于wiki中的图片和表格设置*/ .thumb { border-image: url(http://openwetware.org/images/d/d9/Biomod_2013_Xiamen_XMU-Nanobiocat.jpg) repeat; }

.mytable { border-image: url(http://openwetware.org/images/d/d9/Biomod_2013_Xiamen_XMU-Nanobiocat.jpg) repeat; } </style>

             <script type="text/javascript" src="/index.php?title=User:Shizhen_Wang/monobook.js&amp;action=raw&amp;ctype=text/javascript"></script>     


</head>

<body> <div style="text-align: right">

       <p>
   		<a target="_blank" href="http://en.wikipedia.org/wiki/Help:Contents/Browse/Editing_Wikipedia">wikipedia 帮助文档</a>
   	</p>
   	<p style="display:none;">
   		<a target="_blank" href="Http://openwetware.org/index.php?title=Template:Biomod/2013/Xiamen/XMU-Nanobiocat/Header&action=edit">edit this header</a>
   	</p>
 	</div>

<!-- 页面中的厦大图片部分 --> <div id="header"> <div style="position:absolute;"> <ul class="photos"> <li class="" style="display:block;" > <a href="#"> <img src="http://openwetware.org/images/d/de/Biomod_2013_Xiamen_XMU-Nanobiocat_header_1.jpg"/> </a> </li> <li style="display:none;" class=""> <a href="#"> <img src="http://openwetware.org/images/2/2b/Biomod_2013_Xiamen_XMU-Nanobiocat_header_2.png"/> </a> </li>

                       <li class="" style="display:none;" >

<a href="#"> <img src="http://openwetware.org/images/2/2e/Biomod_2013_Xiamen_XMU-Nanobiocat_header_3.png"/> </a> </li> <li class="" style="display:none;" > <a href="#"> <img src="http://openwetware.org/images/b/b5/Biomod_2013_Xiamen_XMU-Nanobiocat_header_4.png"/> </a> </li> <li style="display:none;" class=""> <a href="#"> <img src="http://openwetware.org/images/2/25/Biomod_2013_Xiamen_XMU-Nanobiocat_header_5.png"/> </a> </li> <li style="display:none;" class=""> <a href="#"> <img src="http://openwetware.org/images/5/55/Biomod_2013_Xiamen_XMU-Nanobiocat_header_6.png"/> </a> </li> <li style="display:none;" class=""> <a href="#"> <img src="http://openwetware.org/images/1/1f/Biomod_2013_Xiamen_XMU-Nanobiocat_header_7.png"/> </a> </li> <li style="display:none;" class=""> <a href="#"> <img src="http://openwetware.org/images/5/56/Biomod_2013_Xiamen_XMU-Nanobiocat_header_8.png"/> </a> </li> </ul> </div> <div style="text-align:left; position:relative; z-index:100; height:55px;font-size: 3em;font-weight: 900;"> <p> <a href="#">

                           <img src="http://openwetware.org/images/1/1b/Biomod_2013_Xiamen_XMU-Nanobiocat_header_teamName.png" style="margin:20px;" />
                       </a>

</p> </div> <div style="text-align:right; position:relative; z-index:100; top:60px; height:160px;font-size: 3em;font-weight: 900;padding:0 20px 0 0;"> <p>

                           </html>Biomod 2013 Xiamen XMU-Nanobiocat header home.png<html>

</p> </div>

     <!-- 菜单部分的定义 -->

<div id="menu"> <ul class="menu"> <li class="home"> <a href="/wiki/Biomod/2013/Xiamen">HOME</a> </li> <li class="team"> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Team">TEAM</a> <ul class="submenu" style="left:-120px;"> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Team#Our_Team">Our team</a> </li> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Team#Members">Members</a> </li> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Team#Our_University">Our university</a> </li> </ul> </li> <li class="project"> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Project">PROJECT</a> <ul class="submenu" style="left:-100px;"> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Project#Background">Background</a> </li> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Project#Overview">Overview</a> </li> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Project#Refrences">Refrences</a> </li> </ul> </li> <li class="res_med"> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Res_Med">RESULT &amp; METHODS</a> <ul class="submenu" style="left:-50px;"> <li> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Res_Med#Result">Result</a> </li>

                                                       <li>

<a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Res_Med#Methods">Methods</a>

                                                       </li>

</ul> </li> <li class="thanks"> <a href="/wiki/Biomod/2013/Xiamen/XMU-Nanobiocat/Thanks">ACKNOWLEDGEMENT</a> </li> </ul> </div> </div>

</body> </html>


<html> <style> /*定义选中的页面部分*/ ul.menu li.</html>home<html> > a{ color:cyan; } /*隐藏toc内容,即目录部分*/ #toc{ display:none; } /*toc的属性定义,此处是系统内部设置*/ #toc ul ul, .toc ul ul{ margin:0 0 0 1em; } /*定义自己的toc,此处我保留,实际中按需调整*/ #mytoc{ background:#dedede; width:200px; } #mytoc a,#mytoc a:visited{ font-size:normal; color:black; } #mytoc a:hover{ font-weight:bold; text-decoration:none; }

/*框架设定,拉出toc部分,关键*/ #wiki-toc{ width:0px; margin-top:6px; float:left;

                       display:none;

} #wiki-body{ /*真正的内容设定部分*/ margin-left:0px; padding-left:12px; background-color:transparent; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /*background-image:url(http://openwetware.org/images/d/dd/Biomod_2013_Xiamen_XMU-Nanobiocat_logo.png); background-repeat:no-repeat; background-position:top right;*/ }

/*相关系统设定*/ #toctitle span{ display:none; } #wiki-body p, #wiki-body li, #wiki-body dd, div.thumbcation{ font-size:medium; }

               #wiki-contents{
                       background-color:white;
               }

</style>

<!-- js代码部分,此处是调整toc的核心 --> <script type="text/javascript"> window.onload = function () { document.getElementById('mytoc').appendChild(document.getElementById('toc').firstChild); };

 </script>
 
 <!-- 此处内容主体真正开始 -->
 <html>
 	
 	<html><div id="wiki-contents">

<div id="wiki-toc">

			 <table id="mytoc" class="toc" summary="Contents">
 			</table>
       </div>
       <div style="text-align: right">
  		 <p style="margin:0px;"><a target="_blank" href="http://openwetware.org/index.php?title=</html>Template:<html>Biomod/2013/Xiamen/XMU-Nanobiocat</html>   <html>&action=edit">edit this page</a></p>
 	</div>

<div id="wiki-body"></html>

ABSTRACT bar.png


<html> <p style="font-family:Arial,sans-serif,Helvetica,黑体,Helvetica Neue, Microsoft YaHei;font-size:1.3em;line-height:1.3;font-wheight:400;word-spacing:7px;"> A safe and easy way to perform bio-tattoo by DIY tanning was promoted. Dihydroxyacetone (DHA), the most effective additive for sun-free tanning as an alternative to UV tanning, was biosynthesized in situ from glycerol by designed biomolecular machines.

The coupling multi-enzyme system, glycerol dehydrogenases (GDH) and NADH oxidase (NOX) enzyme nanoring, catalyzed the biosynthesis of DHA from glycerol with cofactor regeneration. Multi-enzyme nanorings were formed with the Ni2+ and bis-His coordination of GDH-NOX fused enzymes, which enhance enzyme activity and stability. The efficiency of biomolecular machines was adjusted with the concentration of NADH and glycerol.

The coloration levels from light to dark correspond with the DHA percentages. Various patterns and letters can be printed on the skin using packs, providing a safe, painless and easy way for DIY bio-tattoo. </p> </html>

VIDEO bar.png

<html> <body> <center> <iframe width="640" height="360" src="//www.youtube.com/embed/mGhILhHG1YU?feature=player_embedded" frameborder="0" allowfullscreen></iframe> </center> </body> </html>

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


<html> <head> <!-- 定义页脚样式 --> <style> #myfooter{ width:960px; border-top:1px solid #a9a9a9; padding-top:20px; margin-top:18px; background-color:rgba(255, 255, 255, 0); } #myfooter p{ font-size:small; text-align:center; } </style> </head>

<body> <div style="text-align: right"> <p style="display:none;"> <a target="_blank" href="http://openwetware.org/index.php?title=Template:Biomod/2013/Xiamen/XMU-Nanobiocat/Footer&action=edit">edit this footer</a> </p> </div> <div id="myfooter"> <p>Copyright &copy; College of Chemistry and Chemical Engineering, Xiamen University,all rights reserved.</p>

               <p style="text-align:center;">BIOMOD 2013 XMU NANOBIOCAT</p>

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