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=" | + | <div id="first_box_left"></div> |
- | <div id=" | + | <div id="first_box_right"></div> |
- | <div id=" | + | <div id="first_box_top"></div> |
- | <div id=" | + | <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({ | + | $("#first_box_left").animate({left:"50%"},400); |
- | $("#first_box_right").animate({ | + | $("#first_box_right").animate({right:"50%"},400); |
- | $("#first_box_top").animate({top:" | + | $("#first_box_top").animate({top:"50%"},400); |
- | $("#first_box_bottom").animate({bottom:" | + | $("#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 | + | margin-top:-150px; |
} | } | ||
#first_box_top,#first_box_bottom{ | #first_box_top,#first_box_bottom{ | ||
left:50%; | left:50%; | ||
- | margin: | + | margin-left:-150px; |
} | } | ||
#first_box_left{ | #first_box_left{ | ||
- | left:- | + | left:-150px; |
- | border-top:2px solid rgba(300,300,300,0. | + | border-top:2px solid rgba(300,300,300,0.5); |
+ | margin-left:-150px; | ||
} | } | ||
#first_box_right{ | #first_box_right{ | ||
- | right:- | + | right:-150px; |
- | border-bottom:2px solid rgba(300,300,300,0. | + | border-bottom:2px solid rgba(300,300,300,0.5); |
+ | margin-right:-150px; | ||
} | } | ||
#first_box_top{ | #first_box_top{ | ||
- | top:- | + | top:-150px; |
- | border-right:2px solid rgba(300,300,300,0. | + | border-right:2px solid rgba(300,300,300,0.5); |
+ | margin-top:-150px; | ||
} | } | ||
#first_box_bottom{ | #first_box_bottom{ | ||
- | bottom:- | + | bottom:-150px; |
- | border-left:2px solid rgba(300,300,300,0. | + | 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