"
Team:KIT-Kyoto
From 2014.igem.org
(Difference between revisions)
| (50 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | {{ | + | {{Team:KIT-Kyoto/Common}} |
| - | + | {{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/About">ABOUT us</a></li> | ||
| + | <li class="menuimg"><a href="/Team:KIT-Kyoto/Project">PROJECT</a></li> | ||
| + | <li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li> | ||
| + | <li class="menuimg"><a href="/Team:KIT-Kyoto/Achievement">Achievement</a></li> | ||
| + | <li class="menuimg"><a href="/Team:KIT-Kyoto/Notebook">NOTEBOOK</a></li> | ||
| + | </ul> | ||
| + | <a href="http://info.flagcounter.com/bICd"><img src="http://s11.flagcounter.com/count/bICd/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_20/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0" style="position:fixed;bottom:5px;left:0;"></a> | ||
| + | </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> |
| + | </div> | ||
| + | <div class="timg"> | ||
| + | <div class="show"> | ||
| + | <a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920"> | ||
| + | </a> | ||
| + | </div> | ||
| + | <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 class="timg"> |
| - | < | + | <div class="show"> |
| + | <a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/5/58/Kit_E-motion.png" width="1920"> | ||
| + | </a> | ||
| + | </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/Notebook"><img src="/wiki/images/1/17/Kit_LN.png" width="1920"> |
| - | < | + | </a> |
| + | </div> | ||
| + | <div class="hide"> | ||
| + | <a href="/Team:KIT-Kyoto/Notebook"><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'> |
| - | <li> <a href=" | + | <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> |
| - | <li> <a href=" | + | </div> |
| - | <li> <a href=" | + | <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> |
| - | </ul> | + | </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; | ||
| + | height:80px; | ||
| + | } | ||
| + | #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.5); | ||
| + | } | ||
| - | + | #topmenu{ | |
| - | + | margin-top:14px; | |
| + | position:relative; | ||
| + | } | ||
| - | + | #topmenu a{ | |
| + | display:block; | ||
| + | position:relative; | ||
| + | padding:0; | ||
| + | } | ||
| - | + | .timg{ | |
| - | + | position:relative; | |
| - | + | margin:0; | |
| - | < | + | border-bottom:1px solid gray; |
| - | + | } | |
| - | + | .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); | ||
| + | }); | ||
| + | $('.hide').css('opacity','0'); | ||
| + | $('.show a,.hide a').hover(function(){ | ||
| + | var tnum = $('.true a').index(this); | ||
| + | $('.true').eq(tnum).stop().animate({opacity:'0'},400); | ||
| + | $('.true1').eq(tnum).stop().animate({opacity:'1'},400); | ||
| + | }, | ||
| + | function(){ | ||
| + | var tnum = $('.true a').index(this); | ||
| + | $('.true').eq(tnum).stop().animate({opacity:'1'},400); | ||
| + | $('.true1').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','background-color':'background-color:rgba(0,0,0,0)'}); | ||
| + | $("#bodyContent").css({'background-color':'background-color:rgba(0,0,0,0.5);'}); | ||
| + | }else{ | ||
| + | $(".show").addClass('true'); | ||
| + | $(".hide").addClass('true1') | ||
| + | $("#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}} | ||
Latest revision as of 06:27, 17 October 2014
