Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!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;
 +
}
-
<html>
+
a {
-
<!--main content -->
+
color: #8f5038;
-
<table width="70%" align="center">
+
text-decoration: underline;
 +
}
 +
a:hover {
 +
text-decoration: none;
 +
}
-
<!--welcome box -->
+
body {
-
<tr >
+
font-size: 10.5pt;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B >
+
line-height: 1.75em;
-
<img  src="https://static.igem.org/mediawiki/2014/c/cc/LuZhu.jpg" height="150px" width="100%"></img>
+
font-family: Arial, sans-serif;
 +
background: #e1e4e5 url('images/bg.png');
 +
color: #383939;
 +
}
-
</td>
+
br.clear {
-
</tr>
+
clear: both;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
h1,h2,h3,h4 {
-
<!-- end welcome box -->
+
text-transform: lowercase;
-
<tr>
+
font-weight: normal;
 +
}
-
<!--navigation menu -->
+
h2,h3,h4 {
-
<td align="center" colspan="3">
+
margin-bottom: 1em;
 +
font-family: "PT Sans Narrow", sans-serif;
 +
color: #000;
 +
}
-
<table  width="100%">
+
h2 {
-
<tr heigth="15px"></tr>
+
font-size: 1.8em;
-
<tr heigth="75px">
+
}
 +
h3 {
 +
font-size: 1.4em;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
img.left {
-
<a href="https://2014.igem.org/Team:UESTC-China"style="color:#000000">Home </a> </td>
+
float: left;
 +
margin: 8px 20px 20px 0;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
img.top {
-
<a href="https://2014.igem.org/Team:UESTC-China/Team"style="color:#000000"> Team </a></td>
+
margin: 8px 0 20px 0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
p {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"style="color:#000000"> Official Team Profile </a></td>
+
margin-bottom: 1.75em;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
ul {
-
<a href="https://2014.igem.org/Team:UESTC-China/Project"style="color:#000000"> Project</a></td>
+
margin-bottom: 1.75em;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.imageList {
-
<a href="https://2014.igem.org/Team:UESTC-China/Parts"style="color:#000000"> Parts</a></td>
+
list-style: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.imageList li {
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
clear: both;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#bg {
-
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"style="color:#000000"> Notebook</a></td>
+
background: url('images/highlight.png') top left repeat-x;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#banner {
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"style=" color:#000000"> Safety </a></td>
+
top:135px;
 +
position: relative;
 +
padding: 28px;
 +
height: 212px;
 +
width: 1124px;
 +
margin: 28px 0 0 0;
 +
background: #ffffff;
 +
border-bottom: solid 1px #c0c0c0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#box1 {
-
<a href="https://2014.igem.org/Team:UESTC-China/Attributions"style="color:#000000"> Attributions </a></td>
+
width: 500px;
 +
overflow: hidden;
 +
margin: 0px 0 24px 0;
 +
}
 +
#box2 {
 +
width: 236px;
 +
overflow: hidden;
 +
float: left;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
#box3 {
-
</tr>
+
width: 236px;
-
</table>
+
overflow: hidden;
 +
margin: 0px 0 0 260px;
 +
}
-
<!--end navigation menu -->
+
#content {
-
</tr>
+
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;
 +
}
-
</tr>
+
#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;
 +
}
-
</td>
+
#footer ul {
 +
list-style: none;
 +
margin-bottom: 0;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
#footer p {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
margin-bottom: 0;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
}
 +
#footer ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #8c8c8c;
 +
}
-
<!--requirements section -->
+
#footer ul li.first {
-
<tr><td colspan="3"> <h3> Introduction </h3></td></tr>
+
padding-top: 0;
-
<tr>
+
border-top: 0;
-
<td width="45%"  valign="top">
+
}
-
<p>We will use plant to degrade HCOH.</br>We are leaded by XueBa</p>
+
 +
#footerContent {
 +
width: 812px;
 +
float: left;
 +
}
-
</td>
+
#footerSidebar {
 +
width: 232px;
 +
margin: 0px 0 0 892px;
 +
}
-
<td > </td>
+
#header {
-
<td width="45%">
+
top:0px;
 +
overflow:hidden;
 +
border-bottom:1px solid #d3d7d8;
 +
position: fixed;
 +
padding: 28px;
 +
height: 126px;
 +
width: 1124px;
 +
z-index:1000;
 +
background: url('images/highlight.png') repeat-x;
 +
}
 +
#logo {
 +
position: relative;
 +
margin: -35px auto;
 +
height: 100px;
 +
line-height:50px;
 +
}
-
</td>
+
#logo a {
-
</tr>
+
 +
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;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
 +
#main {
 +
top:130px;
 +
position: relative;
 +
padding: 0px;
 +
margin: 28px 0 0 0;
 +
width: 1180px;
 +
color: #474747;
 +
}
-
<!--tips  -->
+
#main strong {
-
<tr><td colspan="3" > <h3> Sponsers </h3></td></tr>
+
color: #242424;
 +
}
-
<tr>
+
#main h2, #main h3, #main h4 {
-
<td width="45%" valign="top">
+
color: #0d0d0d;
-
<p>UESTC office of teaching affairs</p>
+
}
-
</td>
+
-
<td></td>
+
#main ul {
-
<td width="45%">
+
list-style: none;
 +
}
-
<p>UESTC Plant Genetic Engineering Lab</p>
+
#main ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #bdbdbd;
 +
}
 +
#main ul.imageList li {
 +
padding: 16px 0 16px 0;
 +
}
-
</br>
+
#main ul li.first {
-
</td>
+
padding-top: 0;
-
</tr>
+
border-top: 0;
-
</table>
+
}
 +
 
 +
#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">
 +
&copy; eagel liu | Design by <a href="%%" rel="nofollow"></a>
 +
</div>
 +
</div>
 +
    </body>
 +
</html>

Revision as of 11:46, 10 June 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Team:UESTC-2014.igem

left bar

put something here!

description

right bar

china

ok ok ok ok

Introduction

some some some

some

a jiao jiao



Retrieved from "http://2014.igem.org/Team:UESTC-China"