|
|
Line 1: |
Line 1: |
- | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
| |
- | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
| |
| | | |
- | <html xmlns="http://www.w3.org/1999/xhtml"><!--https://2014.igem.org/Special:Upload-->
| |
- | <head>
| |
- | <meta name="keywords" content="" />
| |
- | <meta name="description" content="" />
| |
- | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
- | <title>Team:UESTC-2014.igem</title>
| |
- | <style>
| |
- | @font-face {
| |
- | font-family: 'PT Sans Narrow';
| |
- | font-style: normal;
| |
- | font-weight: 400;
| |
- | src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
| |
- | }
| |
- | @font-face {
| |
- | font-family: 'Lobster';
| |
- | font-style: normal;
| |
- | font-weight: 400;
| |
- | src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v8/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
| |
- | }
| |
- | * {
| |
- | margin: 0; padding: 0;
| |
- | }
| |
- |
| |
- | a {
| |
- | color: #8f5038;
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- | a:hover {
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | body {
| |
- | font-size: 10.5pt;
| |
- | line-height: 1.75em;
| |
- | font-family: Arial, sans-serif;
| |
- | background: #e1e4e5 url('https://static.igem.org/mediawiki/2014/3/3a/Bg.png');
| |
- | color: #383939;
| |
- | }
| |
- |
| |
- | br.clear {
| |
- | clear: both;
| |
- | }
| |
- |
| |
- | h1,h2,h3,h4 {
| |
- | text-transform: lowercase;
| |
- | font-weight: normal;
| |
- | }
| |
- |
| |
- | h2,h3,h4 {
| |
- | margin-bottom: 1em;
| |
- | font-family: "PT Sans Narrow", sans-serif;
| |
- | color: #000;
| |
- | }
| |
- |
| |
- | h2 {
| |
- | font-size: 1.8em;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | font-size: 1.4em;
| |
- | }
| |
- |
| |
- | img.left {
| |
- | float: left;
| |
- | margin: 8px 20px 20px 0;
| |
- | }
| |
- |
| |
- | img.top {
| |
- | margin: 8px 0 20px 0;
| |
- | }
| |
- |
| |
- | p {
| |
- | margin-bottom: 1.75em;
| |
- | }
| |
- |
| |
- | ul {
| |
- | margin-bottom: 1.75em;
| |
- | }
| |
- |
| |
- | .imageList {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | .imageList li {
| |
- | clear: both;
| |
- | }
| |
- |
| |
- | #bg {
| |
- | background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') top left repeat-x;
| |
- | }
| |
- |
| |
- | #banner {
| |
- | top:135px;
| |
- | position: relative;
| |
- | padding: 28px;
| |
- | height: 212px;
| |
- | width: 1124px;
| |
- | margin: 28px 0 0 0;
| |
- | background: #ffffff;
| |
- | border-bottom: solid 1px #c0c0c0;
| |
- | }
| |
- |
| |
- | #box1 {
| |
- | width: 500px;
| |
- | overflow: hidden;
| |
- | margin: 0px 0 24px 0;
| |
- | }
| |
- |
| |
- | #box2 {
| |
- | width: 236px;
| |
- | overflow: hidden;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #box3 {
| |
- | width: 236px;
| |
- | overflow: hidden;
| |
- | margin: 0px 0 0 260px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | width: 500px;
| |
- | margin: 0px 28px 0 312px;
| |
- | padding: 28px;
| |
- | background: #ffffff;
| |
- | border-bottom: solid 1px #c0c0c0;
| |
- | }
| |
- |
| |
- | #copyright {
| |
- | top:100px;
| |
- | position: relative;
| |
- | margin: 28px 0 64px 0;
| |
- | text-align: center;
| |
- | text-shadow: 0 1px 0 #ffffff;
| |
- | color: #787979;
| |
- | }
| |
- |
| |
- | #copyright a {
| |
- | color: #787979;
| |
- | }
| |
- |
| |
- | #footer {
| |
- | top:100px;
| |
- | position: relative;
| |
- | padding: 28px;
| |
- | margin: 28px 0 0 0;
| |
- | width: 1124px;
| |
- | background: #636363;
| |
- | color: #d3d3d3;
| |
- | border-bottom: solid 1px #444444;
| |
- | text-shadow: 0 1px 0 #404040;
| |
- | }
| |
- |
| |
- | #footer a {
| |
- | color: #eee;
| |
- | }
| |
- |
| |
- | #footer h2, #footer h3, #footer h4 {
| |
- | color: #ffffff;
| |
- | }
| |
- |
| |
- | #footer ul {
| |
- | list-style: none;
| |
- | margin-bottom: 0;
| |
- | }
| |
- |
| |
- | #footer p {
| |
- | margin-bottom: 0;
| |
- | }
| |
- |
| |
- | #footer ul li {
| |
- | padding: 8px 0 8px 0;
| |
- | border-top: dotted 1px #8c8c8c;
| |
- | }
| |
- |
| |
- | #footer ul li.first {
| |
- | padding-top: 0;
| |
- | border-top: 0;
| |
- | }
| |
- |
| |
- | #footerContent {
| |
- | width: 812px;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #footerSidebar {
| |
- | width: 232px;
| |
- | margin: 0px 0 0 892px;
| |
- | }
| |
- |
| |
- | #header {
| |
- | top:0px;
| |
- | overflow:hidden;
| |
- | border-bottom:1px solid #d3d7d8;
| |
- | position: fixed;
| |
- | padding: 28px;
| |
- | height: 126px;
| |
- | width: 1124px;
| |
- | z-index:1000;
| |
- | background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') repeat-x;
| |
- | }
| |
- |
| |
- | #logo {
| |
- | position: relative;
| |
- | margin: -35px auto;
| |
- | height: 100px;
| |
- | line-height:50px;
| |
- | }
| |
- |
| |
- | #logo a {
| |
- |
| |
- | text-decoration: none;
| |
- | color: #000;
| |
- | text-shadow: 0px 3px 0px #ffffff;
| |
- | }
| |
- |
| |
- | #h1 {
| |
- | text-transform:Uppercase;
| |
- | text-align: left;
| |
- | font-size: 2em;
| |
- | font-family:"Purisa", cursive;
| |
- | }
| |
- | #h2 {
| |
- | text-transform:Uppercase;
| |
- | text-align: left;
| |
- | font-size: 4em;
| |
- | font-family: "Purisa", cursive;
| |
- | }
| |
- |
| |
- |
| |
- | #main {
| |
- | top:130px;
| |
- | position: relative;
| |
- | padding: 0px;
| |
- | margin: 28px 0 0 0;
| |
- | width: 1180px;
| |
- | color: #474747;
| |
- | }
| |
- |
| |
- | #main strong {
| |
- | color: #242424;
| |
- | }
| |
- |
| |
- | #main h2, #main h3, #main h4 {
| |
- | color: #0d0d0d;
| |
- | }
| |
- |
| |
- | #main ul {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | #main ul li {
| |
- | padding: 8px 0 8px 0;
| |
- | border-top: dotted 1px #bdbdbd;
| |
- | }
| |
- |
| |
- | #main ul.imageList li {
| |
- | padding: 16px 0 16px 0;
| |
- | }
| |
- |
| |
- | #main ul li.first {
| |
- | padding-top: 0;
| |
- | border-top: 0;
| |
- | }
| |
- |
| |
- | #nav {
| |
- | position: absolute;
| |
- | bottom: 0;
| |
- | left: 0;
| |
- | width: 1180px;
| |
- | height: 56px;
| |
- | line-height: 56px;
| |
- | margin: 28px 0 0 0;
| |
- | background: #8f5038;
| |
- | font-size: 1em;
| |
- | font-family: "Loma", sans-serif;
| |
- | border-bottom: solid 1px #6f3018;
| |
- | border-top: solid 1px #ffffff;
| |
- | text-shadow: 0 1px 0px #6f3018;
| |
- | text-transform: lowercase;
| |
- | }
| |
- |
| |
- | #nav a {
| |
- | text-decoration: none;
| |
- | color: #ffffff;
| |
- | }
| |
- |
| |
- | #nav ul {
| |
- | list-style: none;
| |
- | margin: 0 auto;
| |
- | width: 1062px;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | #nav ul li {
| |
- | display: inline;
| |
- | text-align: center;
| |
- | padding: 0 1.75em 0 1.75em;
| |
- | }
| |
- |
| |
- | #outer {
| |
- | position: relative;
| |
- | width: 1180px;
| |
- | padding-top: 30px;
| |
- | margin: 0 auto 0 auto;
| |
- | }
| |
- |
| |
- | #search input.button {
| |
- | margin-left: 1em;
| |
- | border: 0px;
| |
- | color: #ffffff;
| |
- | background: #8f5038;
| |
- | padding: 5px;
| |
- | }
| |
- |
| |
- | #search input.text {
| |
- | border: dotted 1px #000;
| |
- | padding: 4px;
| |
- | }
| |
- |
| |
- | #sidebar1 {
| |
- | width: 232px;
| |
- | float: left;
| |
- | padding: 28px;
| |
- | background: #ffffff;
| |
- | color: #474747;
| |
- | border-bottom: solid 1px #c0c0c0;
| |
- | }
| |
- |
| |
- | #sidebar1 h2, #sidebar1 h3, #sidebar1 h4 {
| |
- | color: #000;
| |
- | }
| |
- |
| |
- | #sidebar1 ul {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | #sidebar1 ul li {
| |
- | padding: 8px 0 8px 0;
| |
- | border-top: dotted 1px #bdbdbd;
| |
- | }
| |
- |
| |
- | #sidebar1 ul li.first {
| |
- | padding-top: 0;
| |
- | border-top: 0;
| |
- | }
| |
- |
| |
- | #sidebar2 {
| |
- | width: 232px;
| |
- | float: right;
| |
- | padding: 28px;
| |
- | background: #ffffff;
| |
- | color: #474747;
| |
- | border-bottom: solid 1px #c0c0c0;
| |
- | }
| |
- |
| |
- | #sidebar2 h2, #sidebar2 h3, #sidebar2 h4 {
| |
- | color: #000;
| |
- | }
| |
- |
| |
- | #sidebar2 ul {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | #sidebar2 ul li {
| |
- | padding: 8px 0 8px 0;
| |
- | border-top: dotted 1px #bdbdbd;
| |
- | }
| |
- |
| |
- | #sidebar2 ul li.first {
| |
- | padding-top: 0;
| |
- | border-top: 0;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- | <body>
| |
- | <div id="bg">
| |
- | <div id="outer">
| |
- | <div id="header">
| |
- |
| |
- | <div id="logo">
| |
- | <h1 id="h1">
| |
- | <a href="#" style="">UESTC-China 2014 </a>
| |
- | </h1>
| |
- | <h1 id="h2">
| |
- | <a href="#" style="">PLANTS vs HCHO</a>
| |
- | </h1>
| |
- | </div>
| |
- | <div id="nav">
| |
- | <ul style="text-transform:Uppercase">
| |
- | <li class="first active">
| |
- | <a href="#">Home</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Team</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Porject</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Model</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Links</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Notebook</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">Safety</a>
| |
- | </li>
| |
- | <li class="last">
| |
- | <a href="#">Human Practice</a>
| |
- | </li>
| |
- | </ul>
| |
- | <br class="clear" />
| |
- | </div>
| |
- | </div>
| |
- | <div id="banner">
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/5d/Home_img1.jpg" width="1124" height="212" alt="" />
| |
- | </div>
| |
- | <div id="main">
| |
- | <div id="sidebar1">
| |
- | <h3>
| |
- | left bar
| |
- | </h3>
| |
- | <p>
| |
- | put something here!
| |
- | </p>
| |
- | <h3>
| |
- | description
| |
- | </h3>
| |
- | <ul class="linkedList">
| |
- | <li class="first">
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">first</a>
| |
- | </li>
| |
- | <li class="last">
| |
- | <a href="#">wahaahhahahahh</a>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <div id="sidebar2">
| |
- | <h3>
| |
- | right bar
| |
- | </h3>
| |
- | <ul class="linkedList">
| |
- | <li class="first">
| |
- | <a href="#">sssss</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">ssss</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">ssss</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">sssss</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">ssssss</a>
| |
- | </li>
| |
- | <li class="last">
| |
- | <a href="#">sssss</a>
| |
- | </li>
| |
- | </ul>
| |
- | <h3>
| |
- | china
| |
- | </h3><img class="top" src="https://static.igem.org/mediawiki/2014/a/a7/Home_img2.jpg" width="232" height="84" alt="" />
| |
- | <p>
| |
- | ok ok
| |
- | ok ok
| |
- | </p>
| |
- | </div>
| |
- | <div id="content">
| |
- | <div id="box1">
| |
- | <h2>
| |
- | Introduction
| |
- | </h2><img class="left" src="https://static.igem.org/mediawiki/2014/e/ed/Home_img3.gif" width="100" height="115" alt="" />
| |
- | <p>
| |
- | some some some
| |
- | </p>
| |
- | </div>
| |
- | <div id="box2">
| |
- | <h3>
| |
- | some
| |
- | </h3>
| |
- | <p>
| |
- | a jiao jiao
| |
- | </p>
| |
- | <ul class="linkedList">
| |
- | <li class="first">
| |
- | <a href="#">,,,,,</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">,,,,</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">,,,,,</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">,,,,</a>
| |
- | </li>
| |
- | <li class="last">
| |
- | <a href="#">,,,,,</a>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <br class="clear" />
| |
- | </div>
| |
- | <br class="clear" />
| |
- | </div>
| |
- | <div id="footer">
| |
- | <div id="footerContent">
| |
- | <h3>
| |
- | Sponsers
| |
- | </h3>
| |
- | <p>
| |
- | uestc
| |
- | </p>
| |
- | </div>
| |
- | <div id="footerSidebar">
| |
- | <h3>
| |
- | fine
| |
- | </h3>
| |
- | <ul class="linkedList">
| |
- | <li class="first">
| |
- | <a href="#">xxx</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="#">xx</a>
| |
- | </li>
| |
- | <li class="last">
| |
- | <a href="#">xxxxx</a>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <br class="clear" />
| |
- | </div>
| |
- | </div>
| |
- | <div id="copyright">
| |
- | © eagel liu | Design by <a href="%%" rel="nofollow"></a>
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |