Team:SCUT

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<script src="jQuery.js"></script>
+
</HEAD>
-
<style type="text/css">
+
<BODY>
-
/* hiding the top section*/
+
-
body{position:absolute; top:0px; width:100%; height:658px;font-family:微软雅黑;background:transparent;}
+
-
#top-section{
+
-
    height:0px;
+
-
    border:none;
+
-
    width:980px;
+
-
    margin:5px auto;
+
-
    padding:0 0 0 0;
+
-
    background-color:transparent;
+
-
   
+
-
}
+
-
#p-logo{display:none;}
+
-
#search-controls{display:none;}
+
-
#top{display:none;}
+
-
.firstHeading{display:none;}
+
-
/* end of hiding the top section*/
+
-
/* global setting*/
+
<div id="mainbody">  
-
#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;
+
-
    margin-top:-16px;
+
-
    }
+
-
#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: 95%;
+
-
    line-height: 1em;
+
-
    z-index:99;
+
-
}
+
-
 
+
-
.left-menu{margin-left:-180px;}
+
-
.left-menu, .left-menu a {
+
-
    text-align: left;
+
-
 
+
-
    text-transform:lowercase;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
 
+
-
    background-color: transparent;
+
-
    display:block;
+
-
}
+
-
 
+
-
.right-menu{width:400px; float:right;margin-left:100px;}
+
-
.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;
+
-
    color:black;
+
-
}
+
-
.left-menu .selected {
+
-
#    color: #999999;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #999999;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color:white;
+
-
}
+
-
 
+
-
.left-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
    color:white;
+
-
}
+
-
 
+
-
 
+
-
.right-menu li {
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: #999999;;
+
-
    background-color: transparent;
+
-
    color:white;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
color:white;
+
-
}
+
-
/* end menu (edit, page ...) */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
  .background{position:absolute;width:100%;height:60px;background-color:#000000;}
+
-
  .header{top:5px;left:0px;}
+
-
  .footer{top:595px;left:0px;}
+
-
 
+
-
  #mainbody{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;}
+
-
  #mainbody img{width:80px;height:80px;}
+
-
  #HOME{width:836px;height:416px;margin:57px auto;overflow:hidden;}
+
-
  .team{position:absolute;opacity:1;display:none;cursor:pointer;}
+
-
  .team img{position:absolute;z-index:1000;}
+
-
  .team_1{margin-left:84px;margin-top:0px;}
+
-
  .team_2{margin-left:84px;margin-top:168px;}
+
-
  .team_3{margin-left:84px;margin-top:336px;}
+
-
  .team_4{margin-left:168px;margin-top:0px;}
+
-
  .team_5{margin-left:168px;margin-top:84px;}
+
-
  .model{position:absolute;opacity:1;display:none;cursor:pointer;}
+
-
  .model img{position:absolute;z-index:1000;}
+
-
  .model_1{margin-left:168px;margin-top:168px;}
+
-
  .model_2{margin-left:252px;margin-top:252px;}
+
-
  .model_3{margin-left:336px;margin-top:252px;}
+
-
  .model_4{margin-left:420px;margin-top:252px;}
+
-
  .project{position:absolute;opacity:1;display:none;cursor:pointer;}
+
-
  .project img{position:absolute;z-index:1000;}
+
-
  .project_1{margin-left:168px;margin-top:0px;}
+
-
  .project_2{margin-left:168px;margin-top:84px;}
+
-
  .project_3{margin-left:168px;margin-top:168px}
+
-
  .project_4{margin-left:336px;margin-top:0px;}
+
-
  .dp{position:absolute;opacity:1;display:none;cursor:pointer;}
+
-
  .dp_1{margin-left:420px;margin-top:252px;}
+
-
  .dp_2{margin-left:420px;margin-top:336px;}
+
-
  .hp{position:absolute;opacity:1;display:none;cursor:pointer;}
+
-
  .hp_1{margin-left:672px;margin-top:84px;}
+
-
  .hp_2{margin-left:672px;margin-top:168px;}
+
-
  .hp_3{margin-left:672px;margin-top:252px;}
+
-
  /*先列再行*/
+
-
  .ho{position:absolute;width:80px;height:80px;text-align:center;}
+
-
  .ho_home{margin-left:0px;margin-top:84px;}    /*home*/
+
-
  .ho_team{margin-left:0px;margin-top:336px;}  /*team*/
+
-
  .ho21{margin-left:84px;margin-top:0px;}
+
-
  .ho22{margin-left:84px;margin-top:168px;}
+
-
  .ho23{margin-left:84px;margin-top:336px;}
+
-
  .ho31{margin-left:168px;margin-top:0px;}
+
-
  .ho32{margin-left:168px;margin-top:84px;}
+
-
  .ho33{margin-left:168px;margin-top:168px;}
+
-
  .ho_model{margin-left:168px;margin-top:252px;}  /*model*/
+
-
  .ho_project{margin-left:252px;margin-top:0px;}    /*project*/
+
-
  .ho42{margin-left:252px;margin-top:252px;}
+
-
  .ho51{margin-left:336px;margin-top:0px;}
+
-
  .ho52{margin-left:336px;margin-top:252px;}
+
-
  .ho61{margin-left:420px;margin-top:168px;}
+
-
  .ho62{margin-left:420px;margin-top:252px;}
+
-
  .ho63{margin-left:420px;margin-top:336px;}
+
-
  .ho_dp{margin-left:504px;margin-top:336px;}  /*data page*/
+
-
  .ho81{margin-left:588px;margin-top:84px;}
+
-
  .ho_safety{margin-left:588px;margin-top:168px;}  /*safety*/
+
-
  .ho83{margin-left:588px;margin-top:252px;}
+
-
  .ho84{margin-left:588px;margin-top:336px;}
+
-
  .ho91{margin-left:672px;margin-top:84px;}
+
-
  .ho92{margin-left:672px;margin-top:168px;}
+
-
  .ho93{margin-left:672px;margin-top:252px;}
+
-
  .ho_hp{margin-left:756px;margin-top:84px;}  /*human practice*/
+
-
</style>
+
-
</HEAD>
+
-
 
+
-
<BODY>
+
-
<div class="header background">
+
-
</div>
+
-
 
+
-
<div id="mainbody">  
+
   
   
<div id="HOME">
<div id="HOME">
Line 308: Line 108:
-
<script type="text/javascript">
+
 
-
$(document).ready(function(){
+
-
$(".ho_team").mouseenter(function(){
+
-
$(".model").fadeOut();
+
-
                $(".project").fadeOut();
+
-
                $(".dp").fadeOut();
+
-
                $(".hp").fadeOut();
+
-
$(".team").fadeIn();
+
-
});
+
-
$(".ho_model").mouseenter(function(){
+
-
$(".project").fadeOut();
+
-
                $(".dp").fadeOut();
+
-
                $(".hp").fadeOut();
+
-
$(".team").fadeOut();
+
-
$(".model").fadeIn();
+
-
});
+
-
$(".ho_project").mouseenter(function(){
+
-
$(".dp").fadeOut();
+
-
                $(".hp").fadeOut();
+
-
$(".team").fadeOut();
+
-
$(".model").fadeOut();
+
-
$(".project").fadeIn();
+
-
});
+
-
$(".ho_dp").mouseenter(function(){
+
-
                $(".hp").fadeOut();
+
-
$(".team").fadeOut();
+
-
$(".model").fadeOut();
+
-
$(".project").fadeOut();
+
-
$(".dp").fadeIn();
+
-
});
+
-
$(".ho_hp").mouseenter(function(){
+
-
$(".team").fadeOut();
+
-
$(".model").fadeOut();
+
-
$(".project").fadeOut();
+
-
$(".dp").fadeOut();
+
-
$(".hp").fadeIn();
+
-
});
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
$(".ho_home").mouseenter(function(){
+
-
                $(".team").fadeOut();
+
-
$(".model").fadeOut();
+
-
$(".project").fadeOut();
+
-
$(".dp").fadeOut();
+
-
$(".hp").fadeOut();
+
-
});
+
-
});
+
-
</script>
+
   
   
-
<div class="footer background">
 
-
</div>
 
-
</BODY>
+
</BODY>
</HTML>
</HTML>

Revision as of 04:48, 15 October 2014

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