Team:KIT-Kyoto
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | {{ | + | {{Team:KIT-Kyoto/Common}} |
- | {{Team:KIT-Kyoto/ | + | {{Team:KIT-Kyoto/bg}} |
+ | {{Team:KIT-Kyoto/SlideShow}} | ||
+ | {{Team:KIT-Kyoto/navi}} | ||
+ | {{Team:KIT-Kyoto/Scroll}} | ||
+ | {{Team:KIT-Kyoto/btn}} | ||
+ | {{Team:KIT-Kyoto/logo}} | ||
<html> | <html> | ||
- | <!-- | + | |
- | < | + | <!--サイドメニュー--> |
- | < | + | <ul id="nav5"> |
- | < | + | <li class="menuimg"><a href="#">HOME</a></li> |
- | < | + | <li class="menuimg"><a href="/Team:KIT-Kyoto/Test/About">ABOUT us</a></li> |
+ | <li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Project">PROJECT</a></li> | ||
+ | <li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Modeling">Modeling</a></li> | ||
+ | <li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li> | ||
+ | <li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook">NOTEBOOK</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <a href="http://info.flagcounter.com/sSCm"><img src="http://s11.flagcounter.com/count/sSCm/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0" style="position:fixed;bottom:5px;left:5px;"></a> | ||
</div> | </div> | ||
- | <!-- | + | <!--サイドメニュー終わり--> |
- | + | ||
- | + | ||
- | < | + | <!--メインコンテンツ--> |
- | + | <div id="container"> | |
- | < | + | <div id="topmenu"> |
- | < | + | <div class="timg"> |
- | < | + | <div class="show"> |
- | < | + | <a href="javascript:void(0);"><img src="/wiki/images/6/6b/Kit_Welcome.png"></a></div> |
- | + | ||
- | + | <div class="hide"> | |
- | + | <a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div> | |
- | < | + | |
- | + | ||
- | <a href=" | + | |
</div> | </div> | ||
- | + | <div class="timg"> | |
- | <div | + | <div class="show"> |
- | <div class=" | + | <a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920"> |
- | < | + | </a> |
- | <img src=" | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div class=" | + | <div class="hide"> |
- | < | + | <a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/8/8e/Kit_Abou_Us_on_c.jpg" width="1920"> |
- | < | + | </a> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="timg"> | ||
+ | <div class="show"> | ||
+ | <a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/c/c2/Kit_Projectmenu.png" width="1920"> | ||
+ | </a> | ||
</div> | </div> | ||
+ | <div class="hide"> | ||
+ | <a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/1/11/Kit_Project_on_c.jpg" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="timg"> | ||
+ | <div class="show"> | ||
+ | <a href="/Team:KIT-Kyoto/HumanPractice"><img src="/wiki/images/7/7e/Kit_PP.png" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="hide"> | ||
+ | <a href="/Team:KIT-Kyoto/HumanPractice"><img src="/wiki/images/e/e6/Kit_PP_on_c.jpg" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="timg"> | ||
+ | <div class="show"> | ||
+ | <a href="/Team:KIT-Kyoto/Achievement"><img src="/wiki/images/8/82/Kit_Achievement.png" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="hide"> | ||
+ | <a href="/Team:KIT-Kyoto/Achievement"><img src="/wiki/images/6/6d/Kit_Achievement_on_c.jpg" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="timg"> | ||
+ | <div class="show"> | ||
+ | <a href="/Team:KIT-Kyoto/Labnote"><img src="/wiki/images/1/17/Kit_LN.png" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="hide"> | ||
+ | <a href="/Team:KIT-Kyoto/Labnote"><img src="/wiki/images/1/1b/Kit_LN_on_c.jpg" width="1920"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="clear"><hr /></div> | ||
+ | <div id='kitfooter-box' class='noprint'> | ||
+ | <div><a href="http://www.mediawiki.org/" style="float:left;margin:10px auto;"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a> | ||
+ | </div> | ||
+ | <div><a href="http://creativecommons.org/licenses/by/3.0/" style="float:right;margin:10px auto;"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a> | ||
+ | </div> | ||
+ | <div id="kitfooter"> | ||
+ | <ul id="fkit"> | ||
+ | <li><a href="/Special:RecentChanges" title='Recent changes'>Recent changes</a></li> | ||
+ | <li><a href="/Special:WhatLinksHere/Team:KIT-Kyoto/Test/About" | ||
+ | title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li> | ||
+ | <li><a href="/Special:RecentChangesLinked/Team:KIT-Kyoto/Test/About" | ||
+ | title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li> | ||
+ | <li><a href="/Special:Upload" title="Upload files [u]" accesskey="u">Upload file</a></li> | ||
+ | <li><a href="/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a></li> | ||
+ | </ul> | ||
+ | <ul id="fkit"> | ||
+ | <li><a href='/Special:Preferences'>My preferences</a></li> | ||
+ | <li><a href="/wiki/index.php?title=Team:KIT-Kyoto/Test/About&printable=yes" | ||
+ | title="Printable version of this page [p]" accesskey="p">Printable version</a></li> | ||
+ | <li><a href="/wiki/index.php?title=Team:KIT-Kyoto/Test/About&oldid=95128" | ||
+ | title="Permanent link to this revision of the page">Permanent link</a></li> | ||
+ | <li><a href="/2014.igem.org:Privacy_policy" | ||
+ | title="2014.igem.org:Privacy policy">Privacy policy</a></li> | ||
+ | <li><a href="/2014.igem.org:General_disclaimer" | ||
+ | title="2014.igem.org:General disclaimer">Disclaimers</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> <!-- close kitfooter-box --> | ||
+ | </div> | ||
+ | <!--メインコンテンツ終わり--> | ||
+ | |||
+ | <style style="text/css"> | ||
+ | #kitfooter-box{ | ||
+ | background-color:rgba(100,100,100,0); | ||
+ | z-index:1; | ||
+ | } | ||
+ | #fkit a{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | min-height:100%; | ||
+ | } | ||
+ | div#container{ | ||
+ | margin:14px 0px 0px 250px; | ||
+ | min-height:100%; | ||
+ | position:relative; | ||
+ | background-color:rgba(0,0,0,0.7); | ||
+ | } | ||
+ | |||
+ | #topmenu{ | ||
+ | margin-top:14px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #topmenu a{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .timg{ | ||
+ | position:relative; | ||
+ | margin:0; | ||
+ | } | ||
+ | .show,.hide{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | marign:0; | ||
+ | } | ||
+ | .show{ | ||
+ | z-index:3; | ||
+ | } | ||
+ | .hide{ | ||
+ | z-index:2; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | var topimg = function(){ | ||
+ | var w = $("#container").width(); | ||
+ | $(".timg,.timg a img").css({width:w}); | ||
+ | var imgh = $('.show img').height(); | ||
+ | $(".timg").css({height:imgh}); | ||
+ | } | ||
+ | $(function(){ | ||
+ | topimg(); | ||
+ | $(window).resize(topimg); | ||
+ | }); | ||
+ | topimg(); | ||
+ | $('.hide').css('opacity','0'); | ||
+ | $('.show a,.hide a').hover(function(){ | ||
+ | var tnum = $('.show a').index(this); | ||
+ | $('.show').eq(tnum).stop().animate({opacity:'0'},400); | ||
+ | $('.hide').eq(tnum).stop().animate({opacity:'1'},400); | ||
+ | }, | ||
+ | function(){ | ||
+ | var tnum = $('.show a').index(this); | ||
+ | $('.show').eq(tnum).stop().animate({opacity:'1'},400); | ||
+ | $('.hide').eq(tnum).stop().animate({opacity:'0'},400); | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | var slide = function(){ | ||
+ | $("#SideMenu").animate({left:'0px'},500,'swing'); | ||
+ | $("#close").animate({left:'215px'},500,'swing').addClass("close"); | ||
+ | $(".logo").animate({left:'250'},500,'swing'); | ||
+ | $("#container").animate({margin:'0px 0px 0px 250px'},{duration:500,easing:'swing',complete:function(){topimg();},}); | ||
+ | $(".toplogo,#nav5,.active,.submenu").animate({opacity:'1'},800,'swing'); | ||
+ | setTimeout(function(){ | ||
+ | $("#close a") | ||
+ | .css({'background-image':'url("https://static.igem.org/mediawiki/2014/6/6d/Kit_close.png")' | ||
+ | });},500); | ||
+ | } | ||
+ | var ua = navigator.userAgent; | ||
+ | if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){ | ||
+ | setTimeout(function(){topimg();},1100); | ||
+ | $("#container").css({marginTop:'65px',marginLeft:'0px'}); | ||
+ | }else{ | ||
+ | $("#close").removeClass('close'); | ||
+ | $("#SideMenu").css({"left":"-215px"}); | ||
+ | $("div#container").css({"margin":"0px 0px 0px 35px"}); | ||
+ | $("#close").css({'left':'0'}); | ||
+ | $(".toplogo,#nav5,.active,.submenu").css({opacity:'0'}); | ||
+ | $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'}); | ||
+ | setTimeout(function(){ | ||
+ | slide(); | ||
+ | },2100); | ||
+ | } | ||
+ | |||
+ | $('#close a') | ||
+ | .click(function(){ | ||
+ | |||
+ | var closed = $("#close").hasClass("close"); | ||
+ | if(closed){ | ||
+ | $("#SideMenu").animate({left:'-215px'},500,'swing'); | ||
+ | $("#close").animate({left:'0px'},500,'swing').removeClass("close"); | ||
+ | $(".logo").animate({left:'40'},500,'swing'); | ||
+ | $("#container").animate({margin:'0px 0px 0px 35px'},{duration:500,easing:'swing',complete:function(){topimg();},}); | ||
+ | $(".toplogo,#nav5,.active,.submenu").animate({opacity:'0'},800,'swing'); | ||
+ | setTimeout(function(){ | ||
+ | $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'}); | ||
+ | },500); | ||
+ | }else { | ||
+ | slide(); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </html> | ||
+ | {{Team:KIT-Kyoto/first}} | ||
+ | {{Team:KIT-Kyoto/footer}} | ||
+ | {{Team:KIT-Kyoto/mobile}} |
Revision as of 02:45, 11 October 2014