Template:Team:KIT-Kyoto/first

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
<img src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="140" height="140" alt="kit" style="">
<img src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="140" height="140" alt="kit" style="">
</div>
</div>
 +
<div id="first_box_let"></div>
 +
<div id="first_right"></div>
 +
<div id="first_top"></div>
 +
<div id="first_bottom"></div>
<script type="text/javascript">
<script type="text/javascript">
$(function(){
$(function(){
-
$("#container,#SideMenu,#igem,#page-top").css({opacity:'0'});
+
        var main = $("#container,#SideMenu,#igem,#page-top");
 +
main.css({opacity:'0'});
 +
        $("#first").css({opacity:'0'});
 +
        setTimeout(function(){
 +
        $("#first_box_left").animate({"left":-150+"50%"},400);
 +
        $("#first_box_right").animate({"right":-150+"50%"},400);
 +
        $("#first_box_top").animate({top:-150+"50%"},400);
 +
        $("#first_box_bottom").animate({bottom:-150+"50%"},400);
 +
        },1000);
 +
        setTimeout(function(){
 +
        $("#first").animate({opacity:'1'),800);
 +
        },1400);
setTimeout(function(){
setTimeout(function(){
-
         $("#container,#SideMenu,#igem,#page-top").stop().animate({opacity:'1'},3000);
+
         main.stop().animate({opacity:'1'},3000);
         $("#first").stop().animate({opacity:'0'},1000);
         $("#first").stop().animate({opacity:'0'},1000);
         },3000);
         },3000);
Line 36: Line 51:
}
}
-
#first_box{
+
#first_box_left,#first_box_right,#first_box_top,#first_box_bottom{
position:fixed;
position:fixed;
 +
height:300px;
 +
width:300px;
 +
}
 +
 +
#first_box_left,#first_box_right{
top:50%;
top:50%;
 +
margin:-150px 0 0 0;
 +
}
 +
 +
#first_box_top,#first_box_bottom{
left:50%;
left:50%;
-
margin:50px 0 0 -100px;
+
margin:0px 0 0 -150px;
-
height:20px;
+
-
width:200px;
+
}
}
 +
#first_box_left{
 +
left:-300px;
 +
border-top:2px solid rgba(300,300,300,0.7);
 +
}
 +
#first_box_right{
 +
right:-300px;
 +
border-bottom:2px solid rgba(300,300,300,0.7);
 +
}
 +
 +
#first_box_top{
 +
top:-300px;
 +
border-right:2px solid rgba(300,300,300,0.7);
 +
}
 +
#first_box_bottom{
 +
bottom:-300px;
 +
border-left:2px solid rgba(300,300,300,0.7);
 +
}
#first a:link,#first a:visited,#first a:active{
#first a:link,#first a:visited,#first a:active{
color:forestgreen;
color:forestgreen;

Revision as of 06:03, 25 September 2014

kit

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/first"