Template:Team:KIT-Kyoto/first

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
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_box_left"></div>
-
<div id="first_right"></div>
+
<div id="first_box_right"></div>
-
<div id="first_top"></div>
+
<div id="first_box_top"></div>
-
<div id="first_bottom"></div>
+
<div id="first_box_bottom"></div>
<script type="text/javascript">
<script type="text/javascript">
$(function(){
$(function(){
-
         var main = $("#container,#SideMenu,#igem,#page-top");
+
         var main = $("#container,#SideMenu,#igem,#page-top,#mobilemenu");
main.css({opacity:'0'});
main.css({opacity:'0'});
         $("#first").css({opacity:'0'});
         $("#first").css({opacity:'0'});
         setTimeout(function(){
         setTimeout(function(){
-
         $("#first_box_left").animate({"left":"0"},400);
+
         $("#first_box_left").animate({left:"50%"},400);
-
         $("#first_box_right").animate({"right":"0"},400);
+
         $("#first_box_right").animate({right:"50%"},400);
-
         $("#first_box_top").animate({top:"0"},400);
+
         $("#first_box_top").animate({top:"50%"},400);
-
         $("#first_box_bottom").animate({bottom:"0"},400);
+
         $("#first_box_bottom").animate({bottom:"50%"},400);
         },1000);
         },1000);
         setTimeout(function(){
         setTimeout(function(){
         $("#first").animate({opacity:'1'},800);
         $("#first").animate({opacity:'1'},800);
 +
        $("#first_box_left,#first_box_right,#first_box_top,#first_box_bottom").animate({opacity:'0'},400);
         },1400);
         },1400);
setTimeout(function(){
setTimeout(function(){
Line 59: Line 60:
#first_box_left,#first_box_right{
#first_box_left,#first_box_right{
top:50%;
top:50%;
-
margin:-150px 0 0 0;
+
margin-top:-150px;
}
}
#first_box_top,#first_box_bottom{
#first_box_top,#first_box_bottom{
left:50%;
left:50%;
-
margin:0px 0 0 -150px;
+
margin-left:-150px;
}
}
#first_box_left{
#first_box_left{
-
left:-300px;
+
left:-150px;
-
border-top:2px solid rgba(300,300,300,0.7);
+
border-top:2px solid rgba(300,300,300,0.5);
 +
margin-left:-150px;
}
}
#first_box_right{
#first_box_right{
-
right:-300px;
+
right:-150px;
-
border-bottom:2px solid rgba(300,300,300,0.7);
+
border-bottom:2px solid rgba(300,300,300,0.5);
 +
margin-right:-150px;
}
}
#first_box_top{
#first_box_top{
-
top:-300px;
+
top:-150px;
-
border-right:2px solid rgba(300,300,300,0.7);
+
border-right:2px solid rgba(300,300,300,0.5);
 +
margin-top:-150px;
}
}
#first_box_bottom{
#first_box_bottom{
-
bottom:-300px;
+
bottom:-150px;
-
border-left:2px solid rgba(300,300,300,0.7);
+
border-left:2px solid rgba(300,300,300,0.5);
 +
margin-bottom:-150px;
}
}
#first a:link,#first a:visited,#first a:active{
#first a:link,#first a:visited,#first a:active{

Latest revision as of 06:24, 25 September 2014


kit