IGEM:Kyoto/events

From OpenWetWare
Jump to navigationJump to search

<html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{ 

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{ 

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{ 

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{ 

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;

   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{ 

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{ 

   display:none;

} a, a:hover{ 

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{ 

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{ 

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{ 

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{ 

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{ 

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{ 

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{ 

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{ 

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{ 

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{ 

   padding:0 30px 0 30px;

} .kyoto-history-photo img{ 

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{ 

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{ 

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{ 

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{ 

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute; 

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px; 

   border-left:1px solid #000;
   float:right;

} .data{ width:225px; 

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle; 

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute; 

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute; 

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%; 

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%; 

   height:250px;

line-height:250px; } .play{ 

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{ 

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{ 

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{ 

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{ 

   width:300px;

} .kyoto-team-profile{ 

   width:600px;

} .kyoto-team-profile h3{ 

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{ 

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{ 

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html> <html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{ 

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{ 

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{ 

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{ 

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;

   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{ 

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{ 

   display:none;

} a, a:hover{ 

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{ 

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{ 

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{ 

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{ 

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{ 

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{ 

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{ 

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{ 

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{ 

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{ 

   padding:0 30px 0 30px;

} .kyoto-history-photo img{ 

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{ 

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{ 

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{ 

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{ 

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute; 

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px; 

   border-left:1px solid #000;
   float:right;

} .data{ width:225px; 

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle; 

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute; 

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute; 

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%; 

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%; 

   height:250px;

line-height:250px; } .play{ 

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{ 

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{ 

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{ 

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{ 

   width:300px;

} .kyoto-team-profile{ 

   width:600px;

} .kyoto-team-profile h3{ 

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{ 

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{ 

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html>

<html> 

       <img src="http://openwetware.org/images/c/cd/Kyoto-events-text.png">
<a href="#" onClick="events('2017');">2017</a> <a href="#" onClick="events('2016');">2016</a> <a href="#" onClick="events('2015');">2015</a> <a href="#" onClick="events('2014');">2014</a> <a href="#" onClick="events('2013');">2013</a> <a href="#" onClick="events('2012');">2012</a> <a href="#" onClick="events('2011');">2011</a> <a href="#" onClick="events('2010');">2010</a>
19 Feb. 2017 京都大学で関西交流会・大同窓会を行いました。KyotoチームのほかにUT-Tokyo、TUS、Hokkaido、Gifu、Kobe、KIT-Kyotoの皆様にご参加いただき、各チームの現役メンバーやOBによるプレゼンなどを通して情報共有を行うことができました。
                   <img src="http://www.openwetware.org/images/9/9a/070219_KansaiKouryuukai.jpg">
3 Nov. 2016 
                   ボストンからはNYを経由したので、NYを観光してから日本へ帰りました。

                   <img src="http://openwetware.org/images/2/2a/PB030133igemkyoto2016NY2.JPG">
                   <img src="http://openwetware.org/images/d/d6/PB030003igemkyoto2016NY3.JPG">
                   <img src="http://openwetware.org/images/1/19/PB040031kyoto2016.JPG">
1 Nov. 2016 
                   大会後はボストンを観光しました。

                   <img src="http://openwetware.org/images/5/5f/Image_c58b48bkyoto2016boston.jpg">
22 May. 2016 
                   新入生歓迎会で伏見稲荷に行ってきました。伏見稲荷に行った後の食事会でも親睦を深めることが出来ました。

                   <img src="http://openwetware.org/images/9/91/2016522hushimiinari.jpg">
14,15 May. 2016 
                   東京大学の5月祭の企画でiGEM　Kyotoのプロジェクト内容を発表してきました。その後は各日本チームのメンバーと交流会を兼ねて食事会をしました。

                   <img src="http://openwetware.org/images/9/94/Gogatusaikyotophoto2.jpg">
                   <img src="http://openwetware.org/images/4/4d/Gogatusaikyotophoto1.jpg">
3 Apr. 2016 
                   下記日程で新入生歓迎会を行います。物理選択の方や、実験の経験が無い方でもお気軽にお越しください♫

                   <img src="http://openwetware.org/images/1/1f/Kyoto-shinkan2016sp.PNG">
15 Mar. 2016 
                   皆様のご支援により、京都大学学生チャレンジコンテストSPECでの補助金が目標額の50万円に到達致しました！ ご支援頂いた皆様に心より御礼申し上げます。今後とも、iGEM Kyotoをよろしくお願いいたします。

                   <img src="http://openwetware.org/images/e/e2/Kyoto-spec-result.PNG">
                   <a href=http://www.kikin.kyoto-u.ac.jp/spec/>京都大学学生チャレンジコンテストSPEC</a>
13 Mar. 2016 
                   3/13に関西交流会を実施しました。我々KyotoチームのほかにUT, KAIT, Kobeの皆様にご参加頂き、お菓子を食べながらの歓談を交えたアットホームな雰囲気となりました。交流会では各チームの新プロジェクトについてプレゼンを行ったり、運営状況の共有を行ったりしました。新しく設立したばかりのKobeチームに新歓や実習室確保に関するノウハウを伝えるなど、有意義な時間となりました。
<img src="http://openwetware.org/images/e/ef/Kouryukai2016.jpg">
20 Jan. 2016 
                   この度、igemkyotoの2016年度プロジェクトがSPEC(Student Projects for Enhancing Creativity）に採択されました。SPECは2015年の秋よりスタートしました。山極総長が打ち出す「WINDOW構想」の精神に基づき、京大生たちの挑戦を応援するプログラムです。我々、igemkyotoは大会参加費の上昇に苦しんでいます。皆様のご厚意を賜ることができれば幸いです。 SPEC特設サイトは
                   <a href="http://www.kikin.kyoto-u.ac.jp/spec/index.html">こちら</a>
<img src="http://openwetware.org/images/7/7f/Kyoto-2016SPEC.jpg">
22～23 Nov. 2015 
                   11月祭研究室企画にてiGEM Kyotoのブースを出展し、2016年度大会に向けたプロジェクトについてポスター発表しました。両日とも多くの人に来ていただけました。メンバーにとっても有意義な時間となりました。

                   <img src="http://openwetware.org/images/b/bf/Kyoto-2015NF1.jpg">
                   <img src="http://openwetware.org/images/9/99/Kyoto-2015NF2.jpg">
21 May 2015 
                   <img src="http://openwetware.org/images/2/2a/Toiletpaperad1.jpg">
 京都大学学内でこのようなトイレットペーパーを見たことはありませんか？
                   
 吉田南構内のトイレに設置されているこのトイレットペーパー、実は「第1回サステイナブルキャンパス構築コンテスト」で発表されたアイディアを元に作られたものです。京都大学では新歓期に捨てられる大量のビラが問題となっていますが、そのビラを削減するために提案されました(ちなみに提案者の一人はiGEMKyotoのOBさんです！)。
                   
 気になる方は一度見てみては？
16 May 2015
・17 May 2015		 東大五月祭
東京大学の五月祭でポスター発表をしてきました。 
                   
 学生や社会人など多くの方が見に来てくださり、iGEMの活動や遺伝子組み換えの安全性などについて説明をさせていただきました。多くの意見、感想をありがとうございました。
                   
 今後もiGEM Kyotoをよろしくお願いいたします。

                   <img src="http://openwetware.org/images/e/e7/2015gogatsusai1.jpg">
10 May 2015 新入生との親睦を深めるため、夜の伏見稲荷大社に行ってきました！
本殿で参拝したのち、夕方から登りはじめ、朱に輝く鳥居をくぐりながら伏見一帯を見渡せる夜景を楽しみました。 
                   
 新入生との話も盛り上がり、有意義な親睦会になりました！
                   


                       <img src="http://openwetware.org/images/1/10/KyotoInari3.jpg">
                       <img src="http://openwetware.org/images/0/03/KyotoInari2.jpg">
                       <img src="http://openwetware.org/images/c/c5/KyotoInari4.jpg">
                       <img src="http://openwetware.org/images/d/d5/KyotoInari1.jpg">
16 Apr. 2015 新歓情報
                   iGEMKyotoは現在新歓期間です！

4/16(木),20(月),28(火) 18:20に本部キャンパス楠前でお待ちしております。
興味のある方はigemkyoto_shinkan@hotmail.co.jpまでお気軽にご連絡下さい！
新歓は終了しました。 

                   
 途中からの参加も歓迎しますのでiGEMの活動に興味を持たれましたら
<a href="mailto:igemkyoto_shinkan@hotmail.co.jp">igemkyoto_shinkan@hotmail.co.jp</a>まで！
16 Apr. 2015 iGEM Kyotoホームページをリニューアルしました！
25 Feb. 2015 この度、iGEMkyotoはiGEM2015への不参加を正式に決定致しました。
iGEM2016での再参加へ向け鋭意活動中です。 
                   
 iGEMJapanの皆様、2015大会でのご健闘をお祈りしております。2016でまたお会いしましょう！
30 Oct. 2014
～3 Nov. 2014		 iGEM 2014 Giant Jamboreeに参加しました。見事金メダルを獲得しました。
19 Sep. 2014 日本遺伝学会第86回大会に参加しました。
同じiGEMチームと研究成果のプレゼンとポスター発表をしました。他のチームとも交流でき、どのようにお互い協力するか、他のチームがどのように研究しているのかを知ることができる、良い機会になりました。 
                   

                   <img src="http://openwetware.org/images/f/f9/KyotoGSJ1.jpg">
                   <img src="http://openwetware.org/images/9/90/KyotoGSJ2.jpg">
24 Aug. 2014 首都大学東京で行われたiGEMJapan交流会に参加しました！
日本の他チームと、今年のプロジェクトの構想をお互いに発表、質疑応答をしました。発表の後は立食会をし、他チームとの交流を深めることができました。
17 May 2014
～18 May 2014		 東京大学の五月祭にて、一般の方にポスター発表をしてきました。高校生や社会人の方など、たくさんの人にiGEMの活動やプロジェクトについて説明をさせていただきました。
                   <img src="http://openwetware.org/images/0/0b/Kyotogogatsusai2014.jpg">
10 Apr. 2014 新入生歓迎説明会を行いました。
12 Mar. 2014 iGEM関西交流会を京都大学で開きました。Kyoto, Nagahama, UT-Tokyo, KIT-Kanazawa, Gifu, Tukubaの計6チームが一堂に会し、プロジェクトについての意見交換や困ったことの対処法の共有などをしました。
23 Nov. 2013
～24 Nov. 2013		 11月祭研究室企画にてiGEM Kyotoのブースを出展し、今年のプロジェクトについてポスター発表しました。両日ともに多くの方にお越しいただき有難うございました。
5 Nov. 2013
・7 Nov. 2013		 後期新歓を行いました！合計で6人の方に参加していただきました！
23 Oct. 2013 iGEM Kyoto 2013の反省会を行いました。ここで、2013年度の活動は終了で、今後はiGEM Kyoto 2014として活動していきます。今後ともよろしくお願いします。
4 Oct. 2013
～6 Oct. 2013		 香港の中文大学で、iGEM 2013 Asia Regional Jamboreeに参加しました。銀メダルを獲得しましたが、World Championship Jamboreeには出場できませんでした。
18 May 2013
～19 May 2013		 東京大学の五月祭で、ポスター発表をしてきました。中学生、高校生や社会人などのたくさんの方にiGEMについて知ってもらいました。終了後の懇親会では、他のチームの方と交流を深めました。
26 Mar. 2013 今年からiGEMに参加する長浜バイオ大学チーム(iGEM Biwako)と合同勉強会を開きました。
4 Mar. 2013
～9 Mar. 2013		 International Student Seminar(<a href="http://www.lif.kyoto-u.ac.jp/11thiss/index.html">ISS</a>)でiGEM Kyotoとしてポスター発表を行いました。
20 Feb. 2013 iGEM関西交流会を行いました。iGEM Kyoto, iGEM Osaka, iGEM KIT-Kyoto, iGEM Biwako, iGEM UT-Tokyoの5チーム、計23人のiGEMerに参加していただけました。情報交換をし、交流を深めました。
12 Jan. 2013 2013年新年会を行いました。現メンバーだけでなく、OBOGの方や新メンバーにも参加していただき、楽しい時間を過ごしました。今年もiGEM Kyotoをよろしくお願いします。
19 Dec. 2012 後期新入生歓迎会・説明会を行いました。7名の新入生の方に参加していただきました。
23 Nov. 2012
～25 Nov. 2012		 11月祭研究室企画にてiGEM Kyotoのブースを出展しました。両日ともに多くの方にお越しいただきありがとうございました。
その時に取材を受け、めざましテレビで放送されました。
22 Nov. 2012 第3回全学共通教育国際学生シンポジウムにおいて、iGEM Kyotoの論文"Flower Fairy E.coli"が採録され、寺坂さんが英語で口頭発表を行いました。
その結果、アインシュタイン賞を受賞しました。
20 Nov. 2012 2012年度の報告会を行いました。
2 Nov. 2012
～5 Nov. 2012		 MITで開かれた本戦に参加しました。
4 Oct. 2012
～8 Oct. 2012		 香港で開かれたアジア予選に参加しました。見事金メダルを勝ち取り、MITで開かれる本戦へ駒を進めました。
13 Aug. 2012 首都大学東京で開かれたiGEM JAPAN交流会に参加しました。互いにプレゼンテーションをして質問をかわし、有意義な時間を過ごしました。
3 Jun. 2012 新入生含むiGEM Kyoto2012メンバーでBBQをしました。皆で楽しい時間を過ごせ、親睦を深められました。
11 May 2012 第三回新入生説明会をしました。
27 Apr. 2012 第二回新入生説明会をしました。
13 Apr. 2012 第一回新入生説明会をしました。
12 Jan. 2012 新年会を開きました。
美味しい食事とお酒で大いに盛り上がりました
23 Nov. 2011
～26 Nov. 2011		 11月祭研究室企画にてiGEM Kyotoのブースを出展しました。
両日ともに多くの方にお越しいただき有難うございました。
23 Nov. 2011 第2回全学共通教育国際学生シンポジウムにおいて、iGEM Kyotoの論文が採録され、泉さんが英語で口頭発表を行いました。お疲れ様でした。
テーマはJapanese Attitude toward Genetic Engineeringです。ご清聴有難うございました。
20 Nov. 2011 11/18~20に東京お台場にて開催されたサイエンスアゴラ2011にて、20,21日、木田君、延山君、小松君がポスター発表を行いました。
去年と同様、会場では幅広い層の方々と交流することができ、特にKyotoチームの今年のテーマ「食虫大腸菌」には多くの方に興味をもっていただけました。技術面のアドバイスを下さることもあり、有意義な意見交換を行えました。
見に来てくださった皆様、有難うございました！
25 Oct. 2011 2011年度の報告会を行いました。
15 Oct. 2011
～16 Oct. 2011		 香港でのアジア地区予選に参加しました。
銀メダルの評価は辛うじて得られましたが、残念ながら本選への切符は手にすることはできませんでした。 
                   
 サポートして下さったスポンサー、アドバイザの皆様、本当に有難うございました。

来年は必ずMITに帰ります。Kyoto2012は年内から始動の予定です。
今年から始まったアジア予選、通過は全46チーム中18チーム、そのうち日本チームは阪大、東工大、東京農工大、の3チーム（今年度は10チーム参加）でした。本選がんばって下さい！
12 Oct. 2011 アジア予選直前プレゼン発表会を行いました。
アドバイザーの先生の皆様、お忙しいところ有難うございました。
本番でベストなものが出せるよう、まだまだ粘ります。
29 Aug. 2011 第３回iGEM学生懇親会を、京都大学にて行いました。
首都大、東大、阪大、京大、各チームのプロジェクトの発表会、食事会も大いに盛り上がりました。 
                   
 お忙しいところ参加いただきありがとうございました！大会での再会を心より楽しみにしております。
3 Aug. 2011 Human practiceの一環として、東大寺学園にてiGEMの紹介、アンケート実施をさせていただきました。
ご清聴有難うございました。きっかけに少しでも興味持っていただけたら嬉しいです^^
19 Jul. 2011 本日から実験室を使えるようになりました。
1 Jul. 2011 今年度のテーマが「食虫大腸菌」に決定しました。
27 May 2011 新メンバー対象に第一回目の勉強会を開きました。
22 Apr. 2011
・26 Apr. 2011		 新歓説明会を行いました。お越しくださった皆様、ありがとうございました。
また分からないことなどなどがあれば、遠慮なく連絡ください^^
31 Mar. 2011 イニシャルトレーニングが終了し、片づけを済ませました。お疲れ様でした。
これからいよいよテーマ決めに入ります。
11 Mar. 2011 総長賞の授賞式が行われ、代表として2010年度リーダーの志甫谷君が出席しました。
これを励みにさらなる進化を目指して2011、がんばりましょう！
<img src="http://openwetware.org/images/1/19/Soutyousyou.JPG">
10 Mar. 2011 第一回全学共通教育国際学生シンポジウムにて、チームの森君が口頭発表を行いました！
タイトルは”Quantitative Evaluation on the Holin of the Lysis cassette”、2010年度のプロジェクトについての内容です。
お疲れ様でした！
3 Mar. 2011 iGEM 関東学生懇親会
東京大学にて開催された学生懇親会へ、Kyotoチームからも参加させていただきました。
今回、主催の早大はじめ、東大、埼玉大、首都大、東工大、農工大チームの皆さんと親睦を深める貴重な機会となり、楽しい時間を過ごしました。お世話になりました！
(集合写真も有難うございました！)
<img src="http://openwetware.org/images/f/f4/Kantoh_meetup.jpg">
8 Feb. 2011 記念すべき第一回目の勉強会を開きました。
19 Jan. 2011 のびのびになってしまっていた打ち上げも兼て、iGEM Kyotoの新年会を開きました♪　新メンバーも加わり大いに盛り上がりました。
17 Jan. 2011 ２回目の新歓説明会を行いました。寒い中有難うございました！
16 Dec. 2010 １回目の新歓説明会を行いました。いかがでしたでしょうか？来て下さった皆様、有難うございました！
9 Dec. 2010 授業にお邪魔してのビラ配りについての確認を行いました。新歓説明会用スライドを練りました。
6 Dec. 2010 新歓説明会の教室を予定より変更しました。 参加賞の賞状を受け取りました♪
2 Dec. 2010 NFの反省点をまとめました。
いくつかの授業にお邪魔して、iGEMの紹介をさせていただけることになりました。来週からはじめます。
29 Nov. 2010 「わくわく理学」の担当の方から取材に関する会談がありました。
新歓の方向性とともに、各準備の進行状況の確認をしました。
ビラ、報告書、web記事の原稿を皆で添削しました。
全学共通教育国際学生シンポジウムの準備を始めることになりました。
25 Nov. 2010 新歓説明会の予定はじめ、新歓準備の各担当を決め、計画を立てました。
今後可能と考えられる広報、資金繰りの方法を列挙し、一部動き始めることになりました。
23 Nov. 2010 11月祭研究室企画
京都大学１１月祭最終日の11月23日に行われた研究室企画に出展し、ｉＧＥＭの紹介や研究成果の発表を行いました。１００枚も用意していたビラは全て配布でき、追加の印刷を行うほど多くの方が来てくださりました。
高校生の人で興味をもたれた方はぜひまた参加して下さい。発表を見に来てくださった方、本当にありがとうございました。 
                   


                       <img src="http://openwetware.org/images/e/e7/KyotoNFtm1.JPG">
                       <img src="http://openwetware.org/images/0/05/KyotoNF10.jpg">
                       <img src="http://openwetware.org/images/0/00/KyotoNFtm2.JPG">
20 Nov. 2010
～21 Nov. 2010		 サイエンスアゴラ
11月20、21日と東京のお台場の国際研究交流大学村で開かれたサイエンスアゴラにてiGEM TMUを中心にiGEM Tokyoと一緒に出展しました。小さいお子さんから学生、大人の方まで様々な方にiGEMのことやテーマの説明ができてとてもいい経験になりました。説明を聞いてくださった方々、ありがとうございました。 
                   <a href="http://www.jst.go.jp/csc/scienceagora/">サイエンスアゴラ</a>


                       <img src="http://openwetware.org/images/0/03/KyotoScienceAgora1.jpg">
                       <img src="http://openwetware.org/images/b/b0/KyotoScienceAgora2.jpg">
                       <img src="http://openwetware.org/images/4/46/KyotoScienceAgora3.jpg">
                       <img src="http://openwetware.org/images/8/84/KyotoScienceAgora4.jpg">
27 may 2010 テーマ:
　テーマの発表を行いました。それぞれのテーマについて先生方に指摘していただきました。
　まだ、課題は多いが、1つのテーマに絞り、調べていくことになりました。
イニシャルトレーニング:
　7月まで実習のため実験室が使えないため、それまでの間、各自で研究室に頼んで実験を教えてもらおうということになりました。
Human Practice:
　アンケートを東大の五月祭（29,30日）に間に合わせることになりました。
20 May 2010 2つのテーマが残り、細部について詰めてきた内容を発表しました。次回のミーティングは、先生方をお呼びしてテーマを発表し、テーマ決定まで行くことにしました。
13 May 2010 4つのテーマのうち3つについて発表し、残りの1つも次の日の昼に発表しました。点数で各テーマを評価しました。
6 May 2010 今後、6月までの予定を確認しました。
テーマについて、4つのチームに分かれて次回のミーティングで発表することになりました。
30 Apr. 2010 日本の他のiGEMチームに合同でHuman Practiceをやることを提案することになりました。
22 Apr. 2010 新入生対象の説明会を行いました。
15 Apr. 2010 1回目の新入生対象の説明会を行ったあと、ミーティングを行いました。
6 Apr. 2010 京都工芸繊維大学の方が来られました。今後の協力関係を約束しました。
テーマはひとまず、バイオハザードproject（バイオハザードを防ぐための機構）に焦点を置くことになりました。 議論のメインは「特定の機能が働くべき環境要因が無くなれば、大腸菌が死ぬ。」というものです
30 Mar. 2010 新1回生が参加してくれました。
新入生対象の説明会は理学部2号館第一講義室で行うことになりました。
23 Mar. 2010 前回に引き続き、テーマについての議論と調べる範囲の調整を行いました。
16 Mar. 2010 チーム登録を行いました。新勧担当と、新入生対象の説明会の日程を決めました（4月15日、22日、5月6日）。
テーマについて、土壌改良の観点から調べることにしました。
10 Mar. 2010 テーマ、広報関連の議論を行いました。
5 Mar. 2010 首都大の人を迎えてミーティングを行いました。お互いの活動状況などの情報交換を行いました。
勉強会のまとめを行い、決勝チームの優れた点や、なぜケンブリッジが優勝したのかという議論を行いました。そこから、iGEMで評価されるにはどうしたらいいのか議論しました。
4 Mar. 2010 京都大学生命科学研究科が主催する第8回国際学生セミナーに参加し、2009年度の活動をポスターで発表しました。
1 Mar. 2010 テーマについてのミーティングを行いました。
iGEMの活動を宣伝するため、ポスターやビラを作りました。
23 Feb. 2010 新メンバーが去年の優勝校のケンブリッジと準優勝のハイデルベルクについての詳細なプレゼンを行いました。
会計と広報担当、iGEMのホームページのチェック係を決めました。
次回の3月5日のミーティングに首都大学東京の方がお見えになります。
15 Feb. 2010 新メンバーによる昨年のImperial College London, Freiburg biowareについてのプレゼンを通じて学びました。
インターネットによる情報検索の方法について学びました。
ヒルの式を用いたシュミレーション、シュミレーションの主な意義について学びました。
25 Jan. 2010 議事長と書記を決定しました。
トランスフォーメーション、Biobrickの組み上げの流れについて学びました。 
                   
 Valenciaの去年の研究結果を題材に実験をするためにはどういったことを調べる必要があるかを議論しました。
14 Jan. 2010 今後ミーティングは京都大学理学部6号館の部屋を借りて行うことが決まりました。
来週以降に、週1で勉強会を行うことになりました。内容は、前半2回でiGEMの基礎知識を学び、後半では新メンバーが過去のfinalists1チームについて調べて30分程度で発表を行います。 
           <img src="" class="image" id="image0">
           <img src="" class="image" id="image1">
           <img src="" class="image" id="image2">
           <img src="http://openwetware.org/images/0/0b/Kyoto-game-1.png" class="image" id="image3">

           <img src="http://openwetware.org/images/0/0b/Kyoto-game-1.png" class="menu" id="menu1">
           <img src="http://openwetware.org/images/9/9f/Kyoto-game-2.png" class="menu" id="menu2">
           <img src="http://openwetware.org/images/6/61/Kyoto-game-3.png" class="menu" id="menu3">
           <img src="http://openwetware.org/images/3/3f/Kyoto-game-4.png" class="menu" id="menu4">

                   GAME

Push enter to start

                   SCORE : 100

                   GAME OVER

Push enter to play again

</html> <html> <script type="text/javascript"> 

   p=2017;
   pass=new Array(1,0,0,0,0);
   function events(year)
   {
       var a='kyoto-events-'+p
       var dpoff=document.getElementById(a);
       dpoff.style.display="none";
       var b='kyoto-events-'+year
       var dpon=document.getElementById(b);
       dpon.style.display="block";
       p=year;
   
       if(year=="2012")
       {
           if(pass[0]==1)
           {
               pass[1]=1;
               pass[0]=0;
           }
           else
           {
               pass[0]=1;
               for (i=1;i<5;i++){
                   pass[i]=0;
               }
           }
       }
       if(year=="2010")
       {
           if(pass[1]==1)
           {
               pass[2]=1;
               pass[1]=0;
           }
           else
           {
               pass[0]=1;
               for (i=1;i<5;i++){
                   pass[i]=0;
               }
           }
       }
       if(year=="2011")
       {
           if(pass[2]==1)
           {
               pass[3]=1;
               pass[2]=0;
           }
           else if(pass[4]==1)
           {
               var gameback=document.getElementById("kyoto-game-background");
               var gamecenter=document.getElementById("kyoto-game-center");
               gameback.style.display="block";
               gamecenter.style.display="block";
           }
           else
           {
               pass[0]=1;
               for (i=1;i<5;i++){
                   pass[i]=0;
               }
           }
       }
       if(year=="2014")
       {
           if(pass[3]==1)
           {
               pass[4]=1;
               pass[3]=0;
           }
           else
           {
               pass[0]=1;
               for (i=1;i<5;i++){
                   pass[i]=0;
               }
           }
       }

} dx=155, dy=100; x=55, sec=101, pnt=0, dmg=-15, lag=-3; mode=0; var i; baspos=new Array(3); for (i=0;i<3;i++){ 

   baspos[i]=new Array(4);

} for(i=0;i<3;i++){ 

   for(j=0;j<4;j++){

baspos[i][j]=0; } } catpos=new Array(0,1);

document.onkeydown=action;


function rnd(){ 

   return Math.floor(Math.random()*4);

}

function loop() { if(sec>0) { if(dmg<100) { setTimeout("loop()",1000); } else { setTimeout("gameover()",1); } } else { setTimeout("gameover()",1); } 

   var a,b;

var base0=document.getElementById("image0"); var base1=document.getElementById("image1"); var base2=document.getElementById("image2"); var time=document.getElementById("time"); var score=document.getElementById("score"); var damage=document.getElementById("damage");

if(baspos[2][catpos[0]]+catpos[1]==5) { pnt+=5; } else{ dmg+=5; } sec-=1;

time.innerHTML=sec; score.innerHTML=pnt; damage.innerHTML=dmg;

for(j=0;j<4;j++){ baspos[2][j]=baspos[1][j]; } for(j=0;j<4;j++){ baspos[1][j]=baspos[0][j]; }

a=rnd(); b=rnd(); for(j=0;j<4;j++){ baspos[0][j]=0; } baspos[0][a]=b+1;

for(j=0;j<4;j++){ if(baspos[0][j]>0){ base0.style.left=55+155*j+"px"; if(baspos[0][j]==1) { base0.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[0][j]==2) { base0.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[0][j]==3) { base0.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[0][j]==4) { base0.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } for(j=0;j<4;j++){ if(baspos[1][j]>0){ base1.style.left=55+155*j+"px"; if(baspos[1][j]==1) { base1.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[1][j]==2) { base1.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[1][j]==3) { base1.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[1][j]==4) { base1.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } for(j=0;j<4;j++){ if(baspos[2][j]>0){ base2.style.left=55+155*j+"px"; if(baspos[2][j]==1) { base2.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[2][j]==2) { base2.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[2][j]==3) { base2.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[2][j]==4) { base2.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } lag+=1; if(lag<0) { var damage=document.getElementById("damage"); damage.innerHTML="" } }

function gameover() { 

   var gameover=document.getElementById("gameover");
   var showscore=document.getElementById("showscore");
   showscore.innerHTML="SCORE : "+pnt;
   mode=2;

gameover.style.display="inline"; }

function action() { 

   if(event.keyCode==37)

{ if(catpos[0]!=0) { var catcher=document.getElementById("image3"); catpos[0]-=1; x-=dx; catcher.style.left=x+"px"; } } 

   if(event.keyCode==39)

{ if(catpos[0]!=3) { var catcher=document.getElementById("image3"); catpos[0]+=1; x+=dx; catcher.style.left=x+"px"; } } 

   if(event.keyCode==40)

{ var catcher=document.getElementById("image3"); catpos[1]=catpos[0]+1; catcher.src=catpos[1]+".png"; if(catpos[1]==1) { catcher.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png" } if(catpos[1]==2) { catcher.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png" } if(catpos[1]==3) { catcher.src="http://openwetware.org/images/6/61/Kyoto-game-3.png" } if(catpos[1]==4) { catcher.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png" } } 

   if(event.keyCode==13)

{ if(mode==0) { var gamestart=document.getElementById("gamestart"); gamestart.style.display="none"; mode=1; setTimeout("loop()",1); } if(mode==2) { var gameover=document.getElementById("gameover"); mode=1; setTimeout("reset()",1); gameover.style.display="none"; setTimeout("loop()",10); } } }

function reset(){ x=55, sec=101, pnt=0, dmg=-15; var i; for (i=0;i<3;i++){ baspos[i]=new Array(4); } for(i=0;i<3;i++){ for(j=0;j<4;j++){ baspos[i][j]=0; } } catpos[0]=0; catpos[1]=1; var base0=document.getElementById("image0"); var base1=document.getElementById("image1"); var base2=document.getElementById("image2"); var catcher=document.getElementById("image3"); base0.src=""; base1.src=""; base2.src=""; catcher.style.left="55px"; lag=-3; } </script>


</html> <html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{ 

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{ 

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{ 

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{ 

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;

   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{ 

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{ 

   display:none;

} a, a:hover{ 

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{ 

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{ 

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{ 

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{ 

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{ 

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{ 

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{ 

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{ 

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{ 

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{ 

   padding:0 30px 0 30px;

} .kyoto-history-photo img{ 

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{ 

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{ 

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{ 

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{ 

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute; 

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px; 

   border-left:1px solid #000;
   float:right;

} .data{ width:225px; 

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle; 

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute; 

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute; 

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%; 

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%; 

   height:250px;

line-height:250px; } .play{ 

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{ 

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{ 

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{ 

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{ 

   width:300px;

} .kyoto-team-profile{ 

   width:600px;

} .kyoto-team-profile h3{ 

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{ 

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{ 

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html> <html>

</html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=IGEM:Kyoto/events&oldid=976450"