IGEM:Kyoto/history

From OpenWetWare
Revision as of 02:29, 16 April 2015 by Hideaki Tsujii (talk | contribs)
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> <script type="text/javascript"> 

   var p=2014
   function history(year)
   {
       var a='kyoto-history-'+p
       var dpoff=document.getElementById(a);
       dpoff.style.display="none";
       var b='kyoto-history-'+year
       var dpon=document.getElementById(b);
       dpon.style.display="inline";
       p=year;
   }

</script> </html> Template:IGEM Kyoto/header/js <html> <head><meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, maximum-scale=1.0, user-scalable=yes"></head>

<a href="#" onClick="history('2014');">2014</a> <a href="#" onClick="history('2013');">2013</a> <a href="#" onClick="history('2012');">2012</a> <a href="#" onClick="history('2011');">2011</a> <a href="#" onClick="history('2010');">2010</a> <a href="#" onClick="history('2009');">2009</a> <a href="#" onClick="history('2008');">2008</a>

2014 Project

2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。 <img src="http://openwetware.org/images/c/c4/KyotoMember2014.jpg">

Member Names

清水寿朗：農学部2回生
山中ももこ：農学部3回生
杉山成明：医学部2回生
シャテラン ステファン：農学部2回生
岡崎史恵：農学部2回生
井上紘一：農学部2回生
本多慎之介：農学部2回生
上林幸平：農学部2回生
加藤貴裕：農学部2回生
嶋崎大地：薬学部2回生
村田隆：理学部2回生
村上晃：理学部2回生
辰井勇介：理学部2回生
芦田英郎：理学部2回生
安田裕助：理学部2回生
松本宙：農学部1回生
山内悠至：農学部1回生
中村元春：農学部1回生
北悠人：農学部1回生
李豪：農学部1回生
河井遥範：農学部1回生
伊藤愛：農学部1回生
助川桃枝：教育学部1回生
山浦瑞樹：医学部1回生
辻井秀明：医学部1回生
池口茉莉恵：医学部1回生

2013 Project

2013年度のテーマは"RNA Oscillator"と"Pattern Generation"です。RNA Oscillatorは、RNAを用いて点滅のような振動を表現しようとしました。Pattern Generationでは、動物の体表などに現れる模様のパターンの再現を目指しました。アジア予選では、銀メダルを獲得しました <img src="http://openwetware.org/images/a/a2/KyotoMember2013.jpg">

Member Names

中川寛司：理学部2回生
延山知弘：理学部3回生
太田喜之：農学部3回生
加藤傑：理学部3回生
寺坂真子：医学部2回生
田尻健：農学部2回生
黄瀬啓太：農学部2回生
山中ももこ：農学部2回生
箕浦広大：農学部2回生
平野義貴：農学部2回生
松尾咲恵子：農学部2回生
新稲亮：理学部2回生
吉田光昭：理学部2回生
壇辻さやか：理学部2回生
板谷崇央：医学部1回生
杉山成明：医学部1回生
中元一星：農学部1回生
氏家里奈子：農学部1回生
シャテラン ステファン：農学部1回生
清水寿朗：農学部1回生
岡崎史恵：農学部1回生
井上紘一：農学部1回生
本多慎之介：農学部1回生
張玖寧：農学部1回生
松本紘弥：農学部1回生
児島彬歩：農学部1回生
上林幸平：農学部1回生
加藤貴裕：農学部1回生
嶋崎大地：薬学部1回生
望月直人：理学部1回生
村田隆：理学部1回生
村上晃：理学部1回生
武藤祥史：理学部1回生
辰井勇介：理学部1回生
金岡泰哲：理学部1回生
芦田英郎：理学部1回生
安田裕助：理学部1回生

2012 Project

2012年度のテーマは"Flower Fairy E.coli"です。御伽噺「花咲か爺さん」のように、自由自在に花を咲かせることのできる大腸菌の開発を目指しました。 アジア予選では金メダルを獲得し、見事MITで行われたWorld Championshipに出場しました。 <img src="http://openwetware.org/images/8/85/KyotoMember2012-1.jpg">

Member Names

延山知弘：理学部２回生
川田哲也：理学部４回生
木田龍祐：農学部３回生
橋谷文貴：理学部３回生
草場哲：理学部３回生
小松リチャード馨：医学部２回生
佐藤茜：薬学部２回生
泉早苗：薬学部２回生
竹内良輔：農学部２回生
太田義之：農学部２回生
奥村研志：農学部２回生
高本悠介：農学部２回生
チェ ヒョンチョル：農学部２回生
加藤傑：理学部２回生
下坂天洋：工学部２回生
寺坂真子：医学部１回生
田尻健：農学部１回生
平野義貴：農学部１回生
楊木萌：農学部１回生
上野賢也：理学部１回生
加納初穂：理学部１回生
壇辻さやか：理学部１回生
中川寛司：理学部１回生
新稲亮：理学部１回生
吉田光昭：理学部１回生

2011 Project

2011年度のテーマは「食虫大腸菌」。１，２回生を中心とする新チームで、栄養不足になると光を発して虫をおびき寄せ、捕えて、消化する、そんな「もっと生き物っぽい」新種の大腸菌の開発を目指しました。 今年初のアジア予選は惜しくも敗退、メダルは銀にとどまりました。 We'll back 2012!! <img src="http://openwetware.org/images/7/72/KyotoMember2010-1.jpg">

Member Names

橋谷文貴：理学部2回
志甫谷渉：理学部4回
山本拓弥：理学部4回
前田勇樹：理学部4回
村山知：薬学部4回
梶田憲：工学部工業化学科3回
川田哲也：理学部3回
胡迪超：工学部情報科3回
原大貴：工学部工業化学科3回
杉浦佑：理学部2回
森仁志：農学部2回
岡田卓也：医学部2回
木田龍祐：農学部2回
草場哲：理学部2回
寺田将也：薬学部2回
廣瀬達也：理学部2回
下坂天洋：工学部工業化学科1回
延山知弘：理学部1回
加藤傑：理学部1回
泉早苗：薬学部1回
小松馨：医学部1回
佐藤茜：薬学部1回
奥村研志：農学部1回

2010 Project

2010年度のプロジェクトは"The Fantastic Lysisbox"です。バイオハザードの対策を考える中から細胞を溶かすことに注目しました。これはバイオハザードの防止だけでなく、製薬やさらに身近な例としてはバイオアロマなどにも応用できる優れたデバイスです。今年度の大会は11/5～11/8にかけて行われ、金賞を受賞しました。

2009 Project

「今年こそは」と意気込んだ2009年は、さらにユニークなプロジェクトを2つ（Time Bomb とCells in cells）立ち上げ、主に夏休みの期間を利用して遂行し、銀賞（silver award）を受賞しました。 <img src="http://openwetware.org/images/e/e4/KyotoMember2009.jpg">

2008 Project

iGEM Kyotoは2008年度に結成しました。メンバーは様々な専攻の学部学生を主体とし、加えて修士院生とアドバイザーから構成されています。 テーマ（Raise the Titanic!）の独創性は群を抜いていましたが、残念ながら入賞を逃しました。 <img src="http://openwetware.org/images/e/e0/KyotoMember2008.jpg">

</html> IGEM:Kyoto/header <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> <html> <style type="text/css"> </style> </html>

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