Template:Team:SCUT/Home/mainhead

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:658px;font-family:微软雅黑;background:transparent;}
+
body{position:absolute; top:0px; width:100%;height:auto;font-family:微软雅黑;background:transparent;}
#top-section{
#top-section{
     height:0px;
     height:0px;
Line 12: Line 12:
     padding:0 0 0 0;
     padding:0 0 0 0;
     background-color:transparent;
     background-color:transparent;
-
   
 
}
}
#p-logo{display:none;}
#p-logo{display:none;}
Line 23: Line 22:
#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;}
#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{
#content{
 +
    position:absolute;
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
Line 29: Line 29:
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
     margin-top:-16px;
+
     top:0px;
     }
     }
#bodyContent{
#bodyContent{
Line 138: Line 138:
   .background{position:absolute;width:100%;height:60px;background-color:#000000;}
   .background{position:absolute;width:100%;height:60px;background-color:#000000;}
-
   .header{top:5px;left:0px;}
+
   .header{top:0px;left:0px;}
-
   .footer{top:595px;left:0px;}
+
   .footer{top:590px;left:0px;}
   #mainbody{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;}
   #mainbody{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;}
   #mainbody img{width:80px;height:80px;}
   #mainbody img{width:80px;height:80px;}
-
   #HOME{width:836px;height:416px;margin:57px auto;overflow:hidden;}
+
   #HOME{position:relative;width:836px;height:416px;margin:57px auto;overflow:hidden;z-index:1000;}
 +
  #left_home{position:absolute;height:530px;width:100%;margin-left:0px;}
   .team{position:absolute;opacity:1;display:none;cursor:pointer;}
   .team{position:absolute;opacity:1;display:none;cursor:pointer;}
   .team img{position:absolute;z-index:1000;}
   .team img{position:absolute;z-index:1000;}
Line 166: Line 167:
   .dp_1{margin-left:420px;margin-top:252px;}
   .dp_1{margin-left:420px;margin-top:252px;}
   .dp_2{margin-left:420px;margin-top:336px;}
   .dp_2{margin-left:420px;margin-top:336px;}
 +
  .dp_3{margin-left:420px;margin-top:168px;}
   .hp{position:absolute;opacity:1;display:none;cursor:pointer;}
   .hp{position:absolute;opacity:1;display:none;cursor:pointer;}
   .hp_1{margin-left:672px;margin-top:84px;}
   .hp_1{margin-left:672px;margin-top:84px;}
Line 257: Line 259:
});
});
$(".background").mouseenter(function(){
$(".background").mouseenter(function(){
 +
                $(".team").fadeOut();
 +
$(".model").fadeOut();
 +
$(".project").fadeOut();
 +
$(".dp").fadeOut();
 +
$(".hp").fadeOut();
 +
});
 +
$("#left_home").mouseover(function(){
                 $(".team").fadeOut();
                 $(".team").fadeOut();
$(".model").fadeOut();
$(".model").fadeOut();
Line 267: Line 276:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
 +
$(".ho_home").mouseover(function(){
$(".ho_home").mouseover(function(){
-
$(this).css({"background-color":"#ff8b5c","opacity":"0.6"})
+
$(this).css({"background-color":"#ff8b5c"})
});
});
 +
$(".ho_home").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_team").mouseover(function(){
 +
$(this).css({"background-color":"#ff8b5c"})
 +
});
 +
$(".ho_team").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_model").mouseover(function(){
 +
$(this).css({"background-color":"#ffa453"})
 +
});
 +
$(".ho_model").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_project").mouseover(function(){
 +
$(this).css({"background-color":"#ffff79"})
 +
});
 +
$(".ho_project").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_dp").mouseover(function(){
 +
$(this).css({"background-color":"#9eec58"})
 +
});
 +
$(".ho_dp").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_safety").mouseover(function(){
 +
$(this).css({"background-color":"#91ea74"})
 +
});
 +
$(".ho_safety").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
$(".ho_hp").mouseover(function(){
 +
$(this).css({"background-color":"#92e5d1"})
 +
});
 +
$(".ho_hp").mouseout(function(){
 +
$(this).css({"background":"transparent"})
 +
});
 +
});
});
</script>
</script>

Latest revision as of 22:53, 17 October 2014