|
|
Line 1: |
Line 1: |
| {{SDU_CHINA}} | | {{SDU_CHINA}} |
| | | |
− | <html lang="en"> | + | <html> |
− | <head>
| + | |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
| | | |
− | <style>
| |
− | .bottom{position:relative}
| |
− | .bottom .bar{width:100%;height:50px;top:0;background-color:#72616e;position:absolute;;z-index:2;font-family:"Comic Sans MS", cursive}
| |
− | .bottom .square {width: 160px; height:160px; background:#e54b4b;position:absolute;z-index:2;top:0;left:40px;}
| |
− | .bottom .rectangle {width:1000px; height:100px; background:#19548f;position:absolute;z-index:0;top:160px;left:40px;}
| |
− | .bottom .logo{z-index:3;top:10px;left:50px;position:absolute;}
| |
− | .bottom .farewell{letter-spacing:3px;top:20px;left:40px;position:relative;font-size:50px;color:white;font-family:Verdana, Geneva, sans-serif}
| |
− |
| |
− | .menuDiv {
| |
− | overflow: hidden;
| |
− | display:inline-block;
| |
− | padding-left:200px;
| |
− | float:left;
| |
− | margin-right:20px;
| |
− | z-index:2;
| |
− | font-size:30px
| |
− | font-family:Tahoma, Geneva, sans-serif}
| |
− |
| |
− | .menuDiv a{text-decoration: none;}
| |
− | .menuDiv ul,.menuDiv li {
| |
− | list-style: none;
| |
− | padding: 0px;
| |
− | float: right;}
| |
− | .menuDiv > ul > li > ul {
| |
− | position: absolute;
| |
− | display: none;}
| |
− | .menuDiv > ul > li > ul > li {
| |
− | float: none;}
| |
− | .menuDiv > ul > li:hover ul {
| |
− | display: block;}
| |
− | .menuDiv > ul > li > a {
| |
− | width:100px;
| |
− | margin-top:-4px;
| |
− | line-height:50px;
| |
− | color: white;
| |
− | background-color: #72616e;
| |
− | text-align: center;
| |
− | border-left: none;
| |
− | display: block;
| |
− | font-size:18px;
| |
− | }
| |
− | .menuDiv > ul > li:first-child > a {
| |
− | border-left: none;
| |
− | }
| |
− | .menuDiv > ul > li > a:hover {
| |
− | color: #966;
| |
− | background-color: #999;
| |
− | }
| |
− | .menuDiv > ul > li > ul > li > a {
| |
− | width: 150px;
| |
− | font-size:18px;
| |
− | line-height: 50px;
| |
− | color: white;
| |
− | background-color:#72616e;
| |
− | text-align: center;
| |
− | border:none;
| |
− | display: block;
| |
− | margin-left:-40px;
| |
− | }
| |
− | .menuDiv > ul > li > ul > li:first-child > a {
| |
− | border-top:no;
| |
− | }
| |
− |
| |
− | .menuDiv > ul > li > ul > li > a:hover {
| |
− | color:#966;
| |
− | background-color: #999;
| |
− | }
| |
− |
| |
− | .abstract{margin:0 10% auto 10% ;position:relative;padding-top:200px;}
| |
− | .abstract .title{position:relative;margin:0 auto auto 0;color:#660;font-family:Arial, Helvetica, sans-serif;font-size:30px}
| |
− | .abstract .content{top:10px;position:relative;word-spacing:2px;letter-spacing:0.3px;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif;font-size:20px;word-break:break-all}
| |
− | .abstract .icon{position:relative;margin:0px auto}
| |
− | .abstract .subicon{position:relative;float:left;margin-left:100px}
| |
− |
| |
− | .foot{width:100%;height:200px;background:#0066CC;position:fixed"}
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− | <div class="bottom">
| |
− | <div class="bar">
| |
− | <div class="menuDiv">
| |
− | <ul>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA">Home</a> </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/project">Project</a>
| |
− | <ul>
| |
− | <li><a href="#">Description</a></li>
| |
− | <li><a href="#">Design</a></li>
| |
− | <li><a href="#">Experiment</a></li>
| |
− | <li><a href="#">Results</a></li>
| |
− | <li><a href="#">Notebook</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/model">Model</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/interlab">Interlab</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/parts">Parts</a>
| |
− | <ul>
| |
− | <li><a href="https://2017.igem.org/Team:SDU_CHINA/basicparts">Basic parts</a></li>
| |
− | <li><a href="https://2017.igem.org/Team:SDU_CHINA/compositeparts">Composite parts</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/practice">Practice</a>
| |
− | <ul>
| |
− | <li><a href="https://2017.igem.org/Team:SDU_CHINA/education">Public education</a></li>
| |
− | <li><a href="https://2017.igem.org/Team:SDU_CHINA/activity">Society activity</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2017.igem.org/Team:SDU_CHINA/awards">Awards</a>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | <div class="square"></div>
| |
− | <div class="logo"><img src="https://static.igem.org/mediawiki/2017/4/40/LOGO.png" style="width:140px;height:140px;"></div>
| |
− | <div><img src="https://static.igem.org/mediawiki/2017/d/d6/SDU_main_title.png" style="z-index:0;width:60%;top:100px;left:300px;position:relative;z-index:1"></div>
| |
− | <div><img src="https://static.igem.org/mediawiki/2017/a/ab/SDU_home_keyboard.png" style="width:60%;position:relative;top:120px;left:250px"></div>
| |
− | </div>、
| |
| | | |
| <div class="abstract" > | | <div class="abstract" > |
Line 159: |
Line 32: |
| </div> | | </div> |
| | | |
− | </body>
| |
| </html> | | </html> |