Team:WHU-China/Team

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
+
<body>
<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/1/15/Body-bg1.jpg") center center fixed;
+
background: url("https://static.igem.org/mediawiki/2012/2/22/Body-bg.jpg") center center fixed;
}
}
a {
a {
Line 205: Line 205:
*/
*/
div.center {
div.center {
-
width: 940px;
+
width: 1000px;
-
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: 940px;
+
width: 1000px;
-
height: 220px;
+
height: 380px;
-
background: url("https://static.igem.org/mediawiki/2012/c/c9/Header-bg1.png") no-repeat;
+
background: url("https://static.igem.org/mediawiki/2012/1/12/Header-bg.png") no-repeat;
 +
position: relative;
 +
z-index: 50;
}
}
div.nav {
div.nav {
-
position: relative;
+
position: absolute;
-
width: 940px;
+
height: 80px;
-
height: 240px;
+
top: 185px;
-
margin-bottom: 10px;
+
left: 245px;
-
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: 86px;
+
width: 80px;
height: 80px;
height: 80px;
-
margin: 0 10px;
+
margin: 0 6px;
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: none;
+
display: block;
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 255: Line 237:
background-position: 0 0;
background-position: 0 0;
z-index: 150;
z-index: 150;
-
position: absolute;
+
position: relative;
-
top: -20px;
+
}
}
h2.nav-h22 {
h2.nav-h22 {
Line 311: Line 292:
ul.nav-innerUl{
ul.nav-innerUl{
position: absolute;
position: absolute;
-
top: 20px;
+
top: 40px;
padding-top: 40px;
padding-top: 40px;
width: 76px;
width: 76px;
Line 357: Line 338:
background: rgba(230,222,184,0.5);
background: rgba(230,222,184,0.5);
position: absolute;
position: absolute;
-
top: 178px;
+
top: 300px;
-
}
+
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: 210px;
+
width: 160px;
-
padding: 30px 8px 10px 32px;
+
height: 380px;
-
height: 540px;
+
background: url("https://static.igem.org/mediawiki/2012/b/b3/Aside-bg.png") no-repeat;
-
background: url("https://static.igem.org/mediawiki/2012/8/8d/Aside-bg1.png") no-repeat;
+
margin-left: 20px;
-
position: absolute;
+
margin-top: 100px;
-
}
+
float: left;
-
div.asideFixed {
+
padding: 20px;
-
position: fixed;
+
-
top: 10px;
+
}
}
ul.aside-outerUl {
ul.aside-outerUl {
-
margin: 7px 10px;
+
margin: 15px;
}
}
li.aside-outerLi {
li.aside-outerLi {
-
margin: 7px 0;
+
margin: 15px 0;
-
}
+
-
li.aside-outerLi h2{
+
-
padding: 2px 10px;
+
-
color: #725718;
+
background: #fff1a9;
background: #fff1a9;
-
font-size: 14px;
+
padding: 5px 10px;
-
line-height: 20px;
+
color: #725718;
 +
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 h2{
+
li.aside-outerLi:hover {
background: #fff8d3;
background: #fff8d3;
}
}
-
ul.aside-innerUl {
+
div.main {
-
display: none;
+
width: 640px;
 +
height: 400px;
 +
border: 5px solid #333;
 +
background: #fff;
 +
float: right;
 +
margin: 100px 30px 30px 0;
}
}
-
ul.aside-innerUl li {
+
div.footer {
-
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;
}
}
-
div.main {
+
.momo {
-
width: 600px;
+
background: #000;
-
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;
+
}
}
-
div.passage {
+
.momo .pic li {
 +
width: 100%;
 +
height: 100%;
 +
overflow: hidden;
 +
position: absolute;
display: none;
display: none;
-
margin-top: 20px;
 
}
}
-
div.show{
+
.momo .txt li {
 +
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;
}
}
-
div.passage h3 {
+
.momo .num {
-
font-size: 20px;
+
position: absolute;
-
line-height: 30px;
+
z-index: 3;
-
text-align: left;
+
bottom: 5px;
 +
right: 5px;
}
}
-
div.passage p {
+
.momo .num li {
-
margin: 10px 0;
+
float: left;
-
font-size: 14px;
+
-
line-height: 20px;
+
}
}
-
div.passage img {
+
.momo .num li a {
-
display: block;
+
color: #333;
-
margin: 20px 10px;
+
float: left;
 +
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;
}
}
-
div.footer {
+
.momo .num li.current a, .momo .num li.hover a {
 +
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 494: Line 491:
  border:0;
  border:0;
  padding: 0;
  padding: 0;
-
}
 
-
#bodyContent h2.nav-h2-title{
 
-
padding: 5px 0;
 
}
}
.left-menu:hover {
.left-menu:hover {
Line 502: Line 496:
}
}
</style>
</style>
-
</head>
 
-
<body>
 
<div class="center">
<div class="center">
-
<div class="header"></div>
+
<div class="header">
-
<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>
-
<h2 class="nav-h2-title">Home</h2>
+
<ul class="nav-innerUl nav-innerUl1" name="Home"></ul>
-
<ul class="nav-innerUl nav-innerUl1" name="home"></ul>
+
</li>
-
</li>
+
<li class="nav-outerLi">
-
<li class="nav-outerLi">
+
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
-
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
+
<ul class="nav-innerUl nav-innerUl2" name="Team"></ul>
-
<h2 class="nav-h2-title">Team</h2>
+
</li>
-
<ul class="nav-innerUl nav-innerUl2" name="team"></ul>
+
<li class="nav-outerLi">
-
</li>
+
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
-
<li class="nav-outerLi">
+
<ul class="nav-innerUl nav-innerUl3" name="Project"></ul>
-
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
+
</li>
-
<h2 class="nav-h2-title">Project</h2>
+
<li class="nav-outerLi">
-
<ul class="nav-innerUl nav-innerUl3" name="project"></ul>
+
<a href="https://2012.igem.org/Team:WHU-China/Standard"><h2 class="nav-h24" title="Standard"></h2></a>
-
</li>
+
<ul class="nav-innerUl nav-innerUl4" name="Standard"></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">
-
<h2 class="nav-h2-title">Standard</h2>
+
<a href="https://2012.igem.org/Team:WHU-China/Notes"><h2 class="nav-h25" title="Notes"></h2></a>
-
<ul class="nav-innerUl nav-innerUl4" name="standard"></ul>
+
<ul class="nav-innerUl nav-innerUl5" name="Notes"></ul>
-
</li>
+
</li>
-
<li class="nav-outerLi">
+
<li class="nav-outerLi">
-
<a href="https://2012.igem.org/Team:WHU-China/Notes"><h2 class="nav-h25" title="Notes"></h2></a>
+
<a href="https://2012.igem.org/Team:WHU-China/humanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
-
<h2 class="nav-h2-title">Notes</h2>
+
<ul class="nav-innerUl nav-innerUl6" name="HumanPractice"></ul>
-
<ul class="nav-innerUl nav-innerUl5" name="notes"></ul>
+
</li>
-
</li>
+
</ul>
-
<li class="nav-outerLi">
+
-
<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="aside">
+
<div class="middle">
-
<ul class="aside-outerUl"></ul>
+
<div class="aside">
-
</div>
+
<ul class="aside-outerUl"></ul>
-
<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="passage divcell2">
+
<div class="main"></div>
-
<h3>ccc</h3>
+
<div class="clear"></div>
-
<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/team.js"></script>
+
<script src="http://www.yichengliu.com/code/igem/home.js"></script>
</body>
</body>
</html>
</html>

Revision as of 12:31, 24 September 2012

  •

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