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>
about us|contact us|sponsor|xmu-china