Team:Peking
From 2013.igem.org
(Difference between revisions)
XingjiePan (Talk | contribs) |
XingjiePan (Talk | contribs) |
||
Line 164: | Line 164: | ||
.slide_passage{position:absolute; top:620px; background-color:#FFFFFF; width:1090px; height:300px; z-index:500; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; font-weight:normal;} | .slide_passage{position:absolute; top:620px; background-color:#FFFFFF; width:1090px; height:300px; z-index:500; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; font-weight:normal;} | ||
- | #abstract_passage{position:absolute; top:10px; left:20px; width: | + | #abstract_passage{position:absolute; top:10px; left:20px; width:1010px;} |
- | .slide_list_container{position:absolute; left:0px; top:632px; width: | + | .slide_list_container{position:absolute; left:0px; top:632px; width:1090px; height:95px; background-color:transparent; z-index:500;} |
- | .slide_list_background{position:absolute; left:0px; top:0px; width: | + | .slide_list_background{position:absolute; left:0px; top:0px; width:1090px; height:95px; background-color:white; opacity:0.5;} |
- | .slide_list{position:absolute; left:0px; top:0px; width: | + | .slide_list{position:absolute; left:0px; top:0px; width:1090px; height:95px; background-color:transparent; list-style:none; list-style-type:none; font-family:Arial, Helvetica, sans-serif;} |
- | .left_slide_list_item{position:absolute; top:35px; left: | + | .left_slide_list_item{position:absolute; top:35px; left:330px; font-weight:normal; font-size:30px; opacity:0.5; width:130px; text-align:center;} |
.left_slide_list_item:hover{opacity:0.8;} | .left_slide_list_item:hover{opacity:0.8;} | ||
- | .middle_slide_list_item{position:absolute; top:30px; left: | + | .middle_slide_list_item{position:absolute; top:30px; left:460px; font-weight:bold; font-size:40px; opacity:1; width:200px; text-align:center;} |
- | .right_slide_list_item{position:absolute; top:35px; left: | + | .right_slide_list_item{position:absolute; top:35px; left:660px; font-weight:normal; font-size:30px; opacity:0.5; width:130px; text-align:center;} |
.right_slide_list_item:hover{opacity:0.8;} | .right_slide_list_item:hover{opacity:0.8;} | ||
/*end of Major body*/ | /*end of Major body*/ | ||
Line 296: | Line 296: | ||
{ | { | ||
$(CurrentRightId).fadeOut(0); | $(CurrentRightId).fadeOut(0); | ||
- | $(CurrentMiddleId).animate({left:" | + | $(CurrentMiddleId).animate({left:"660px",fontSize:'30px',fontWeight:'normal'},function(){ |
$(CurrentMiddleId).removeClass("middle_slide_list_item"); | $(CurrentMiddleId).removeClass("middle_slide_list_item"); | ||
- | $(CurrentMiddleId).css({left:" | + | $(CurrentMiddleId).css({left:"660px",fontSize:'30px',fontWeight:'normal'}); |
$(CurrentMiddleId).addClass("right_slide_list_item"); | $(CurrentMiddleId).addClass("right_slide_list_item"); | ||
}); | }); | ||
- | $(CurrentLeftId).animate({left:" | + | $(CurrentLeftId).animate({left:"460px",fontSize:'40px',fontWeight:'bold'},function(){ |
$(CurrentLeftId).removeClass("left_slide_list_item"); | $(CurrentLeftId).removeClass("left_slide_list_item"); | ||
- | $(CurrentLeftId).css({left:" | + | $(CurrentLeftId).css({left:"460px",fontSize:'40px',fontWeight:'bold'}); |
$(CurrentLeftId).addClass("middle_slide_list_item"); | $(CurrentLeftId).addClass("middle_slide_list_item"); | ||
$(CurrentRightId).removeClass("right_slide_list_item"); | $(CurrentRightId).removeClass("right_slide_list_item"); | ||
- | $(CurrentRightId).css({left:" | + | $(CurrentRightId).css({left:"330px",fontSize:'30px',fontWeight:'normal'}); |
$(CurrentRightId).addClass("left_slide_list_item"); | $(CurrentRightId).addClass("left_slide_list_item"); | ||
$(CurrentRightId).fadeIn(0); | $(CurrentRightId).fadeIn(0); | ||
Line 317: | Line 317: | ||
$(CurrentLeftId).fadeOut(0); | $(CurrentLeftId).fadeOut(0); | ||
- | $(CurrentMiddleId).animate({left:" | + | $(CurrentMiddleId).animate({left:"330px",fontSize:'30px',fontWeight:'normal'},function(){ |
$(CurrentMiddleId).removeClass("middle_slide_list_item"); | $(CurrentMiddleId).removeClass("middle_slide_list_item"); | ||
- | $(CurrentMiddleId).css({left:" | + | $(CurrentMiddleId).css({left:"330px",fontSize:'30px',fontWeight:'normal'}); |
$(CurrentMiddleId).addClass("left_slide_list_item"); | $(CurrentMiddleId).addClass("left_slide_list_item"); | ||
}); | }); | ||
- | $(CurrentRightId).animate({left:" | + | $(CurrentRightId).animate({left:"460px",fontSize:'40px',fontWeight:'bold'},function(){ |
$(CurrentRightId).removeClass("right_slide_list_item"); | $(CurrentRightId).removeClass("right_slide_list_item"); | ||
- | $(CurrentRightId).css({left:" | + | $(CurrentRightId).css({left:"460px",fontSize:'40px',fontWeight:'bold'}); |
$(CurrentRightId).addClass("middle_slide_list_item"); | $(CurrentRightId).addClass("middle_slide_list_item"); | ||
$(CurrentLeftId).removeClass("left_slide_list_item"); | $(CurrentLeftId).removeClass("left_slide_list_item"); | ||
- | $(CurrentLeftId).css({left:" | + | $(CurrentLeftId).css({left:"660px",fontSize:'30px',fontWeight:'normal'}); |
$(CurrentLeftId).addClass("right_slide_list_item"); | $(CurrentLeftId).addClass("right_slide_list_item"); | ||
$(CurrentLeftId).fadeIn(0); | $(CurrentLeftId).fadeIn(0); |
Revision as of 04:14, 8 August 2013