Team:KIT-Kyoto/Test

From 2014.igem.org

(Difference between revisions)
 
(538 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:KIT-Kyoto/Common}}
-
{{Team:KIT-Kyoto/ul}}
+
{{Team:KIT-Kyoto/bg}}
-
{{Team:KIT-Kyoto/MaxImage}}
+
{{Team:KIT-Kyoto/SlideShow}}
-
{{Team:KIT-Kyoto/MaxImageCSS}}
+
{{Team:KIT-Kyoto/navi}}
-
{{Team:KIT-Kyoto/MaxImage/basic}}
+
{{Team:KIT-Kyoto/Scroll}}
-
{{Team:KIT-Kyoto/Cycle}}
+
{{Team:KIT-Kyoto/btn}}
 +
{{Team:KIT-Kyoto/logo}}
<html>
<html>
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}, table/*-- hides default wiki settings --*/
 
-
</style>
 
-
<div id="maximage">
+
 
-
<img src="https://static.igem.org/mediawiki/2014/4/43/KIT_pictures_hund.jpg"" width="3648" height="2736" />
+
<!--サイドメニュー-->
-
+
<ul id="nav5">
-
</div>
+
        <li class="menuimg"><a href="#">HOME</a></li>
-
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/About">ABOUT us</a></li>
-
<script type="text/javascript" charset="utf-8">
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Project">PROJECT</a></li>
-
$(function(){
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Modeling">Modeling</a></li>
-
     $('#maximage').maximage({
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li>
-
         isBackground: true,
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook">NOTEBOOK</a></li>
-
         overflow: 'auto',
+
</ul> 
-
         verticalAlign:'top'
+
 
-
    });
+
<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 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/c/c2/Kit_Projectmenu.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/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&amp;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&amp;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>
+
</script>
-
+
</html>
-
<style type="text/css" media="screen">
+
{{Team:KIT-Kyoto/first}}
-
#maximage {
+
{{Team:KIT-Kyoto/footer}}
-
/* position:fixed !important;*/
+
{{Team:KIT-Kyoto/mobile}}
-
}
+
-
+
-
/*Set my logo in bottom left*/
+
-
#logo {
+
-
bottom:30px;
+
-
height:auto;
+
-
left:30px;
+
-
position:absolute;
+
-
width:34%;
+
-
z-index:1000;
+
-
}
+
-
#logo img {
+
-
width:100%;
+
-
}
+
-
+
-
</style>
+

Latest revision as of 02:43, 11 October 2014


kit