Team:NJU China/Project/Brain

From 2013.igem.org

(Difference between revisions)
(Created page with "小黑傻逼")
Line 1: Line 1:
-
小黑傻逼
+
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
 +
 
 +
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
 +
<STYLE type="text/css">
 +
/* hiding the top section*/
 +
body{position:absolute; top:0px; width:100%; height:1480px;}
 +
#top-section{
 +
  height:0px;
 +
    border:none;
 +
    width:980px;
 +
    margin:0 auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
    overflow:hide;
 +
 
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
/* end of hiding the top section*/
 +
 
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;}
 +
#content{
 +
    background-color:transparent;
 +
    border:none;
 +
    width:1360px;
 +
    height:700px;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:-40px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
 +
 
 +
/*hiding the footer-box*/
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
/*end of hiding the footer book*/
 +
 
 +
/* menu (page, edit ...) */
 +
#menubar {
 +
    background-color:transparent;
 +
    position: relative;
 +
    float:left;
 +
    white-space: nowrap;
 +
    top:-6px;
 +
    width: 490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 55%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
 +
/* MAIN STYLE DEFINITIONS */
 +
a{
 +
color:#870203;
 +
-webkit-transition-duration:0.3s;
 +
-moz-transition-duration:0.3s;
 +
-o-transition-duration:0.3s;
 +
}
 +
 
 +
a:hover {
 +
color:#3d3f3c;
 +
}
 +
 
 +
a:visited{
 +
color:#870203;
 +
}
 +
 
 +
td
 +
{
 +
font-family: Helvetica;
 +
font-size: 10pt;
 +
vertical-align: top;
 +
text-align: left;
 +
padding-right: 10px;
 +
}
 +
 
 +
tr
 +
{
 +
vertical-align: top;
 +
}
 +
 
 +
H1 {
 +
    font-family: Helvetica;
 +
    text-transform: uppercase;
 +
    color: #3d3f3c;
 +
    text-align: left;
 +
    }
 +
 
 +
 
 +
H4 {
 +
    font-family: Helvetica;
 +
    text-transform: uppercase;
 +
    color: #3d3f3c;
 +
    text-align: left;
 +
    }
 +
 
 +
/* CONTENT HEADING STYLES - overrides some main.css styling */
 +
 
 +
H6 {
 +
font-family:'Caviar Dreams';
 +
font-size:30px;
 +
font-weight:500;
 +
text-align:left;
 +
text-transform:uppercase;
 +
color: #3d3f3c;
 +
border-bottom:1px solid orangered;
 +
padding-bottom:10px;
 +
margin:15px 0;
 +
}
 +
 
 +
H1, H3 {
 +
font-family:'Source Sans Pro';
 +
font-weight:600;
 +
text-transform:uppercase;
 +
}
 +
 
 +
H1 {
 +
font-size:20px;
 +
border:none;
 +
}
 +
 
 +
img.headshot {
 +
width: 100px;
 +
height: auto;
 +
vertical-align: text-top;
 +
}
 +
 
 +
 
 +
 
 +
body {
 +
background:#fff;
 +
font-family: Helvetica;
 +
}
 +
 
 +
content {
 +
background: transparent;
 +
}
 +
 
 +
#tracking_nav
 +
{
 +
margin: 0px 0px 0px 950px;
 +
position: fixed;
 +
color:#bababa;
 +
border: 1px solid #3d3f3c;
 +
background:#3d3f3c;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 120%;
 +
}
 +
 
 +
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
 +
#tracking_nav a:hover {background:#bababa;}
 +
 
 +
#parts_table
 +
{
 +
border: 1px solid #870203;
 +
border-collapse: collapse;
 +
width: 70%;
 +
margin: auto;
 +
}
 +
 
 +
#parts_table td
 +
{
 +
text-align: center;
 +
margin: 5px;
 +
border: 1px solid #870203;
 +
 +
}
 +
 
 +
#parts_table th
 +
{
 +
background-color: #bababa;
 +
border: 1px solid #870203;
 +
color: #ffffff;
 +
}
 +
 
 +
.table_part
 +
{
 +
vertical-align: middle;
 +
}
 +
 
 +
/* HEADER STYLES: banner, navbar, etc. */
 +
#banner { width:300px; display:block; float:left; }
 +
#banner img { width:100%; }
 +
 
 +
ul#nav {
 +
width:1200px;
 +
margin:0 0 0 30px;
 +
position:relative;
 +
}
 +
 
 +
#nav li {
 +
color: #bbb;
 +
background-color:none;
 +
margin: 0 50px 0 0;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform:uppercase;
 +
}
 +
#nav li:last-child { margin:0; }
 +
 
 +
/* main level link */
 +
#nav a {
 +
font-family:'Source Sans Pro', sans-serif;
 +
font-size:10pt;
 +
font-weight:500;
 +
line-height:110%;
 +
color: inherit;
 +
text-decoration: none;
 +
display: block;
 +
padding: 0 0 0 5px;
 +
margin: 0;
 +
}
 +
 
 +
ul#nav > li > a {
 +
line-height:12px;
 +
border-left:solid 2px #bbb;
 +
padding:0 0 0 3px;
 +
}
 +
 
 +
#nav a:hover {
 +
/*background-color: #870203;
 +
color: #ffffff;*/
 +
}
 +
 
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #000;
 +
border-color:orangered;
 +
}
 +
 
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
border: none;
 +
/*background-color: #FA9D1C;*/
 +
color:#000;
 +
}
 +
 
 +
#nav ul a:hover {
 +
color: orangered !important;
 +
/*background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
 +
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
 +
}
 +
 
 +
 
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
/*display: block;*/
 +
opacity:1;
 +
margin:0;
 +
background-color: none;
 +
z-index:0;
 +
}
 +
 
 +
/* level 2 list */
 +
#nav ul {
 +
/*display: none;*/
 +
opacity:0;
 +
margin: 20px 0 0 0;
 +
padding: 7px 0 0 0;
 +
width: 205px;
 +
position: absolute;
 +
left: 0;
 +
z-index:-1;
 +
-webkit-transition-duration:0.5s;
 +
-moz-transition-duration:0.5s;
 +
-o-transition-duration:0.5s;
 +
}
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#nav ul a {
 +
font-weight: normal;
 +
/*text-shadow: 0 1px 0 #fff;*/
 +
}
 +
 
 +
/* clearfix */
 +
#nav:after {
 +
content: ".";
 +
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
 +
}
 +
#nav {
 +
display: inline-block;
 +
}
 +
html[xmlns] #nav {
 +
display: block;
 +
}
 +
 +
* html #nav {
 +
height: 1%;
 +
}
 +
 
 +
/* pinterest like photo grid for social page*/
 +
 
 +
/*
 +
body {
 +
background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
 +
}
 +
*/
 +
 
 +
#wrapper {
 +
width: 90%;
 +
max-width: 1100px;
 +
min-width: 800px;
 +
margin: 50px auto;
 +
}
 +
 
 +
#columns {
 +
-webkit-column-count: 3;
 +
-webkit-column-gap: 10px;
 +
-webkit-column-fill: auto;
 +
-moz-column-count: 3;
 +
-moz-column-gap: 10px;
 +
-moz-column-fill: auto;
 +
column-count: 3;
 +
column-gap: 15px;
 +
column-fill: auto;
 +
}
 +
 
 +
.pin {
 +
display: inline-block;
 +
background: #FEFEFE;
 +
border: 2px solid #FAFAFA;
 +
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
 +
margin: 0 2px 15px;
 +
-webkit-column-break-inside: avoid;
 +
-moz-column-break-inside: avoid;
 +
column-break-inside: avoid;
 +
padding: 15px;
 +
padding-bottom: 5px;
 +
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
 +
opacity: 1;
 +
 +
-webkit-transition: all .2s ease;
 +
-moz-transition: all .2s ease;
 +
-o-transition: all .2s ease;
 +
transition: all .2s ease;
 +
}
 +
 
 +
.pin img {
 +
width: 100%;
 +
border-bottom: 1px solid #ccc;
 +
padding-bottom: 15px;
 +
margin-bottom: 5px;
 +
}
 +
 
 +
.pin p {
 +
font: 12px/18px Arial, sans-serif;
 +
color: #333;
 +
margin: 0;
 +
}
 +
 
 +
@media (min-width: 960px) {
 +
#columns {
 +
-webkit-column-count: 4;
 +
-moz-column-count: 4;
 +
column-count: 4;
 +
}
 +
}
 +
 
 +
@media (min-width: 1100px) {
 +
#columns {
 +
-webkit-column-count: 5;
 +
-moz-column-count: 5;
 +
column-count: 5;
 +
}
 +
}
 +
 
 +
#columns:hover .pin:not(:hover) {
 +
opacity: 0.4;
 +
}
 +
</STYLE>
 +
 
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
<!--Start NavBar-->
 +
<ul id="nav">
 +
    <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>
 +
        <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overall_project">Project Overview</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Project_Details">Project Details</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Part_2">Part2</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#The_Experiments">The_Experiments</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Part_3">Part3</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Results">Results</a></li>
 +
        </ul>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a></li>
 +
   
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Notebook</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attributions</a></li>
 +
   
 +
</ul>
 +
<!--End NavBar--> 
 +
</body>
 +
</html>

Revision as of 12:00, 26 September 2013