Team:WHU-China/Team

From 2012.igem.org

(Difference between revisions)
m
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<body>
+
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
<script>
Line 188: Line 188:
}
}
body {
body {
-
background: url("https://static.igem.org/mediawiki/2012/2/22/Body-bg.jpg") center center fixed;
+
background: url("https://static.igem.org/mediawiki/2012/1/15/Body-bg1.jpg") center center fixed;
}
}
a {
a {
Line 205: Line 205:
*/
*/
div.center {
div.center {
-
width: 1000px;
+
width: 940px;
 +
padding: 0 30px;
 +
background: #e6deb8;
 +
background: rgba(230,222,184,0.5);
margin: 0 auto;
margin: 0 auto;
-
position: relative;
 
}
}
div.header {
div.header {
-
width: 1000px;
+
width: 940px;
-
height: 380px;
+
height: 220px;
-
background: url("https://static.igem.org/mediawiki/2012/1/12/Header-bg.png") no-repeat;
+
background: url("https://static.igem.org/mediawiki/2012/c/c9/Header-bg1.png") no-repeat;
-
position: relative;
+
-
z-index: 50;
+
}
}
div.nav {
div.nav {
-
position: absolute;
+
position: relative;
-
height: 80px;
+
width: 940px;
-
top: 185px;
+
height: 240px;
-
left: 245px;
+
margin-bottom: 10px;
 +
background: url("https://static.igem.org/mediawiki/2012/f/fb/Nav-bg.png") no-repeat;
 +
}
 +
ul.nav-outerUl{
 +
position: relative;
 +
left: 105px;
}
}
li.nav-outerLi {
li.nav-outerLi {
display: block;
display: block;
float: left;
float: left;
-
width: 80px;
+
width: 86px;
height: 80px;
height: 80px;
-
margin: 0 6px;
+
margin: 0 10px;
cursor: pointer;
cursor: pointer;
 +
}
 +
h2.nav-h2-title{
 +
padding: 5px 0;
 +
font-size: 20px;
 +
line-height: 30px;
 +
display: block;
 +
text-align: center;
 +
font-family: "Comic Sans MS", sans-serif;
 +
font-weight: bold;
 +
}
 +
h2.nav-h2-title-min{
 +
font-size: 14px;
 +
line-height: 15px;
}
}
h2.nav-h21,h2.nav-h22,h2.nav-h23,h2.nav-h24,h2.nav-h25,h2.nav-h26 {
h2.nav-h21,h2.nav-h22,h2.nav-h23,h2.nav-h24,h2.nav-h25,h2.nav-h26 {
-
display: block;
+
display: none;
background: url("https://static.igem.org/mediawiki/2012/9/91/Nav-tabs.png") no-repeat;
background: url("https://static.igem.org/mediawiki/2012/9/91/Nav-tabs.png") no-repeat;
width: 80px;
width: 80px;
Line 237: Line 255:
background-position: 0 0;
background-position: 0 0;
z-index: 150;
z-index: 150;
-
position: relative;
+
position: absolute;
 +
top: -20px;
}
}
h2.nav-h22 {
h2.nav-h22 {
Line 292: Line 311:
ul.nav-innerUl{
ul.nav-innerUl{
position: absolute;
position: absolute;
-
top: 40px;
+
top: 20px;
padding-top: 40px;
padding-top: 40px;
width: 76px;
width: 76px;
Line 338: Line 357:
background: rgba(230,222,184,0.5);
background: rgba(230,222,184,0.5);
position: absolute;
position: absolute;
-
top: 300px;
+
top: 178px;
-
left: 30px;
+
}
 +
div.pic{
 +
position: absolute;
 +
left: 105px;
 +
top: 40px;
 +
width: 730px;
 +
height: 195px;
 +
overflow: hidden;
 +
}
 +
 
 +
img.nav-bg-logo {
 +
position: absolute;
 +
z-index: 100;
 +
left: 790px;
}
}
div.aside {
div.aside {
-
width: 160px;
+
width: 210px;
-
height: 380px;
+
padding: 30px 8px 10px 32px;
-
background: url("https://static.igem.org/mediawiki/2012/b/b3/Aside-bg.png") no-repeat;
+
height: 540px;
-
margin-left: 20px;
+
background: url("https://static.igem.org/mediawiki/2012/8/8d/Aside-bg1.png") no-repeat;
-
margin-top: 100px;
+
position: absolute;
-
float: left;
+
}
-
padding: 20px;
+
div.asideFixed {
 +
position: fixed;
 +
top: 10px;
}
}
ul.aside-outerUl {
ul.aside-outerUl {
-
margin: 15px;
+
margin: 7px 10px;
}
}
li.aside-outerLi {
li.aside-outerLi {
-
margin: 15px 0;
+
margin: 7px 0;
 +
}
 +
li.aside-outerLi h2{
 +
padding: 2px 10px;
 +
color: #725718;
background: #fff1a9;
background: #fff1a9;
-
padding: 5px 10px;
+
font-size: 14px;
-
color: #725718;
+
line-height: 20px;
-
font-size: 16px;
+
-
line-height: 24px;
+
font-weight: bold;
font-weight: bold;
text-align: center;
text-align: center;
cursor: pointer;
cursor: pointer;
}
}
-
li.aside-outerLi:hover {
+
li.aside-outerLi:hover h2{
background: #fff8d3;
background: #fff8d3;
}
}
-
div.main {
+
ul.aside-innerUl {
-
width: 640px;
+
display: none;
-
height: 400px;
+
-
border: 5px solid #333;
+
-
background: #fff;
+
-
float: right;
+
-
margin: 100px 30px 30px 0;
+
}
}
-
div.footer {
+
ul.aside-innerUl li {
 +
background: #bdc9ad;
 +
float: left;
 +
width: 93px;
 +
height: 20px;
 +
margin: 2px 1px 0 1px;
 +
font-family: arial, sans-serif;
 +
font-size: 12px;
 +
line-height: 20px;
 +
text-align: center;
 +
cursor: pointer;
}
}
-
+
ul.aside-innerUl li:hover{
-
/*
+
background: #d4dcc9;
-
* picSlider Css
+
-
*/
+
-
#picSlider {
+
-
width: 640px;
+
-
height: 320px;
+
}
}
-
.momo {
+
div.main {
-
background: #000;
+
width: 600px;
 +
min-height: 440px;
 +
background: rgba(255,255,255,0.5);
 +
float: right;
 +
padding: 10px 35px 40px 35px;
 +
margin-bottom: 30px;
 +
border: 5px solid #000;
 +
position: relative;
}
}
-
.momo .pic li {
+
div.passage {
-
width: 100%;
+
-
height: 100%;
+
-
overflow: hidden;
+
-
position: absolute;
+
display: none;
display: none;
 +
margin-top: 20px;
}
}
-
.momo .txt li {
+
div.show{
-
position: absolute;
+
-
padding: 5px 10px;
+
-
z-index: 2;
+
-
bottom: 0;
+
-
height: 28px;
+
-
background: #DBDBDB;
+
-
display: none;
+
-
}
+
-
.momo .txt li a {
+
display: block;
display: block;
-
position: relative;
 
-
z-index: 1;
 
-
color: #333;
 
-
font-size: 12px;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
}
}
-
.momo .num {
+
div.passage h3 {
-
position: absolute;
+
font-size: 20px;
-
z-index: 3;
+
line-height: 30px;
-
bottom: 5px;
+
text-align: left;
-
right: 5px;
+
}
}
-
.momo .num li {
+
div.passage p {
-
float: left;
+
margin: 10px 0;
 +
font-size: 14px;
 +
line-height: 20px;
}
}
-
.momo .num li a {
+
div.passage img {
-
color: #333;
+
display: block;
-
float: left;
+
margin: 20px 10px;
-
margin-left: 3px;
+
-
width: 15px;
+
-
height: 15px;
+
-
line-height: 15px;
+
-
*line-height: 14px;
+
-
overflow: hidden;
+
-
border: 1px solid #AEC1CC;
+
-
text-align: center;
+
-
cursor: pointer;
+
-
background: #fff;
+
-
text-decoration: none;
+
}
}
-
.momo .num li.current a, .momo .num li.hover a {
+
div.footer {
-
color: #fff;
+
-
background: #f60;
+
-
-webkit-transition: all 0.4s;
+
-
-moz-transition: all 0.4s;
+
-
-o-transition: all 0.4s;
+
-
}
+
-
.momo_picSlider .txt li{
+
-
width: 620px;
+
-
}
+
-
.momo_picSlider .txt li a{
+
-
font-size: 16px;
+
-
line-height: 24px;
+
}
}
#p-logo {
#p-logo {
Line 491: Line 494:
  border:0;
  border:0;
  padding: 0;
  padding: 0;
 +
}
 +
#bodyContent h2.nav-h2-title{
 +
padding: 5px 0;
}
}
.left-menu:hover {
.left-menu:hover {
Line 496: Line 502:
}
}
</style>
</style>
 +
</head>
 +
<body>
<div class="center">
<div class="center">
-
<div class="header">
+
<div class="header"></div>
-
<div class="nav">
+
<div class="nav">
-
<ul class="nav-outerUl">
+
<ul class="nav-outerUl">
-
<li class="nav-outerLi">
+
<li class="nav-outerLi">
-
<a href="https://2012.igem.org/Team:WHU-China"><h2 class="nav-h21 nav-h21on" title="Home"></h2></a>
+
<a href="https://2012.igem.org/Team:WHU-China"><h2 class="nav-h21 nav-h21on" title="Home"></h2></a>
-
<ul class="nav-innerUl nav-innerUl1" name="Home"></ul>
+
<h2 class="nav-h2-title">Home</h2>
-
</li>
+
<ul class="nav-innerUl nav-innerUl1" name="Home"></ul>
-
<li class="nav-outerLi">
+
</li>
-
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
+
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
 +
<h2 class="nav-h2-title">Team</h2>
<ul class="nav-innerUl nav-innerUl2" name="Team"></ul>
<ul class="nav-innerUl nav-innerUl2" name="Team"></ul>
-
</li>
+
</li>
-
<li class="nav-outerLi">
+
<li class="nav-outerLi">
-
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
+
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
-
<ul class="nav-innerUl nav-innerUl3" name="Project"></ul>
+
<h2 class="nav-h2-title">Project</h2>
-
</li>
+
<ul class="nav-innerUl nav-innerUl3" name="Project"></ul>
-
<li class="nav-outerLi">
+
</li>
-
<a href="https://2012.igem.org/Team:WHU-China/Standard"><h2 class="nav-h24" title="Standard"></h2></a>
+
<li class="nav-outerLi">
-
<ul class="nav-innerUl nav-innerUl4" name="Standard"></ul>
+
<a href="https://2012.igem.org/Team:WHU-China/Standard"><h2 class="nav-h24" title="Standard"></h2></a>
-
</li>
+
<h2 class="nav-h2-title">Standard</h2>
-
<li class="nav-outerLi">
+
<ul class="nav-innerUl nav-innerUl4" name="Standard"></ul>
-
<a href="https://2012.igem.org/Team:WHU-China/Notes"><h2 class="nav-h25" title="Notes"></h2></a>
+
</li>
-
<ul class="nav-innerUl nav-innerUl5" name="Notes"></ul>
+
<li class="nav-outerLi">
-
</li>
+
<a href="https://2012.igem.org/Team:WHU-China/Notes"><h2 class="nav-h25" title="Notes"></h2></a>
-
<li class="nav-outerLi">
+
<h2 class="nav-h2-title">Notes</h2>
-
<a href="https://2012.igem.org/Team:WHU-China/humanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
+
<ul class="nav-innerUl nav-innerUl5" name="Notes"></ul>
-
<ul class="nav-innerUl nav-innerUl6" name="HumanPractice"></ul>
+
</li>
-
</li>
+
<li class="nav-outerLi">
-
</ul>
+
<a href="https://2012.igem.org/Team:WHU-China/HumanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
 +
<h2 class="nav-h2-title nav-h2-title-min">Human Practice</h2>
 +
<ul class="nav-innerUl nav-innerUl6" name="HumanPractice"></ul>
 +
</li>
 +
</ul>
 +
<div class="pic">
 +
<img src="pic1.png" />
</div>
</div>
 +
<img class="nav-bg-logo" src="nav-bg-logo.png" />
</div>
</div>
-
<div class="middle">
+
<div class="aside">
-
<div class="aside">
+
<ul class="aside-outerUl"></ul>
-
<ul class="aside-outerUl"></ul>
+
</div>
 +
<div class="main">
 +
<div class="passage divcell0">
 +
<a name="aaaa"><h3>aaaa</h3></a>
 +
<p> aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa</p>
 +
</div>
 +
<div class="passage divcell1">
 +
<a name="bbbb"><h3>bbbb</h3></a>
 +
<p><img src="p2.png" /> bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb</p>
</div>
</div>
-
<div class="main"></div>
+
<div class="passage divcell2">
-
<div class="clear"></div>
+
<h3>ccc</h3>
 +
<p> ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc</p>
 +
</div>
</div>
</div>
 +
<em class="clear"></em>
<div class="footer"></div>
<div class="footer"></div>
</div>
</div>
-
<script src="http://www.yichengliu.com/code/igem/home.js"></script>
+
<script src="http://www.yichengliu.com/code/igem/team.js"></script>
</body>
</body>
</html>
</html>

Revision as of 12:31, 24 September 2012

  •

    Home

    •

      Team

      •

        Project

        •

          Standard

          •

            Notes

            •

              Human Practice

                aaaa

                aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa

                bbbb

                bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb

                ccc

                ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc ccccc

                Retrieved from "http://2012.igem.org/Team:WHU-China/Team"