IGEM:Kyoto/history-sandbox: Difference between revisions
No edit summary |
No edit summary |
||
Line 20: | Line 20: | ||
<table class="kyoto-history-table"> | <table class="kyoto-history-table"> | ||
<tr><td>2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。</td> | <tr><td>2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。</td> | ||
<td> | <td><img src="http://openwetware.org/images/c/c4/KyotoMember2014.jpg"></td></tr></table> | ||
</div> | </div> | ||
Revision as of 04:39, 27 February 2015
<html> <style>
/******************デフォルトデザイン変更・横幅設定*****************/
- sidebar-main, #contentSub, #footer{
display:none;
} p{
margin:0px; line-height:2em; background-image:url(image);
} table{
font-size:16px;
}
- globalWrapper{
-webkit-text-size-adjust:100%;
} body{
background-color:#ffffff; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
- column-content{
min-width:1024px; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; float:none; border:0px; position:relative;
}
- column-one{
position:relative; min-width:1024px; width:100%; margin-left:auto; margin-right:auto; float:none; padding:0px; z-index:2;
}
- 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;
} /*******メニューバー変更*******/
- p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
position:static; padding-left:0px; padding-right:0px; border:0px;
}
- p-cactions{
float:left; width:45%;
}
- p-personal{
float:right; width:55%;
}
- p-cactions ul, #p-personal ul{
width:100%; height:20px; position:static; padding:0px; margin:0px;
background-color:#cccccc;
}
- p-cactions ul{
float:left; text-align:right;
}
- p-personal ul{
float:right; text-align:left;
}
- 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;
}
- p-cactions ul li, #p-personal ul li{
padding-left:5px; padding-right:5px;
} .firstHeading{
display:none;
} a, a:hover{
text-decoration:none;
}
/******************コンテンツ設定*****************/
/*******HEADER*******/
- kyoto-header-line{
position:fixed; width:100%; z-index:1; border-bottom:1px solid #ffffff; background-color:#1e1e20;
}
- kyoto-header-wrapper{
position:relative; width:960px; left:50%; margin-left:-480px;
}
- kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
position:relative; width:15%; height:78px; float:left;
}
- 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;
}
- 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;
}
- kyoto-header-home{
width:62px; height:26px;
}
- kyoto-header-about{
width:65px; height:26px;
}
- kyoto-header-history{
width:77px; height:26px;
}
- kyoto-header-events{
width:72px; height:26px;
}
- kyoto-header-team{
width:58px; height:25px;
}
- kyoto-header-finance{
width:82px; height:26px;
}
- kyoto-header-contact{
width:85px; height:26px;
}
- kyoto-header-contact a{
background:none !important;
} /*******FOOTER*******/
- kyoto-footer-line{
position:relative; background-color:#1e1e20; height:190px;
}
- kyoto-footer-wrapper{
width:960px; margin-left:auto; margin-right:auto;
} .kyoto-footer{
position:relative; float:left; width:320px; height:190px;
}
- kyoto-footer-mail, #kyoto-footer-twitter{
background:transparent !important;
} .kyoto-footer img{
position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;
} /******************コンテンツ設定*****************/
- 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;
}
- kyoto-yearselect{
background-color:transparent; margin-bottom:55px;
}
- kyoto-yearselect td{
padding:0 10px 0 10px;
}
- kyoto-yearselect td a{
color:#ffffff; font-size:30px;
}
- kyoto-yearselect td a:hover{
color:#aaaaaa;
}
/*******TOP*******/
- 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;
}
- kyoto-background-color{
position:fixed; width:100%; height:100%; background-size:cover; background-color:#333333; opacity:0.8;
}
- kyoto-top-wrapper{
position:relative; width:1024px; margin-left:auto; margin-right:auto;
}
- kyoto-top-formula-wrapper{
padding:330px 0 0 0;
}
- kyoto-top-formula{
text-align:center;
}
- kyoto-top-sentence-wrapper{
padding:41px 0 130px 0;
}
- kyoto-top-sentence{
text-align:center;
} /*******ABOUT*******/
- 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;
}
- kyoto-about-jamboree{
padding:54px 50px 54px 50px; margin-bottom:30px; width:860px; background:rgba(250,250,250,0.3);
}
- kyoto-about-jamboree img{
width:100%;
} /*******HISTORY*******/
- 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;
}
- 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*******/
- 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;
}
- 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;
}
- kyoto-events-content img{
height:230px; padding-left:5px; padding-right:5px;
} .kyoto-events-photo{
max-width:763px; overflow-x:auto; white-space:nowrap;
}
- kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
display:none;
} /*******GAME*******/
- kyoto-game-background{
position:absolute; background-color:#000; opacity:0.7; display:none; width:100%; height:100%; top:0; z-index:2;
}
- kyoto-game-center{
position:fixed; width:0; height:0; left:50%; top:0; display:none; z-index:3;
}
- kyoto-game-wrapper{
position:relative; margin-left:-480px; width:960px;
}
- wrapper{
position:relative; height:498px; margin:80px 30px 0 30px; border:1px solid #000; background-color:#ffffff;
} .image{ position:absolute;
width:100px; height:80px;
}
- image0{
top:10px; left:55px;
}
- image1{
top:110px; left:55px;
}
- image2{
top:210px; left:55px;
}
- image3{
top:310px; left:55px;
}
- 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;
}
- databox img{
vertical-align:bottom;
} .menu{ position:absolute;
width:100px; height:80px;
}
- menu1{
top:410px; left:55px;
}
- menu2{
top:410px; left:210px;
}
- menu3{
top:410px; left:365px;
}
- menu4{
top:410px; left:520px;
} .area{ position:absolute;
width:898px; height:498px; font-size:60px; text-align:center;
}
- gamestart{
display:inline; background-color:#ffffff;
}
- gamestart div{
width:100%;
height:500px;
line-height:500px; }
- gameover{
display:none; background-color:#ffffff;
}
- 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*******/
- 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;
}
- 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;
}
- kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
display:none;
} /*******FINANCE*******/
- 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;
}
- kyoto-finance-chart{
padding:30px 0 30px 0; text-align:center; margin-bottom:55px; background:rgba(250,250,250,0.3);
}
</style> </html>
<a href="http://openwetware.org/wiki/IGEM:Kyoto"><img src="http://openwetware.org/images/0/03/Kyoto-header-home.png"></a>
<a href="http://openwetware.org/wiki/IGEM:Kyoto/about"><img src="http://openwetware.org/images/9/9d/Kyoto-header-about.png"></a>
<a href="http://openwetware.org/wiki/IGEM:Kyoto/history"><img src="http://openwetware.org/images/2/22/Kyoto-header-history.png"></a>
<a href="http://openwetware.org/wiki/IGEM:Kyoto/events"><img src="http://openwetware.org/images/d/d3/Kyoto-header-events.png"></a>
<a href="http://openwetware.org/wiki/IGEM:Kyoto/team"><img src="http://openwetware.org/images/5/5d/Kyoto-header-team.png"></a>
<a href="http://openwetware.org/wiki/IGEM:Kyoto/finance"><img src="http://openwetware.org/images/a/a1/Kyoto-header-finance.png"></a>
<a href="mailto:igem.kyoto@gmail.com"><img src="http://openwetware.org/images/9/9c/Kyoto-header-contact.png"></a>
<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> <div id="kyoto-wrapper">
<div id="kyoto-title"> <img src="http://openwetware.org/images/0/04/Kyoto-history-title.png"> </div> <table id="kyoto-year-select"><tr> <td><a href="#" onClick="history('2014');">2014</a></td> <td><a href="#" onClick="history('2013');">2013</a></td> <td><a href="#" onClick="history('2012');">2012</a></td> <td><a href="#" onClick="history('2011');">2011</a></td> <td><a href="#" onClick="history('2010');">2010</a></td> <td><a href="#" onClick="history('2009');">2009</a></td> <td><a href="#" onClick="history('2008');">2008</a></td> </tr></table>
<div class="kyoto-history-block" id="kyoto-history-2014"> <h1>2014 Project</h1> <table class="kyoto-history-table"> <tr><td>2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。</td> <td><img src="http://openwetware.org/images/c/c4/KyotoMember2014.jpg"></td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2013"> <h1>2013 Project</h1> <table class="kyoto-history-table"> <tr><td>2013年度のテーマは"RNA Oscillator"と"Pattern Generation"です。RNA Oscillatorは、RNAを用いて点滅のような振動を表現しようとしました。Pattern Generationでは、動物の体表などに現れる模様のパターンの再現を目指しました。アジア予選では、銀メダルを獲得しました</td> <td>2013写真</td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2012"> <h1>2012 Project</h1> <table class="kyoto-history-table"> <tr><td>2012年度のテーマは"Flower Fairy E.coli"です。御伽噺「花咲か爺さん」のように、自由自在に花を咲かせることのできる大腸菌の開発を目指しました。 アジア予選では金メダルを獲得し、見事MITで行われたWorld Championshipに出場しました。</td> <td>2012写真</td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2011"> <h1>2011 Project</h1> <table class="kyoto-history-table"> <tr><td>2011年度のテーマは「食虫大腸菌」。1,2回生を中心とする新チームで、栄養不足になると光を発して虫をおびき寄せ、捕えて、消化する、そんな「もっと生き物っぽい」新種の大腸菌の開発を目指しました。 今年初のアジア予選は惜しくも敗退、メダルは銀にとどまりました。 We'll back 2012!! </td> <td>2011写真</td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2010"> <h1>2010 Project</h1> <table class="kyoto-history-table"> <tr><td>2010年度のプロジェクトは"The Fantastic Lysisbox"です。バイオハザードの対策を考える中から細胞を溶かすことに注目しました。これはバイオハザードの防止だけでなく、製薬やさらに身近な例としてはバイオアロマなどにも応用できる優れたデバイスです。今年度の大会は11/5~11/8にかけて行われ、金賞を受賞しました。</td> <td>2010写真</td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2009"> <h1>2009 Project</h1> <table class="kyoto-history-table"> <tr><td>「今年こそは」と意気込んだ2009年は、さらにユニークなプロジェクトを2つ(Time Bomb とCells in cells)立ち上げ、主に夏休みの期間を利用して遂行し、銀賞(silver award)を受賞しました。</td> <td>2009写真</td></tr></table> </div>
<div class="kyoto-history-block" id="kyoto-history-2008"> <h1>2008 Project</h1> <table class="kyoto-history-table"> <tr><td>iGEM Kyotoは2008年度に結成しました。メンバーは様々な専攻の学部学生を主体とし、加えて修士院生とアドバイザーから構成されています。 テーマ(Raise the Titanic!)の独創性は群を抜いていましたが、残念ながら入賞を逃しました。 </td> <td>2008写真</td></tr></table> </div>
</div> </html> <html> <style>
/******************デフォルトデザイン変更・横幅設定*****************/
- sidebar-main, #contentSub, #footer{
display:none;
} p{
margin:0px; line-height:2em; background-image:url(image);
} table{
font-size:16px;
}
- globalWrapper{
-webkit-text-size-adjust:100%;
} body{
background-color:#ffffff; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
- column-content{
min-width:1024px; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; float:none; border:0px; position:relative;
}
- column-one{
position:relative; min-width:1024px; width:100%; margin-left:auto; margin-right:auto; float:none; padding:0px; z-index:2;
}
- 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;
} /*******メニューバー変更*******/
- p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
position:static; padding-left:0px; padding-right:0px; border:0px;
}
- p-cactions{
float:left; width:45%;
}
- p-personal{
float:right; width:55%;
}
- p-cactions ul, #p-personal ul{
width:100%; height:20px; position:static; padding:0px; margin:0px;
background-color:#cccccc;
}
- p-cactions ul{
float:left; text-align:right;
}
- p-personal ul{
float:right; text-align:left;
}
- 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;
}
- p-cactions ul li, #p-personal ul li{
padding-left:5px; padding-right:5px;
} .firstHeading{
display:none;
} a, a:hover{
text-decoration:none;
}
/******************コンテンツ設定*****************/
/*******HEADER*******/
- kyoto-header-line{
position:fixed; width:100%; z-index:1; border-bottom:1px solid #ffffff; background-color:#1e1e20;
}
- kyoto-header-wrapper{
position:relative; width:960px; left:50%; margin-left:-480px;
}
- kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
position:relative; width:15%; height:78px; float:left;
}
- 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;
}
- 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;
}
- kyoto-header-home{
width:62px; height:26px;
}
- kyoto-header-about{
width:65px; height:26px;
}
- kyoto-header-history{
width:77px; height:26px;
}
- kyoto-header-events{
width:72px; height:26px;
}
- kyoto-header-team{
width:58px; height:25px;
}
- kyoto-header-finance{
width:82px; height:26px;
}
- kyoto-header-contact{
width:85px; height:26px;
}
- kyoto-header-contact a{
background:none !important;
} /*******FOOTER*******/
- kyoto-footer-line{
position:relative; background-color:#1e1e20; height:190px;
}
- kyoto-footer-wrapper{
width:960px; margin-left:auto; margin-right:auto;
} .kyoto-footer{
position:relative; float:left; width:320px; height:190px;
}
- kyoto-footer-mail, #kyoto-footer-twitter{
background:transparent !important;
} .kyoto-footer img{
position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;
} /******************コンテンツ設定*****************/
- 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;
}
- kyoto-yearselect{
background-color:transparent; margin-bottom:55px;
}
- kyoto-yearselect td{
padding:0 10px 0 10px;
}
- kyoto-yearselect td a{
color:#ffffff; font-size:30px;
}
- kyoto-yearselect td a:hover{
color:#aaaaaa;
}
/*******TOP*******/
- 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;
}
- kyoto-background-color{
position:fixed; width:100%; height:100%; background-size:cover; background-color:#333333; opacity:0.8;
}
- kyoto-top-wrapper{
position:relative; width:1024px; margin-left:auto; margin-right:auto;
}
- kyoto-top-formula-wrapper{
padding:330px 0 0 0;
}
- kyoto-top-formula{
text-align:center;
}
- kyoto-top-sentence-wrapper{
padding:41px 0 130px 0;
}
- kyoto-top-sentence{
text-align:center;
} /*******ABOUT*******/
- 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;
}
- kyoto-about-jamboree{
padding:54px 50px 54px 50px; margin-bottom:30px; width:860px; background:rgba(250,250,250,0.3);
}
- kyoto-about-jamboree img{
width:100%;
} /*******HISTORY*******/
- 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;
}
- 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*******/
- 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;
}
- 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;
}
- kyoto-events-content img{
height:230px; padding-left:5px; padding-right:5px;
} .kyoto-events-photo{
max-width:763px; overflow-x:auto; white-space:nowrap;
}
- kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
display:none;
} /*******GAME*******/
- kyoto-game-background{
position:absolute; background-color:#000; opacity:0.7; display:none; width:100%; height:100%; top:0; z-index:2;
}
- kyoto-game-center{
position:fixed; width:0; height:0; left:50%; top:0; display:none; z-index:3;
}
- kyoto-game-wrapper{
position:relative; margin-left:-480px; width:960px;
}
- wrapper{
position:relative; height:498px; margin:80px 30px 0 30px; border:1px solid #000; background-color:#ffffff;
} .image{ position:absolute;
width:100px; height:80px;
}
- image0{
top:10px; left:55px;
}
- image1{
top:110px; left:55px;
}
- image2{
top:210px; left:55px;
}
- image3{
top:310px; left:55px;
}
- 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;
}
- databox img{
vertical-align:bottom;
} .menu{ position:absolute;
width:100px; height:80px;
}
- menu1{
top:410px; left:55px;
}
- menu2{
top:410px; left:210px;
}
- menu3{
top:410px; left:365px;
}
- menu4{
top:410px; left:520px;
} .area{ position:absolute;
width:898px; height:498px; font-size:60px; text-align:center;
}
- gamestart{
display:inline; background-color:#ffffff;
}
- gamestart div{
width:100%;
height:500px;
line-height:500px; }
- gameover{
display:none; background-color:#ffffff;
}
- 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*******/
- 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;
}
- 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;
}
- kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
display:none;
} /*******FINANCE*******/
- 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;
}
- kyoto-finance-chart{
padding:30px 0 30px 0; text-align:center; margin-bottom:55px; background:rgba(250,250,250,0.3);
}
</style> </html> <html> <div id="kyoto-footer-line"> <div id="kyoto-footer-wrapper">
<div class="kyoto-footer"> <a id="kyoto-footer-mail" href="mailto:igem.kyoto@gmail.com"><img src="http://openwetware.org/images/4/4b/Kyoto-footer-mail2.png"></a> </div> <div class="kyoto-footer"> <a id="kyoto-footer-twitter" href="https://twitter.com/iGEMkyoto" target="_blank"><img src="http://openwetware.org/images/d/d1/Kyoto-footer-twitter.png"></a> </div> <div class="kyoto-footer"> <a href="http://www.facebook.com/IgemKyoto" target="_blank"><img src="http://openwetware.org/images/4/46/Kyoto-footer-facebook.png"></a> </div>
</div> </div> </html> <html> <style type="text/css"> <!--
- kyoto-header-back{
background-color:#c3d8f5;
} --> </style> </html>