Team:XMU Software

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE HTML>
<html lang=“en” >
<html lang=“en” >
<head>
<head>
Line 5: Line 6:
<script src="abstract.js" charset="UTF-8"></script>
<script src="abstract.js" charset="UTF-8"></script>
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
 +
<title>Abstract</title>
<title>Abstract</title>
 +
<style>
 +
#s1{position:fixed; background-color:#66ccff; top:0px; left:0px; height:10%; width:100%;z-index:3;}
 +
#s1m2{position:fixed;background-color:#66ccff;top:0px;left:85%;height:10%;width:6%;z-index:3;}
 +
#s2{position:fixed;top:10%;left:0px;height:85%;width:100%;z-index:3;}
 +
#s3{position:fixed;top:95%;left:0px;height:5%;width:100%;font-family:Times New Roman;font-size:1em;text-align:center;background-color:white;z-index:3;}
 +
@charset "utf-8";
 +
body { font-weight: normal; color: #333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Microsoft YaHei, Lucida Grande, "微软雅黑"; font-size: 12px; }
 +
a, a:hover { color: #A60004; text-decoration: none; }
 +
    a, a:hover, .tingico { -webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s; }
 +
ul { margin: 0px; padding: 0px; }
 +
li { list-style-image: none; list-style-type: none; }
 +
img { border: 0px none #FFF; }
 +
.l { float: left; }
 +
.park { clear: both; line-height: 0px; }
 +
.db { display: block; }
 +
.cl { width: 950px; margin-right: auto; margin-left: auto; }
 +
.m_l { margin-left: 10px; display: inline; }
 +
.tingico { background-image: url(../tingicos.png); background-repeat: no-repeat; }
 +
.head_bg { background-image: url(../topbg.png); background-repeat: repeat-x; z-index: 20; }
 +
.top_h { line-height: 55px; height: 55px; }
 +
    .top_h a { color: #ffffff; font-weight:bold;font-size:1.8em;}
 +
.nov ul li { float: left; margin-left: 2px;}
 +
    .nov ul li a { height: 49px; width: 130px; display: block;}
 +
        .nov ul li a:hover { color: #A60004; background-color: #fafafa; height: 47px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #A60004; }
 +
.liico0, .liico2, .liico3, .liico4, .liico5, .liico6, .liico7, .liico8 { height: 30px; width: 39px; float: left; margin-top: 12px; margin-left: 0px !important; margin-left: 0px; }
 +
.liico0 { background-position: -76px 0px; }
 +
.liico2 { background-position: -76px -30px; height: 27px; margin-top: 14px; }
 +
.liico3 { background-position: -76px -57px; height: 25px; margin-top: 14px; }
 +
.liico5 { background-position: -76px -603px; height: 31px; margin-top: 12px;}
 +
.liico6 { background-position: -76px -573px; height: 30px; margin-top: 13px; margin-right: 4px; }
 +
.liico7 { background-position: -76px -704px; height: 30px; margin-top: 13px; margin-right: 4px; }
 +
.liico8 { background-position: -76px -764px; height: 30px; margin-top: 13px; margin-right: 4px; }
 +
.nov ul .handle_b a { width: 112px; }
 +
    .nov ul .handle_b a:hover { color: #A60004; background-color: #000; background-image: url(../hover5_bg.jpg); background-repeat: no-repeat; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 43px; }
 +
.nov ul li .hover5:hover .liico7 { margin-top: 8px; }
 +
.liico4 { background-position: -76px -83px; margin-left: 10px !important; margin-left: 4px; }
 +
.nov ul li a:hover .liico0 { background-position: -76px -113px; }
 +
.nov ul li a:hover .liico2 { background-position: -76px -143px; }
 +
.nov ul li a:hover .liico3 { background-position: -76px -170px; }
 +
.nov ul li a:hover .liico4 { background-position: -76px -195px; }
 +
.nov ul li a:hover .liico5 { background-position: -76px -664px; }
 +
.nov ul li a:hover .liico6 { background-position: -76px -634px; }
 +
.nov ul li a:hover .liico8 { background-position: -76px -734px; }
 +
#tools_point { display: none; background-image: url(../tools.png); background-repeat: no-repeat; text-align: center; height: 31px; width: 138px; padding-top: 20px; z-index: 99999; position: absolute; color: #FFF; margin-left: 497px; margin-top: 40px; line-height: 22px; }
 +
 +
</style>
</head>
</head>
<body>
<body>
-
 
+
<div id="s1">
 +
<div class="handle_a">
 +
        <div class="head_bg">
 +
            <div class="cl top_h">
 +
                <div class="nov m_l l">
 +
                    <div id="tools_point"></div>
 +
                    <ul>
 +
                        <li><a href="" target="_blank" class="hover"><span class="db tingico liico0"></span>Home</a></li>
 +
                        <li><a href="" target="_blank" class="hover6"><span class="db tingico liico8"></span>Project</a></li>
 +
                        <li><a href="" target="_blank" class="hover1"><span class="db tingico liico2"></span>Notes</a></li>
 +
                        <li><a href="" target="_blank" class="hover4"><span class="db tingico liico6"></span>Team</a></li>
 +
                        <li><a href="" target="_blank" class="hover2"><span class="db tingico liico3"></span>Others</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div class="park"></div>
 +
            </div>
 +
        </div>
 +
</div>
 +
<a href="https://igem.org/Main_Page"><img src="photo.png" id="s1m2"></a>
 +
</div>
<div id="s2">
<div id="s2">
<img src="https://static.igem.org/mediawiki/2013/d/d7/Abstract.jpg" width="100%" height="100%">
<img src="https://static.igem.org/mediawiki/2013/d/d7/Abstract.jpg" width="100%" height="100%">
</div>
</div>
-
 
+
<div id="s3">
 +
about us|contact us|sponsor|xmu-china
 +
</div>
</body>
</body>

Revision as of 07:49, 9 August 2013

<!DOCTYPE HTML> Abstract

about us|contact us|sponsor|xmu-china