Template:Biomod/2013/Xiamen/XMU-Nanobiocat/Header&action=edit

From OpenWetWare
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-color:#ffffff; border:0; } /*定义内容主体部分*/ #bodyContent{ width:960px; align:center; background-color:#ffffff; } /*定义侧边部分,此部分是网站的宣传部分,应该隐藏*/ #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; } /*此处定义了全局的背景*/ @media screen {

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

} </style>

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

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

text-shadow:0px 1px 2px #aaa; } /*定义全局的背景*/ #bodyContent, #column-content, #content { background: #ffffff url(http://openwetware.org/images/d/d9/Biomod_2013_Xiamen_XMU-Nanobiocat.jpg) repeat; } /*添加左右边框*/ #column-content { border-left: 1px solid #888; border-right: 1px solid #888; } /*定义头部属性*/ #header{ width:960px; height:304px; background:url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat; background-size:100% auto; margin-bottom:0px; padding:0; } /*定义菜单*/ #menu{ display:block; width:956px; padding:0px; background-color:black; border:2px solid #888; margin-bottom:15px; } ul.menu li a{ display:block; padding:8px 10px; text-decoration:none; color:#fff; margin:0px; text-align:center; font-size:large; } ul.menu li a:hover{ color:cyan; } ul.menu li{ margin:0; padding:6px; 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 li{ float:none; margin:0px; } ul.submenu li a{ text-align:left; margin:0px; width:340px; padding:0 0 0 12px; color:black; text-decoration:none; font-size:large; } ul.submenu li a:hover{ color:black; text-decoration:underline; }

/*全局的属性定义,对应于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> </head>

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

   	<p
   		><a 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>

<!-- 菜单部分的定义 --> <div id="menu"> <ul class="menu"> <li class="home"> <a href="#">Home</a> </li> <li class="team"> <a href="#">Team</a> </li> <li class="project"> <a href="#">Project</a> </li> <li class="res_med"> <a href="#">Result &amp; Methods</a> </li> <li class="thanks"> <a href="#">Thanks</a> </li> </ul> </div>

</body> </html>