Team:Kyoto/GSDD/ab

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<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" >
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<html lang="ja">
Line 19: Line 9:
   <meta name="keywords" content="iGEM,Kyoto,2010,international,biology,">
   <meta name="keywords" content="iGEM,Kyoto,2010,international,biology,">
   <meta name="description" content="合成生物学の大会iGEMの2010年度京都チームのホームページです。This is iGEM Kyoto 2010's homepage.">
   <meta name="description" content="合成生物学の大会iGEMの2010年度京都チームのホームページです。This is iGEM Kyoto 2010's homepage.">
-
   <link rel="stylesheet" type="text/css" href="iGEMKyoto2010.css">
+
   <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;
 +
}
-
<script type="text/javascript">
+
p {
-
<!--  
+
/*段落の左右に余白を設ける*/
 +
margin-left: 3%;
 +
margin-right: 3%;
 +
/*行間を0.2文字分ずつ上下に取る*/
 +
line-height: 1.4em;
 +
text-indent: 1em;
 +
}
 +
 +
a {
 +
color: #1B0B7D;
 +
}
-
var hide1;
+
/*ヘッダー用*/
-
var hide2;
+
div.header1 {
-
var hide3;
+
/*幅*/
-
var hide4;
+
width: 100%;
-
var hide5;
+
/*文字の大きさ*/
 +
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;
 +
}
-
function pdmenu(x,y){
+
/*ヘッダー用(言語選択)*/
-
clearTimeout(y);
+
div.header2 {
-
document.getElementById('submenu'+x)
+
/*文字の大きさ*/
-
.style.visibility="visible";
+
font-size: 80%;
 +
/*文字の色*/
 +
color: #000000;
 +
/*テキストの左右寄せ*/
 +
text-align: right;
 +
/*背景色*/
 +
background-color: #FFffFF;
 +
padding: 0px 4em;
}
}
-
function pdmenuhide(x){
+
/*リンク(メニュー用)*/
-
document.getElementById('submenu'+x)
+
a.menu {
-
.style.visibility="hidden";
+
color: BLACK;
 +
text-decoration: underline;
 +
}
 +
a.menu:hover {
 +
color: BLACK;
 +
text-decoration: none;
}
}
-
  -->
 
-
</script>
 
-
</head>
 
-
<body>
+
/*ロゴ用*/
-
<div class="header1">
+
img.logo {
-
<img class="logo" src="iGEMKyoto2010_logo.png" alt="iGEM Kyoto 2010"><br>
+
border-width: 0px;
-
</div>
+
}
-
<script type="text/javascript">
+
/*メニューバー背景*/
-
<!--  
+
div.menu{
 +
padding: 0px 0px 0px 30px;
 +
width: 100%;
 +
background-color: #1B0B7D;
 +
border-style: solid;
 +
border-width:0px 0px 2px;
 +
border-color: silver;
 +
}
-
update = new Date(document.lastModified);
+
/*メニューバー縦整列用*/
 +
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;
 +
}
-
updatemonth = update.getMonth();
+
/* メニューバー内のリンク */
 +
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;
 +
}
-
moji = new Array("January", "February", "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , "November" , "December") ;
+
/*メニューバーで現在ページをあらわす*/
 +
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;
 +
}
-
updatedate = update.getDate();
+
/*サブメニュー1見出し*/
-
 
+
p.submenu{
-
updateyear = update.getYear();
+
text-align: center;
-
if (updateyear < 2000){
+
color: #1B0B7D;
-
updateyear = updateyear + 1900;
+
background-color: #ffffff;
 +
font-weight: bold;
 +
font-size: 200%;
 +
text-indent: 0em;
 +
}
}
-
tag1 = '<div class="update">';
+
/*サブメニュー2(詳細ナビ)*/
-
tag2 = "</div>";
+
div.submenu2{
-
tag3 = "&nbsp;";
+
clear: both;
 +
background-color: #1B0B7D;
 +
width: 200px;
 +
text-decoration: none;
 +
border: solid 2px #1B0B7D;
 +
float: left;
 +
}
-
updatetext = tag1 + "Last Update: " + moji[updatemonth] + " " + updatedate + ", " + updateyear + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag2;
+
/*サブメニュー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;
 +
}
-
document.write(updatetext);
+
/* サブメニュ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;
 +
}
-
// -->
+
/*本文用*/
-
</script>
+
div.maincontent{
-
<div class="header2"> <!-- 言語選択 -->
+
border-bottom: solid 10px #ffffff;
-
<a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">日本語</a>
+
margin-left: 204px;
-
<!-- /
+
padding: 1em;
-
<a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010.en/">English</a>
+
background-color: #ffffff;
-
-->
+
min-height: 200px;
-
</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)">
+
div.footer {
-
<ul class="menu">
+
clear :both;
-
<li><a>About iGEM Kyoto</a></li>
+
width: 100%;
-
</ul>
+
font-size: 80%;
-
<ul class="exmenu" id="submenu1">
+
text-align: center;
-
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/what/">What's iGEM?</a></li>
+
background-color: #ffffff;
-
<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>
+
/*ホームsubmenu補完用*/
-
</ul>
+
div.submene{
-
</div>
+
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;
 +
}
-
<div class="menu-vertical" onMouseOver="pdmenu(2,hide2)"
+
p.news{
-
onMouseOut="hide2=setTimeout('pdmenuhide(2)',500)">
+
text-indent: 0em;
-
<ul class="menu">
+
font-size: 80%;
-
<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)"
+
/*見出し1*/
-
onMouseOut="hide3=setTimeout('pdmenuhide(3)',500)">
+
h1{
-
<ul class="menu">
+
border-color: #1B0B7D;
-
<li><a>Labnotes</a></li>
+
border-style: solid;
-
</ul>
+
border-width: 0px 0px 2px 30px;
-
<ul class="exmenu" id="submenu3">
+
letter-spacing: 0.7em;
-
<li><a>Under construction</a></li>
+
padding: 0px 0px 0px 0.5em;
-
</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)"
+
/*img本文用*/
-
onMouseOut="hide5=setTimeout('pdmenuhide(5)',500)">
+
img.maincontent{
-
<ul class="menu">
+
float: right;
-
<li><a>Protocol</a></li>
+
margin: 0.4em
-
</ul>
+
}
-
<ul class="exmenu" id="submenu5">
+
-
<li><a>Under construction</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="menu-vertical">
+
img.two{
-
<ul class="menu">
+
float: right;
-
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/event/">Schedule</a></li>
+
height: 200px;
-
</ul>
+
}
-
</div>
+
-
<div class="menu-vertical">
+
img.twohalf{
-
<ul class="menu">
+
float: right;
-
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/contact/">Contact</a></li>
+
height: 250px;
-
</ul>
+
margin: 0px 50px;
-
</div>
+
}
-
<div class="menu-vertical">
+
/*通常リスト用*/
-
<ul class="menu">
+
ul.order li {
-
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/link/">Link</a></li>
+
list-style-type: upper-roman;
-
</ul>
+
line-height: 1.4em;
-
</div>
+
}
-
<div class="menu-vertical">
+
-
<ul class="menu">
+
ul.noorder li {
-
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/site-map/">Site Map</a></li>
+
list-style-type: disk;
-
</ul>
+
line-height: 1.4em;
-
</div>
+
}
-
</div>
+
-
<div class="base">
+
ul.square li{
-
<div class="submenu1">
+
list-style-type: square;
-
<p class="submenu">HOME</p>
+
line-height: 1.4em;
-
</div>
+
color:  #1B0B7D;
-
 
+
}
-
<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>
 
</style>
</style>

Revision as of 04:29, 13 December 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HOME<!-- ここにタイトルを入れる -->


2009/12/xx
iGEM Kyoto HP Renewal!!

2010年度メンバー募集中

iGEN Kyotoでは2010年度新規メンバーを募集しています。
回生、学部、国籍は問いません。実験はもちろんのこと、ホームページ作成・資金集め・シュミレーションなど活動内容は多岐にわたります。
興味がある方はこちらから連絡をしてください。

お知らせ

  • iGEM Kyotoの2009年度の活動内容と成果が京都大学公式ホームページで紹介されました。 こちらからご覧になれます。