Template:Biomod/2013/Xiamen/XMU-Nanobiocat/Header
<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&action=raw&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>[[Image:Biomod 2013 Xiamen XMU-Nanobiocat header {{{pagetitle}}}.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 & 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>
