Biomod/2013/Tianjin/Attributions: Difference between revisions
Xiaoke Huang (talk | contribs) mNo edit summary |
Xiaoke Huang (talk | contribs) No edit summary |
||
| Line 207: | Line 207: | ||
#toc { | #toc { | ||
width: | width:220px; | ||
margin-left:-260px; | margin-left:-260px; | ||
} | } | ||
| Line 253: | Line 253: | ||
<div class="main"> | <div class="main"> | ||
</div> | </div> | ||
| Line 414: | Line 268: | ||
</div> | </div> | ||
</div> | |||
Revision as of 23:07, 25 October 2013
<html>
<style>
- {margin:0;padding:0;font-family:"微软雅黑","Arial";}
body{ width: 960px; height:auto; margin: 0 auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#fcfcfc;
}
h1,h2,h3,h4,h5,h6{border:none;}
p {margin:0.5em 0 !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.logo-section{ height:220px; width:960px; position:relative; float:left; margin-top:5px; background:url(#) no-repeat; /*background-color:#0F6;*/ }
.content1{ height:50px; width:960px; position:relative; float:left; /*background-color:#F90;*/ }
.text-box{ width:960px; height:auto; margin-top:0px; float:left; position:relative; /*background-color:#96F;*/ }
.vedio{
width:960px;
height:300px;
position:relative;
float:left;
/*background-color:#FCC;*/
}
.link{ margin:0 auto; width:960px; height:200px; text-align:center; /*background-color:#FF6;*/ float:left; }
- goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;}
- content{margin:0;padding:0;height:auto;border:0px;}
- column-content{background-color:#FFF;}
- globalWrapper{
width:960px; height:auto; -moz-box-shadow:0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc; box-shadow:0px 0px 15px #ccc; }
/*hidden section*/
.firstHeading{display:none;}
- sidebar-main{display:none;}
- p-cactions{display:none;}
- p-personal{display:none;}
</style>
<!--banner section-->
<div class="logo-section">
</div>
<!--content section-->
<style type="text/css"> .sddm{z-index: 30;width: 960px;height:20px;position:relative;float:left;background-color:#303437;position:raletive;margin-left:0px;} .sddm ul{margin-left:0px;} .sddm li{margin: 0;list-style: none;float: left;font: bold 14px arial;height:20px;background-color:#FFF;border-left:#fff thin solid;border-right:#fff thin solid;} .sddm li a{display: block;margin:0;width: 158px;height:20px;background:#303437;color: #FFF;text-align: center;text-decoration: none;} .sddm li a:hover{background:#999;color:#000;} .sddm div{position: absolute;width:158px;z-index:999;visibility: hidden;margin-top:1px;padding: 0;} .sddm div a{position: relative;display: block;margin: 0;padding: 5px 5px;width: auto;white-space: nowrap;text-align:center;text-decoration: none;color: #FFF;font: 12px arial;height:20px;} .sddm div a:hover{background:#999;color:#000;}
</style> <script type="text/javascript"> var timeout = 500; var closetimer = 0; var ddmenuitem = 0;
function mopen(id) { mcancelclosetime(); if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible';} function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';} function mclosetime() { closetimer = window.setTimeout(mclose, timeout);} function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null;}} document.onclick = mclose; </script>
<div class="content1">
<ul class="sddm">
<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()" style="padding:15px 0px;">Home</a>
</li> <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()" style="padding:15px 0px;">Team</a>
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Item1</a> <a href="#">Item2</a> <a href="#">Item3</a> <a href="#">Item4</a> </div> </li> <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()" style="padding:15px 0px;">Designs</a>
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Item1</a> <a href="#">Item2</a> <a href="#">Item3</a> <a href="#">Item4</a> </div> </li> <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()" style="height:35px;padding:8px 0px 7px 0px;">Experiments & Results</a>
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Item1</a> <a href="#">Item2</a> <a href="#">Item3</a> <a href="#">Item4</a> </div> </li>
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()" style="padding:15px 0px;">Protocol</a>
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Item1</a> <a href="#">Item2</a> <a href="#">Item3</a> <a href="#">Item4</a> </div> </li>
<li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()" style="padding:15px 0px;">Attributions</a>
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Item1</a> <a href="#">Item2</a> <a href="#">Item3</a> <a href="#">Item4</a> </div> </li> </ul> </div>
<div class="text-box">
<style type="text/css"> .box{ width:960px;height:1000px; margin:0 auto; overflow:hidden;}
.main{ width:710px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} .fixed{ width:220px; height:400px; font:normal; text-align:center;float:left;word-spacing:0.1em;top:10px;margin-top:10px;} .main img{border:hidden;margin-bottom:5px;} .main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;}
.box p{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:150%;text-align:left; clear:both;}
.box h1{text-decoration:none;font-weight:normal;color:#0babe7;}
.img1{margin:0 150px 15px 150px;padding:5px 5px 5px 5px;background-color:#fafafa;border:thin solid #999; vertical-align:middle;width:400px;}
.img1 a{target="_blank";}
</style>
<div class="box">
<div class="fixed"> <style>
- toc {
width:220px; margin-left:-260px; }
.tocbefore { position:absolute; }
.tocafter { position:fixed; top:30px; }
</style>
<script type="text/javascript"> function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset;
}
else if (document.compatMode) {
if(document.compatMode != 'BackCompat')
{
scrollPos = document.documentElement.scrollTop;
}
else if (document.body)
{
scrollPos = document.body.scrollTop;
}
}
if(scrollPos < 290){
document.getElementById("toc").className="tocbefore"; } else{ document.getElementById("toc").className="tocafter"; } } window.onscroll=getScrollTop; </script>
</div>
<div class="main">
</div>
<div class="link">
<p><br />
<br />
E-mail：austinamens@gmail.com | Address:Building No.20, No.92 Weijin Road, Tianjin, China | Zip-code：300072
<br />Copyright 2013 © Tianjin University iGEM Team</p>
</div>
</div>
</div>
<!--<div class="vedio">
</div>-->
<!--top button section--> <div style="display: block" id="goTopBtn"> <a href="#top" title="Top"><img border=0 src="#"></a> </div>
<a href="http://openwetware.org/index.php?title=Biomod/2013/Tianjin/Attributions&action=edit">edit</a> </html>
