Team:SCUT

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:Team:SCUT/mainhead}}
 
-
<html>
 
-
<script type="text/javascript">
 
-
function scroll(element){
 
-
var eletop = element.offset().top;
 
-
$("body,html").animate({scrollTop:eletop},600);
 
-
};
 
-
function scroll11(){
 
-
var element = $("#label11");
 
-
    scroll(element);
 
-
};
 
-
function scroll12(){
 
-
var element = $("#label12");
 
-
scroll(element);
 
-
};
 
-
function scroll2(){
 
-
var element = $("#label2");
 
-
scroll(element);
 
-
};
 
-
function scroll22(){
 
-
var element = $("#label22");
 
-
scroll(element);
 
-
};
 
-
function scroll24(){
 
-
var element = $("#label24");
 
-
scroll(element);
 
-
};
 
-
function scroll3(){
 
-
var element = $("#label3");
 
-
scroll(element);
 
-
};
 
-
function scroll31(){
 
-
var element = $("#label31");
 
-
scroll(element);
 
-
};
 
-
function scroll34(){
 
-
var element = $("#label34");
 
-
scroll(element);
 
-
};
 
-
function scroll14(){
 
-
var element = $("#label4");
 
-
scroll(element);
 
-
};
 
-
function scroll41(){
 
-
var element = $("#label41");
 
-
scroll(element);
 
-
};
 
-
function scroll43(){
 
-
var element = $("#label43");
 
-
scroll(element);
 
-
};
 
-
function scroll45(){
 
-
var element = $("#label45");
 
-
scroll(element);
 
-
};
 
-
function scroll5(){
 
-
var element = $("#label5");
 
-
scroll(element);
 
-
};
 
-
function scroll51(){
 
-
var element = $("#label51");
 
-
scroll(element);
 
-
};
 
-
function scroll152(){
 
-
var element = $("#label52");
 
-
scroll(element);
 
-
};
 
-
function scroll53(){
 
-
var element = $("#label53");
 
-
scroll(element);
 
-
};
 
-
function scroll54(){
 
-
var element = $("#label54");
 
-
scroll(element);
 
-
};
 
-
</script>
 
-
<div id="outline">
 
-
<img src="https://static.igem.org/mediawiki/2014/9/98/Bg.jpg" id="bg">
 
-
<div class="hang hang1">
+
<HTML>
-
<div class="li li1">
+
<HEAD>
-
<img src="https://static.igem.org/mediawiki/2014/4/4a/1.png">
+
<script src="jQuery.js"></script>
-
</div>
+
  <style type="text/css">
-
<div class="li li11" onclick="scroll11();">
+
/* hiding the top section*/
-
<img src="team/11.png">
+
body{position:absolute; top:0px; width:100%; height:1300px;font-family:微软雅黑;background:transparent;}
-
</div>
+
#top-section{
-
<div class="li li12" onclick="scroll12();">
+
  height:0px;
-
<img src="team/12.png">
+
    border:none;
-
</div>
+
    width:980px;
-
<div class="li li13">
+
    margin-left:200px;
-
<img src="team/13.png">
+
    margin:0 auto;
-
</div>
+
    padding:0 0 0 0;
-
</div>
+
    background-color:transparent;
-
<div class="hang hang2">
+
    overflow:hide;
-
<div class="li li2" onclick="scroll2();">
+
}
-
<img src="https://static.igem.org/mediawiki/2014/f/fb/2.png">
+
#p-logo{display:none;}
-
</div>
+
#search-controls{display:none;}
-
<div class="li li21">
+
#top{display:none;}
-
<img src="team/21.png">
+
.firstHeading{display:none;}
-
</div>
+
/* end of hiding the top section*/
-
<div class="li li22" onclick="scroll22();">
+
-
<img src="team/22.png">
+
-
</div>
+
-
<div class="li li23">
+
-
<img src="team/23.png">
+
-
</div>
+
-
<div class="li li24" onclick="scroll24();">
+
-
<img src="team/24.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang3">
+
-
<div class="li li3" onclick="scroll3();">
+
-
<img src="https://static.igem.org/mediawiki/2014/1/10/3.png">
+
-
</div>
+
-
<div class="li li31" onclick="scroll31();">
+
-
<img src="team/31.png">
+
-
</div>
+
-
<div class="li li32">
+
-
<img src="team/32.png">
+
-
</div>
+
-
<div class="li li33">
+
-
<img src="team/33.png">
+
-
</div>
+
-
<div class="li li34" onclick="scroll34();">
+
-
<img src="team/34.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang4">
+
-
<div class="li li4" onclick="scroll4();">
+
-
<img src="team/4.png">
+
-
</div>
+
-
<div class="li li41" onclick="scroll41();">
+
-
<img src="team/41.png">
+
-
</div>
+
-
<div class="li li42" >
+
-
<img src="team/42.png">
+
-
</div>
+
-
<div class="li li43" onclick="scroll43();">
+
-
<img src="team/43.png">
+
-
</div>
+
-
<div class="li li44">
+
-
<img src="team/44.png">
+
-
</div>
+
-
<div class="li li45" onclick="scroll45();">
+
-
<img src="team/45.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang5">
+
-
<div class="li li5" onclick="scroll5();">
+
-
<img src="team/5.png">
+
-
</div>
+
-
<div class="li li51" onclick="scroll51();">
+
-
<img src="team/51.png">
+
-
</div>
+
-
<div class="li li52" onclick="scroll52();">
+
-
<img src="team/52.png">
+
-
</div>
+
-
<div class="li li53" onclick="scroll53();">
+
-
<img src="team/53.png">
+
-
</div>
+
-
<div class="li li54" onclick="scroll54();">
+
-
<img src="team/54.png">
+
-
</div>
+
-
</div>
+
-
</div>
+
/* global setting*/
-
</html>
+
#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:100%;
 +
    height:auto;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
   
 +
    }
 +
#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:980px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
   
 +
}
 +
 
 +
 
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
    color:#999999;
 +
    text-transform: lowercase;
 +
}
 +
 
 +
.left-menu:hover {
 +
    color: #D00000;
 +
    background-color: transparent;
 +
}
 +
 
 +
.right-menu{width:400px; float:right}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color: #999999;;
 +
}
 +
 
 +
.left-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
 
 +
 
 +
.right-menu li {
 +
#    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #999999;;
 +
    background-color: transparent;
 +
}
 +
.right-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
/* end menu (edit, page ...) */
 +
 
 +
 
 +
 
 +
 
 +
  .background{position:absolute;width:100%;height:60px;background-color:#000000;}
 +
  .header{top:5px;left:0px;}
 +
  .footer{top:595px;left:0px;}
 +
 
 +
  #content{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;}
 +
  #content img{width:80px;height:80px;}
 +
  /*
 +
  .button{position:absolute;cursor:pointer;}
 +
  .button img{position:absolute;width:80px;height:80px;}
 +
  .button1{left:222.5px;top:136px;}
 +
  .button2{left:222.5px;top:388px;}
 +
  .button3{left:390.5px;top:304px;}
 +
  .button4{left:558.5px;top:52px;}
 +
  .button5{left:726.5px;top:388px;}
 +
  .button6{left:810.5px;top:220px;}
 +
  .button7{left:1062.5px;top:220px;}
 +
  .image{position:absolute;width:80px;height:80px;}
 +
  .image1{left:306.5px;top:52px;}
 +
  .image2{left:306.5px;top:220px;}
 +
  .image3{left:306.5px;top:388px;}
 +
  .image4{left:390.5px;top:52px;}
 +
  .image5{left:474.5px;top:136px;}
 +
  .image6{left:474.5px;top:220px;}
 +
  .image7{left:558.5px;top:304px;}
 +
  .image8{left:642.5px;top:220px;}
 +
  .image9{left:642.5px;top:304px;}
 +
  .image10{left:894.5px;top:220px;}
 +
  .image11{left:810.5px;top:304px;}
 +
  .image12{left:978.5px;top:220px;}
 +
  .image13{left:978.5px;top:304px;}
 +
  .image14{left:978.5px;top:388px;}
 +
  .image15{left:642.5px;top:388px;}
 +
  .image16{left:810.5px;top:388px;}
 +
  .image17{left:222.5px;top:52px;}
 +
  .image18{left:222.5px;top:220px;}
 +
  .image19{left:390.5px;top:220px;}
 +
  .image20{left:390.5px;top:388px;}
 +
  .image21{left:474.5px;top:52px;}
 +
  .image22{left:474.5px;top:304px;}
 +
  .noimage{position:absolute;width:80px;height:80px;display:none;}
 +
  .team{left:222.5px;top:388px;}
 +
  .team32{left:390.5px;top:304px;}
 +
  */
 +
  .ho{position:absolute;width:80px;height:80px;line-height:80px;font-size:25px;font-family:微软雅黑;text-align:center;}
 +
  .ho11{left:257.5px;top:136px;background-color:#ff8b5c;}
 +
  .ho12{left:257.5px;top:388px;background-color:#ff8b5c;}
 +
  .ho21{left:341.5px;top:52px;background-color:#ff985e;}
 +
  .ho22{left:341.5px;top:220px;background-color:#ff985e;}
 +
  .ho23{left:341.5px;top:388px;background-color:#ff985e;}
 +
  .ho31{left:425.5px;top:52px;background-color:#ffa453;}
 +
  .ho32{left:425.5px;top:136px;background-color:#ffe876;}
 +
  .ho33{left:425.5px;top:220px;background-color:#ffe876;}
 +
  .ho34{left:425.5px;top:304px;background-color:#ffa453;}
 +
  .ho41{left:509.5px;top:52px;background-color:#ffff79;}
 +
  .ho42{left:509.5px;top:304px;background-color:#ffff79;}
 +
  .ho51{left:593.5px;top:52px;background-color:#fdff84;}
 +
  .ho52{left:593.5px;top:304px;background-color:#fdff84;}
 +
  .ho61{left:677.5px;top:220px;background-color:#c9e960;}
 +
  .ho62{left:677.5px;top:304px;background-color:#c9e960;}
 +
  .ho63{left:677.5px;top:388px;background-color:#c9e960;}
 +
  .ho71{left:761.5px;top:388px;background-color:#9eec58;}
 +
  .ho81{left:845.5px;top:136px;background-color:#91e2aa;}
 +
  .ho82{left:845.5px;top:220px;background-color:#91ea74;}
 +
  .ho83{left:845.5px;top:304px;background-color:#91ea74;}
 +
  .ho84{left:845.5px;top:388px;background-color:#91ea74;}
 +
  .ho91{left:929.5px;top:136px;background-color:#93e0be;}
 +
  .ho92{left:929.5px;top:220px;background-color:#93e0be;}
 +
  .ho93{left:929.5px;top:304px;background-color:#93e0be;}
 +
  .ho101{left:1013.5px;top:136px;background-color:#92e5d1;}
 +
</style>
 +
</HEAD>
 +
 
 +
<BODY style="height:645px;">
 +
<div class="header background">
 +
</div>
 +
 
 +
<div id="content">
 +
<div class="ho ho11">
 +
<img src="01.png">
 +
</div>
 +
<div class="ho ho12">
 +
<img src="02.png">
 +
</div>
 +
<div class="ho ho21">
 +
<img src="1.png">
 +
</div>
 +
<div class="ho ho22">
 +
<img src="1.png">
 +
</div>
 +
<div class="ho ho23">
 +
<img src="1.png">
 +
</div>
 +
<div class="ho ho31">
 +
<img src="2.png">
 +
</div>
 +
<div class="ho ho32">
 +
<img src="3.png">
 +
</div>
 +
<div class="ho ho33">
 +
<img src="3.png">
 +
</div>
 +
<div class="ho ho34">
 +
<img src="03.png">
 +
</div>
 +
<div class="ho ho41">
 +
<img src="04.png">
 +
</div>
 +
<div class="ho ho42">
 +
<img src="09.png">
 +
</div>
 +
<div class="ho ho51">
 +
<img src="4.png">
 +
</div>
 +
<div class="ho ho52">
 +
<img src="4.png">
 +
</div>
 +
<div class="ho ho61">
 +
<img src="5.png">
 +
</div>
 +
<div class="ho ho62">
 +
<img src="5.png">
 +
</div>
 +
<div class="ho ho63">
 +
<img src="5.png">
 +
</div>
 +
<div class="ho ho71">
 +
<img src="05.png">
 +
</div>
 +
<div class="ho ho81">
 +
<img src="6.png">
 +
</div>
 +
<div class="ho ho82">
 +
<img src="06.png">
 +
</div>
 +
<div class="ho ho83">
 +
<img src="7.png">
 +
</div>
 +
<div class="ho ho84">
 +
<img src="7.png">
 +
</div>
 +
<div class="ho ho91">
 +
<img src="8.png">
 +
</div>
 +
<div class="ho ho92">
 +
<img src="8.png">
 +
</div>
 +
<div class="ho ho93">
 +
<img src="8.png">
 +
</div>
 +
<div class="ho ho101">
 +
<img src="07.png">
 +
</div>
 +
 
 +
</div>
 +
 
 +
 +
<div class="footer background">
 +
</div>
 +
</BODY>
 +
</HTML>

Revision as of 15:30, 5 October 2014

Retrieved from "http://2014.igem.org/Team:SCUT"