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">
 +
    <head>
 +
        <meta name="keywords" content="" />
 +
        <meta name="description" content="" />
 +
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>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: yellow;
 +
}
 +
#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="images/pic1.jpg" width="1124" height="212" alt="" />
 +
</div>
 +
<div id="main">
 +
<div id="sidebar1">
 +
<h3>
 +
Pharetra sodales egestas
 +
</h3>
 +
<p>
 +
Enim amet sociis ullamcorper lorem ligula. Viverra odio massa sapien et augue lacus pretium.
 +
Sociis magna faucibus dictum curabitur auctor et molestie proin sed aliquam.
 +
</p>
 +
<h3>
 +
Venenatis elementum porttitor
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">Varius nulla fusce suscipit</a>
 +
</li>
 +
<li>
 +
<a href="#">Rutrum orci amet et lorem</a>
 +
</li>
 +
<li>
 +
<a href="#">Convallis sodales malesuada</a>
 +
</li>
 +
<li>
 +
<a href="#">Faucibus imperdiet adipiscing</a>
 +
</li>
 +
<li>
 +
<a href="#">Diam porta at sed tortor</a>
 +
</li>
 +
<li>
 +
<a href="#">Rutrum orci amet et lorem</a>
 +
</li>
 +
<li>
 +
<a href="#">Convallis sodales malesuada</a>
 +
</li>
 +
<li>
 +
<a href="#">Faucibus imperdiet adipiscing</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">Dictum in amet phasellus</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="sidebar2">
 +
<h3>
 +
Dictum sed montes
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">Euismod parturient dolor</a>
 +
</li>
 +
<li>
 +
<a href="#">Malesuada dignissim aenean</a>
 +
</li>
 +
<li>
 +
<a href="#">Felis amet condimentum</a>
 +
</li>
 +
<li>
 +
<a href="#">Duis rutrum urna congue</a>
 +
</li>
 +
<li>
 +
<a href="#">Iaculis etiam sed nibh</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">Metus dolor et consequat</a>
 +
</li>
 +
</ul>
 +
<h3>
 +
Nulla parturient tortor
 +
</h3><img class="top" src="images/pic1.jpg" width="232" height="84" alt="" />
 +
<p>
 +
Facilisis risus tortor elit scelerisque integer nascetur. Magnis lacus arcu erat gravida diam lorem et posuere.
 +
Aliquam proin nisl mus ultrices morbi consequat veroeros dolore.
 +
</p>
 +
</div>
 +
<div id="content">
 +
<div id="box1">
 +
<h2>
 +
Welcome to Reverse Obscurity
 +
</h2><img class="left" src="images/pic2.jpg" width="100" height="115" alt="" />
 +
<p>
 +
This is <strong>Reverse Obscurity</strong>, a three column CSS template by
 +
<a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a> with photos from
 +
<a href="http://www.pdphoto.org/">PDPhoto</a>. It's released (for free) under the
 +
<a href="http://www.freecsstemplates.org/license/">Creative Commons Attribution 3.0 license</a>,
 +
so feel free to use it for any personal or commercial work, just keep our footer credit links intact.
 +
Hit up our <a href="http://www.freecsstemplates.org/">website</a> for more awesomely
 +
cool free templates, and follow us on <a href="http://twitter.com/freecsstemplate">Twitter</a>
 +
(<a href="http://twitter.com/freecsstemplate">@freecsstemplate</a>) for updates, announcements, and other
 +
mildly interesting ramblings.
 +
</p>
 +
</div>
 +
<div id="box2">
 +
<h3>
 +
Pulvinar quis pellentesque
 +
</h3>
 +
<p>
 +
Tempor sociis nullam proin placerat velit volutpat auctor. Fermentum et et eleifend molestie urna.
 +
</p>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">Quisque vulputate faucibus</a>
 +
</li>
 +
<li>
 +
<a href="#">Neque aliquam vitae nisi</a>
 +
</li>
 +
<li>
 +
<a href="#">Odio sagittis montes massa</a>
 +
</li>
 +
<li>
 +
<a href="#">Curabitur euismod condimentum</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">Imperdiet placerat mi ornare</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="box3">
 +
<h3>
 +
Quis curae accumsan placerat
 +
</h3>
 +
<ul class="imageList">
 +
<li class="first">
 +
<img class="left" src="images/pic2.jpg" width="60" height="60" alt="" /> <span>Commodo proin lacinia blandit aenean orci penatibus.</span>
 +
</li>
 +
<li>
 +
<img class="left" src="images/pic2.jpg" width="60" height="60" alt="" /> <span>Nulla elit parturient eleifend aenean dictum proin.</span>
 +
</li>
 +
<li class="last">
 +
<img class="left" src="images/pic2.jpg" width="60" height="60" alt="" /> <span>Feugiat ut ut lectus cubilia faucibus condimentum.</span>
 +
</li>
 +
</ul>
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
<div id="footer">
 +
<div id="footerContent">
 +
<h3>
 +
Odio cum elit orci
 +
</h3>
 +
<p>
 +
Fusce fringilla faucibus eget nibh congue. Cubilia velit blandit mus accumsan hendrerit tortor. Nisi orci
 +
sollicitudin faucibus. Ipsum egestas rhoncus volutpat sollicitudin. Elementum magnis varius risus sem et
 +
auctor aliquet. Dictum parturient viverra convallis purus montes cubilia augue. Feugiat tortor ac velit
 +
purus felis. Convallis mollis varius consequat. Dictum parturient et viverra sed convallis purus montes cubilia
 +
augue. Feugiat tortor ac velit purus felis. Convallis mollis varius consequat. Cubilia velit blandit mus
 +
accumsan hendrerit tortor. Nisi orci sollicitudin faucibus lorem ipsum dolor sit amet dolore.
 +
</p>
 +
</div>
 +
<div id="footerSidebar">
 +
<h3>
 +
Sollicitudin iaculis
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">Cras pharetra amet</a>
 +
</li>
 +
<li>
 +
<a href="#">Praesent turpis</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">Augue laoreet pellentesque</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
</div>
 +
<div id="copyright">
 +
&copy; Your Site Name | Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>
 +
</div>
 +
</div>
 +
    </body>
 +
</html>

Revision as of 13:40, 27 May 2014

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

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

IGEM

Pharetra sodales egestas

Enim amet sociis ullamcorper lorem ligula. Viverra odio massa sapien et augue lacus pretium. Sociis magna faucibus dictum curabitur auctor et molestie proin sed aliquam.

Venenatis elementum porttitor

Dictum sed montes

Nulla parturient tortor

Facilisis risus tortor elit scelerisque integer nascetur. Magnis lacus arcu erat gravida diam lorem et posuere. Aliquam proin nisl mus ultrices morbi consequat veroeros dolore.

Welcome to Reverse Obscurity

This is Reverse Obscurity, a three column CSS template by FreeCSSTemplates.org with photos from PDPhoto. It's released (for free) under the Creative Commons Attribution 3.0 license, so feel free to use it for any personal or commercial work, just keep our footer credit links intact. Hit up our website for more awesomely cool free templates, and follow us on Twitter (@freecsstemplate) for updates, announcements, and other mildly interesting ramblings.

Pulvinar quis pellentesque

Tempor sociis nullam proin placerat velit volutpat auctor. Fermentum et et eleifend molestie urna.

Quis curae accumsan placerat

  • Commodo proin lacinia blandit aenean orci penatibus.
  • Nulla elit parturient eleifend aenean dictum proin.
  • Feugiat ut ut lectus cubilia faucibus condimentum.