IGEM:Kyoto/2010: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<html lang="ja">
<html lang="ja">


Line 373: Line 372:
<body>
<body>
<div class="header1">
<div class="header1">
<img class="logo" src="iGEMKyoto2010_logo.png" alt="iGEM Kyoto 2010"><br>
<img class="logo" src="Kyoto2010-logo.png" alt="iGEM Kyoto 2010">
[[Image:Kyoto2010-logo.png]]
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">

Revision as of 21:06, 12 December 2009

<html lang="ja">

<head>

  <meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS">
  <title>HOME<!-- ここにタイトルを入れる --></title>
  <meta name="keywords" content="iGEM,Kyoto,2010,international,biology,">
  <meta name="description" content="合成生物学の大会iGEMの2010年度京都チームのホームページです。This is iGEM Kyoto 2010's homepage.">
  <style type="text/css">
  <style type="text/css">

/*全体*/ body { /*ページ外周の余白を失くす*/ margin: 0px; padding: 0px; } div.base{ width: 100%; height: 100%; background-color: #1B0B7D; margin: 0px; padding: 0px; }

p { /*段落の左右に余白を設ける*/ margin-left: 3%; margin-right: 3%; /*行間を0.2文字分ずつ上下に取る*/ line-height: 1.4em; text-indent: 1em; }

a { color: #1B0B7D; }

/*ヘッダー用*/ div.header1 { /*幅*/ width: 100%; /*文字の大きさ*/ font-size: 80%; /*文字の色*/ color: #000000; /*テキストの左右寄せ*/ text-align: center ; /*枠線からの余白*/ padding: 0.3em; /*背景色*/ background-color: white; }

/*ヘッダー用(update)*/ div.update{ font-weight: bold; font-size: 100%; float: left; }

/*ヘッダー用(言語選択)*/ div.header2 { /*文字の大きさ*/ font-size: 80%; /*文字の色*/ color: #000000; /*テキストの左右寄せ*/ text-align: right; /*背景色*/ background-color: #FFffFF; padding: 0px 4em; } /*リンク(メニュー用)*/ a.menu { color: BLACK; text-decoration: underline; } a.menu:hover { color: BLACK; text-decoration: none; }

/*ロゴ用*/ img.logo { border-width: 0px; } /*メニューバー背景*/ div.menu{ padding: 0px 0px 0px 30px; width: 100%; background-color: #1B0B7D; border-style: solid; border-width:0px 0px 2px; border-color: silver; }

/*メニューバー縦整列用*/ div.menu-vertical{ width: auto; float: left; text-align: left; background-color: #1B0B7D; }

/*メニューバーそのもの*/ ul.menu { text-align: left; color: white; margin: 0px; } /*メニューバー内の各項目について*/ ul.menu li{ height: 18px; list-style-type: none; padding: 0px 1.5em 0px 0.3em; }

/* メニューバー内のリンク */ ul.menu a{ color: white; text-decoration: none; margin: 0px; padding: 0px; }

ul.menu a:hover{ background-color: #aaccff; color: #1B0B7D; border: solid 1px 0px #1B0B7D; text-decoration: none; }

/*メニューバーで現在ページをあらわす*/ li.now a , li.now a:hover { height: 18px; font-weight: bold; background-color: #ffffff; color: #1B0B7D; padding: 0px 0.1em; }

/*エクストラメニューを隠す*/ ul.exmenu{ position:absolute; top:auto; left:auto; background-color: #ffffff; color: black; visibility: hidden; margin: 0px; border-style: solid; border-width: 0px 2px 2px; border-color: silver; }

/*エクストラメニュー内の各項目について*/ ul.exmenu li{ display: block; height: 18px; list-style-type: none; padding: 0px 0.5em; }

/*エクストラメニュー内のリンク */ ul.exmenu a { color: black; text-decoration: none; margin: 0px; padding: 0px; }

ul.exmenu a:hover { background-color: #aaccff; color: #0000cc; border: solid 1px 0px #0000cc; text-decoration: none; }

/*サブメニュー1(現在地)*/ div.submenu1{ border-style: solid; border-width: 0px 2px 2px; border-color:silver; background-color: #ffffff; width: 200px; float: left; }

/*サブメニュー1見出し*/ p.submenu{ text-align: center; color: #1B0B7D; background-color: #ffffff; font-weight: bold; font-size: 200%; text-indent: 0em;

}

/*サブメニュー2(詳細ナビ)*/ div.submenu2{ clear: both; background-color: #1B0B7D; width: 200px; text-decoration: none; border: solid 2px #1B0B7D; float: left; }

/*サブメニュー2そのもの*/ ul.submenu2 { background-color: #1B0B7D; margin: 0px; padding: 0px; } /*サブメニュー2内の各項目について*/ ul.submenu2 li { display: block; width: 200px; list-style-type: none; padding: 0.5em 0px; }

/* サブメニュ2ー内のリンク */ ul.submenu2 a { display: block; text-align: center; color: white; text-decoration: none; } ul.submenu2 a:hover { display: block; text-align: center; background-color: #aaccff; color: #1B0B7D; } /*サブメニューで現在ページをあらわす*/ li.subnow a , li.subnow a:hover { display: block; text-align: center; width: 200px; font-weight: bold; border: solid 1px #ffffff; background-color: #ffffff; color: #1B0B7D; }

/*本文用*/ div.maincontent{ border-bottom: solid 10px #ffffff; margin-left: 204px; padding: 1em; background-color: #ffffff; min-height: 200px; }

/*フッター用*/ div.footer { clear :both; width: 100%; font-size: 80%; text-align: center; background-color: #ffffff; } /*ホームsubmenu補完用*/ div.submene{ width: 200px; } /*HOME Newsロゴ用*/ div.newslogo{ clear: both; width: 200px; text-align: left; background-color: #1B0B7D; border-style: solid; border-color: #1B0B7D; border-width: 2px 2px 0px; float: left; color: white; margin: 0px; padding: 0px; } /*HOME News用*/ div.news{ border-style: solid; border-color: #1B0B7D; border-width: 0px 2px 2px; clear: both; height:10; width:200px; overflow: auto; float:left; background-color: #ffffff; }

p.news{ text-indent: 0em; font-size: 80%; }

/*見出し1*/ h1{ border-color: #1B0B7D; border-style: solid; border-width: 0px 0px 2px 30px; letter-spacing: 0.7em; padding: 0px 0px 0px 0.5em; }


/*img本文用*/ img.maincontent{ float: right; margin: 0.4em }

img.two{ float: right; height: 200px; }

img.twohalf{ float: right; height: 250px; margin: 0px 50px; }

/*通常リスト用*/ ul.order li { list-style-type: upper-roman; line-height: 1.4em; }

ul.noorder li { list-style-type: disk; line-height: 1.4em; }

ul.square li{ list-style-type: square; line-height: 1.4em; color: #1B0B7D; }

  </style>


<script type="text/javascript"> <!--

var hide1; var hide2; var hide3; var hide4; var hide5;

function pdmenu(x,y){ clearTimeout(y); document.getElementById('submenu'+x) .style.visibility="visible"; } function pdmenuhide(x){ document.getElementById('submenu'+x) .style.visibility="hidden"; } --> </script> </head>

<body> <div class="header1"> <img class="logo" src="Kyoto2010-logo.png" alt="iGEM Kyoto 2010"> [[Image:Kyoto2010-logo.png]] </div> <script type="text/javascript"> <!--

update = new Date(document.lastModified);

updatemonth = update.getMonth();

moji = new Array("January", "February", "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , "November" , "December") ;


updatedate = update.getDate();

updateyear = update.getYear(); if (updateyear < 2000){ updateyear = updateyear + 1900; }

tag1 = '<div class="update">'; tag2 = "</div>"; tag3 = "&nbsp;";

updatetext = tag1 + "Last Update: " + moji[updatemonth] + " " + updatedate + ", " + updateyear + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag2;

document.write(updatetext);

// --> </script> <div class="header2"> <!-- 言語選択 --> <a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">日本語</a> <!-- / <a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010.en/">English</a> --> </div>

<!-- 以下メインメニューバー --> <div class="menu"> <div class="menu-vertical"> <ul class="menu"> <li class="now"><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">HOME</a></li> </ul> </div>

<div class="menu-vertical" onMouseOver="pdmenu(1,hide1)" onMouseOut="hide1=setTimeout('pdmenuhide(1)',500)"> <ul class="menu"> <li><a>About iGEM Kyoto</a></li> </ul> <ul class="exmenu" id="submenu1"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/what/">What's iGEM?</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/history/">History of iGEM Kyoto</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/member/">Member</a></li> </ul> </div>

<div class="menu-vertical" onMouseOver="pdmenu(2,hide2)" onMouseOut="hide2=setTimeout('pdmenuhide(2)',500)"> <ul class="menu"> <li><a>Project</a></li> </ul> <ul class="exmenu" id="submenu2"> <li><a>Under construction</a> <!-- <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/abstruct/">Abstruct</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/motivation/">Motivation</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/strategy/">Strategy</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/result/">Result</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/discussion/">Discussion</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/refference/">Refference</a></li> --> </ul> </div>

<div class="menu-vertical" onMouseOver="pdmenu(3,hide3)" onMouseOut="hide3=setTimeout('pdmenuhide(3)',500)"> <ul class="menu"> <li><a>Labnotes</a></li> </ul> <ul class="exmenu" id="submenu3"> <li><a>Under construction</a></li> </ul> </div>

<div class="menu-vertical" onMouseOver="pdmenu(4,hide4)" onMouseOut="hide4=setTimeout('pdmenuhide(4)',500)"> <ul class="menu"> <li><a>Meeting</a></li> </ul> <ul class="exmenu" id="submenu4"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/meeting1/">January</a></li> </ul> </div>

<div class="menu-vertical" onMouseOver="pdmenu(5,hide5)" onMouseOut="hide5=setTimeout('pdmenuhide(5)',500)"> <ul class="menu"> <li><a>Protocol</a></li> </ul> <ul class="exmenu" id="submenu5"> <li><a>Under construction</a></li> </ul> </div>

<div class="menu-vertical"> <ul class="menu"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/event/">Schedule</a></li> </ul> </div>

<div class="menu-vertical"> <ul class="menu"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/contact/">Contact</a></li> </ul> </div>

<div class="menu-vertical"> <ul class="menu"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/link/">Link</a></li> </ul> </div> <div class="menu-vertical"> <ul class="menu"> <li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/site-map/">Site Map</a></li> </ul> </div> </div> <div class="base"> <div class="submenu1"> <p class="submenu">HOME</p> </div>

<div class="newslogo"> <p><strong>What's new?</strong></p> </div>

<div class="news"> <p class="news"> 2009/12/xx<br> iGEM Kyoto HP Renewal!! </p> </div>

<div class="maincontent"> <h1>2010年度メンバー募集中</h1> <p>iGEN Kyotoでは2010年度新規メンバーを募集しています。<br> 回生、学部、国籍は問いません。実験はもちろんのこと、ホームページ作成・資金集め・シュミレーションなど活動内容は多岐にわたります。<br> 興味がある方は<a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/contact/">こちらから</a>連絡をしてください。<br></p> <h1>お知らせ</h1> <ul class="noorder"> <li>iGEM Kyotoの2009年度の活動内容と成果が京都大学公式ホームページで紹介されました。 <a href="http://www.kyoto-u.ac.jp/ja/news_data/h/h1/news7/2009/091102_2.htm">こちらから</a>ご覧になれます。</li> </ul> </div>

<div class="footer"> <hr width="100%"> <a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">HOMEに戻る</a> <p>Copyright &copy;2009 iGEM Kyoto 2010 </p> </div> </div> </body> </html>