Line 1: | Line 1: | ||
− | {{ | + | {{HomePage}} |
− | <html> | + | <html lang="en"> |
− | + | <head> | |
− | <div class=" | + | <meta charset="UTF-8"> |
− | <img src=" | + | <title>首页</title> |
+ | <link href="http://114.215.83.175/wiki/css/base.css" rel="stylesheet" type="text/css" /> | ||
+ | <!--<link href="http://114.215.83.175/wiki/css/homePage.css" rel="stylesheet" type="text/css" />--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <iframe class="header-iframe" src="html/nav.html"></iframe> | ||
+ | <div class="banner"> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/3/31/Uestc_software-bg1.png" class="banner-img" alt="banner" /> | ||
</div> | </div> | ||
− | + | <div class="second-nav"> | |
− | <div class=" | + | <ul> |
− | + | <li><a href="html/subLevel.html?id=0">BIO101(storage)</a></li> | |
− | + | <li><a href="html/threeLevel.html?id=0&index=6">BIO1024(calculate)</a></li> | |
− | + | <li><a href="html/threeLevel.html?id=0&index=7">BIO2048(game)</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <ul> | + | |
− | <li> | + | |
− | <li> <a href=" | + | |
− | <li> <a href=" | + | |
− | </ul> | + | |
</div> | </div> | ||
− | + | <div class="detail-nav"> | |
− | <div class=" | + | <ul> |
− | < | + | <li><a href="html/subLevel.html?id=0"><img src="https://static.igem.org/mediawiki/igem.org/9/90/Uestc_software-project.png" alt="nav ionc" /><br/><span>PROJECT</span></a></li> |
− | < | + | <li><a href="html/subLevel.html?id=1"><img src="https://static.igem.org/mediawiki/igem.org/a/ac/Uestc_software-judge.png" alt="nav ionc" /><br/><span>JUDGING</span></a></li> |
− | < | + | <li><a href="html/subLevel.html?id=2"><img src="https://static.igem.org/mediawiki/igem.org/f/fb/Uestc_software-team.png" alt="nav ionc" /><br/><span>TEAM</span></a></li> |
− | < | + | <li><a href="html/threeLevel.html?id=3&index=0"><img src="https://static.igem.org/mediawiki/igem.org/d/df/Uestc_software-doucument.png" alt="nav ionc" /><br/><span>DOCUMENT</span></a></li> |
+ | <li><a href="html/threeLevel.html?id=4&index=0"><img src="https://static.igem.org/mediawiki/igem.org/3/3a/Uestc_software-human-practice.png" alt="nav ionc" /><br/><span>HUMAN PRACTICES</span></a></li> | ||
+ | <li><a href="html/threeLevel.html?id=5&index=0"><img src="https://static.igem.org/mediawiki/igem.org/4/41/Uestc_software-attributions.png" alt="nav ionc" /><br/><span>ATTRIBUTIONS</span></a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
− | < | + | <iframe class="footer-iframe" src="http://114.215.83.175/wiki/html/footer.html"></iframe> |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 09:23, 28 September 2016
<stylesheet> .header-iframe { height:400px; width:100%; border:0; overflow: hidden; position: relative; z-index:10;} .banner { margin-top:-320px;position: relative;} .banner .banner-img { width:100%;} .second-nav { position: absolute;width: 315px; right:0; top:310px; height:120px; background: url('../img/bg2.png') no-repeat;z-index:11; } .second-nav ul { list-style: none; margin-left: 37px; margin-top: 38px; border-left: solid 2px #5ea9f0; padding-left: 15px;} .second-nav ul a { font-size: 14px; color:#5ea9f0; text-decoration: none; cursor: pointer; line-height: 23px;} .detail-nav { margin-top: 50px;} .detail-nav ul { list-style: none; overflow: hidden; width:1200px; margin: 0 auto; padding-bottom:50px;} .detail-nav ul li { float:left;} .detail-nav ul li a { text-decoration: none; display: block; width:200px; text-align: center; font-size:14px; color:#439ea3;} .detail-nav ul li a span { line-height: 35px;} .footer-iframe { width:100%; height:84px; overflow: hidden; border:0; margin-bottom:-5px;}
.detail-desc { text-align: center;background: #b4d6ec;margin-top:-320px;padding-top: 50px;}
.detail-desc .logo { margin-bottom:10px;}
.detail-desc .title { color:#439ea3; font-size: 32px;letter-spacing: 3px;margin-bottom: 10px;}
.detail-desc .line { margin-bottom:5px;}
.detail-desc .text-desc { color:#666;font-size: 14px;}
.detail-container { background: #b4d6ec;padding-top:40px;padding-bottom: 130px;}
.detail-container ul { list-style: none;overflow: hidden;width:1234px;margin:0 auto;padding-bottom:10px;padding-right:10px;}
.detail-container ul li { float:left;}
.detail-container ul .item { background: #fff; cursor: pointer; padding-top: 20px; padding-bottom:15px;text-align: center;width:250px;height:330px;background:url('../img/bgg1.png') no-repeat; background-size:100% 100%;}
.detail-container ul .item .img2 { display: none;}
.detail-container ul .item .sub-title { color:#ff8838;font-size: 18px;margin-top:5px;margin-bottom:15px;}
.detail-container ul .item .sub-title img { vertical-align: middle;margin-left:5px;width:19px;position: relative;top:-2px;}
.detail-container ul .item .sub-title .ionc2 { display: none;}
.detail-container ul .item .text-description { padding:10px 30px;}
.detail-container .pre-page,.detail-container .next-page { position: relative;top:140px;margin:0 20px;cursor: pointer;width:77px;text-align: center;}
.detail-container .pre-page img,.detail-container .next-page img { width:40px;}
.detail-container ul .item.active { background:url('../img/bgg2.png') no-repeat;color:#fff;}
.detail-container ul .item.active .sub-title { color:#fff;}
.detail-container ul .item a { display: block;}
.detail-container ul .item.active .sub-title .ionc1 { display: none;}
.detail-container ul .item.active .sub-title .ionc2 { display: inline-block;}
.detail-container ul .item.active .img1 { display: none;}
.detail-container ul .item.active .img2 { display: inline-block;}
.detail-container ul .li-wrap { box-shadow: 1px 1px 10px;overflow: hidden;max-width: 1000px;float: left;}
</stylesheet>