IGEM:Kyoto/link

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html lang="ja">
<html lang="ja">
<head>
<head>
 +
  <meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS">
 +
   <title>Link<!-- ここにタイトルを入れる --></title>
   <title>Link<!-- ここにタイトルを入れる --></title>
-
<script type="text/javascriptt">
+
  <meta name="keywords" content="iGEM,Kyoto,2010,international,biology,">
-
/*jquery-1.2.2.pack.js*/
+
  <meta name="description" content="合成生物学の大会iGEMの2010年度京都チームのホームページです。This is iGEM Kyoto 2010's homepage.">
-
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(J(){7(1e.19)L w=1e.19;L E=1e.19=J(a,b){K 1D E.2m.4Y(a,b)};7(1e.$)L D=1e.$;1e.$=E;L u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/;L G=/^.[^:#\\[\\.]*$/;E.1i=E.2m={4Y:J(d,b){d=d||T;7(d.15){6[0]=d;6.M=1;K 6}N 7(1v d=="25"){L c=u.39(d);7(c&&(c[1]||!b)){7(c[1])d=E.5c([c[1]],b);N{L a=T.5N(c[3]);7(a)7(a.2s!=c[3])K E().2r(d);N{6[0]=a;6.M=1;K 6}N d=[]}}N K 1D E(b).2r(d)}N 7(E.1q(d))K 1D E(T)[E.1i.21?"21":"43"](d);K 6.6G(d.1n==1N&&d||(d.5j||d.M&&d!=1e&&!d.15&&d[0]!=10&&d[0].15)&&E.2H(d)||[d])},5j:"1.2.2",82:J(){K 6.M},M:0,22:J(a){K a==10?E.2H(6):6[a]},2E:J(b){L a=E(b);a.56=6;K a},6G:J(a){6.M=0;1N.2m.1h.1j(6,a);K 6},V:J(a,b){K E.V(6,a,b)},5E:J(b){L a=-1;6.V(J(i){7(6==b)a=i});K a},1K
+
<style type="text/css">
 +
/*全体*/
 +
body {
 +
/*ページ外周の余白を失くす*/
 +
margin: 0px;
 +
padding: 0px;
 +
                font-family: sans-serif;
 +
}
 +
div.base{
 +
width: 100%;
 +
height: 100%;
 +
background-color: #1B0B7D;
 +
margin: 0px;
 +
padding: 0px;
 +
}
-
/*ajaxcodedisplay-or.js*/
+
p {
-
// when the web page is ready
+
/*段落の左右に余白を設ける*/
-
$(document).ready(
+
margin-left: 3%;
-
  function(){
+
margin-right: 3%;
-
    // get all links with the class codeexample and apply a function
+
/*行間を0.2文字分ずつ上下に取る*/
-
    $('a.codeexample').each(
+
line-height: 1.4em;
-
      function(){
+
text-indent: 1em;
-
        // if the class 'dodisplay' is present
+
                font-size: 130%;
-
        if(this.className.indexOf('dodisplay') !==- 1){
+
}
-
          // add functionality to toggle the display of the output
+
-
          $(this).toggle(
+
a { 
-
            // on the first click and subsequent odd clicks
+
color: #1B0B7D;
-
             function(){
+
}
-
              // create an IFRAME after the element that shows the document
+
 
-
              // the original link points to
+
/*ヘッダー用*/
-
              $(this).after('<iframe class="codeexample" src='+this.href+'></iframe>');
+
div.header1 {
-
              // store the original text in the link and change it to 'close'
+
/*幅*/
-
              this.oldhtml = this.innerHTML;
+
width: 100%;
-
              this.innerHTML = 'close';
+
/*文字の大きさ*/
-
            },
+
font-size: 80%;
-
            // on the second and subsequent even clicks
+
/*文字の色*/
-
            function(){
+
color: #000000;
-
              // remove the IFRAME and change the link text back to the old text
+
/*テキストの左右寄せ*/
-
              this.parentNode.removeChild(this.nextSibling);
+
text-align: center ;
-
              this.innerHTML = this.oldhtml;
+
/*枠線からの余白*/
-
            }
+
padding: 0.3em;
-
          );
+
/*背景色*/
 +
background-color: white;
 +
}
 +
 
 +
/*ヘッダー用(update)*/
 +
div.update{
 +
font-weight: bold;
 +
font-size: 120%;
 +
float: left;
 +
}
 +
 +
/*ヘッダー用(言語選択)*/
 +
div.header2 {
 +
/*文字の大きさ*/
 +
font-size: 100%;
 +
/*文字の色*/
 +
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{
 +
                margin:0px;
 +
padding: 0px 0px 0px 30px;
 +
width: 100%;
 +
background-color: #1B0B7D;
 +
border-style: solid;
 +
border-width:0px 0px 2px;
 +
border-color: silver;
 +
}
 +
 
 +
/*メニューバー縦整列用*/
 +
div.menu-vertical{
 +
                margin:0px;
 +
        padding: 0px;
 +
width: auto;
 +
float: left;
 +
text-align: left;
 +
background-color: #1B0B7D;
 +
}
 +
 +
/*メニューバーそのもの*/
 +
ul.menu {
 +
                font-size:110%;
 +
text-align: left;
 +
margin: 0px;
 +
                padding: 0px;
 +
}
 +
/*メニューバー内の各項目について*/
 +
ul.menu {
 +
list-style-type: none;
 +
margin: 0px;
 +
                padding: 0px;              
 +
padding: 0px 1.5em 0px 0.3em;
 +
list-style-image: none;
 +
}
 +
 
 +
/* メニューバー内のリンク */
 +
ul.menu a{
 +
color: white;
 +
text-decoration: none;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
ul.menu a:hover{
 +
background-color: #aaccff;
 +
color: #1B0B7D;
 +
border: solid 1px #1B0B7D;
 +
text-decoration: none;
 +
margin: 0px;
 +
                padding: 0px;
 +
}
 +
 
 +
/*メニューバーで現在ページをあらわす*/
 +
li.now a , li.now a:hover {
 +
font-weight: bold;
 +
background-color: #ffffff;
 +
color: #1B0B7D;
 +
margin: 0px;
 +
                padding: 0px;
 +
                border: solid 3px white;
 +
}
 +
 
 +
/*エクストラメニューを隠す*/
 +
ul.exmenu{
 +
                font-size:110%;
 +
position:absolute;
 +
top:auto;
 +
left:auto;
 +
background-color: #ffffff;
 +
color: black;
 +
visibility: hidden;
 +
                margin: 0px;
 +
padding: 0.4em 0px;
 +
border-style: solid;
 +
border-width: 0px 2px 2px;
 +
border-color: silver;
 +
}
 +
 +
/*エクストラメニュー内の各項目について*/
 +
ul.exmenu li{
 +
display: block;
 +
height: 23px;
 +
list-style-type: none;
 +
padding: 0px 0.5em;
 +
list-style-image: none;
 +
}
 +
 +
/*エクストラメニュー内のリンク */
 +
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 0px #1B0B7D;
 +
float: left;
 +
}
 +
 +
/*サブメニュー2そのもの*/
 +
ul.submenu2 {
 +
background-color: #1B0B7D;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
/*サブメニュー2内の各項目について*/
 +
ul.submenu2 li {
 +
margin: 0px;
 +
                padding: 0px;
 +
display: block;
 +
width: 200px;
 +
list-style-type: none;
 +
padding: 0.5em 0px;
 +
list-style-image: none;
 +
}
 +
 
 +
/* サブメニュ2ー内のリンク */
 +
ul.submenu2 a {
 +
display: block;
 +
text-align: center;
 +
color: white;
 +
text-decoration: none;
 +
margin: 0px;
 +
                padding: 0px;
 +
}
 +
ul.submenu2 a:hover {
 +
display: block;
 +
text-align: center;
 +
background-color: #aaccff;
 +
color: #1B0B7D;
 +
margin: 0px;
 +
                padding: 0px;
 +
}
 +
/*サブメニューで現在ページをあらわす*/
 +
li.subnow a , li.subnow a:hover {
 +
display: block;
 +
text-align: center;
 +
width: 200px;
 +
margin: 0px;
 +
                padding: 0px;
 +
font-weight: bold;
 +
border: solid 3px #ffffff;
 +
background-color: #ffffff;
 +
color: #1B0B7D;
 +
list-style-image: none;
 +
}
 +
 
 +
/*本文用*/
 +
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;
 +
}
 +
        div.footer a{
 +
                font-size:130%;
         }
         }
-
        // store the link reference in 'link'
+
/*ホームsubmenu補完用*/
-
        var link = this;
+
div.submene{
-
        // are there any highlights to be done?
+
width: 200px;
-
        var highlights = this.className.match(/highlight\[([^\]]+)/);
+
}
-
        // shall I only display a range of lines?
+
/*HOME Newsロゴ用*/
-
        var boundaries = this.className.match(/lines\[([^\]]+)/);
+
div.newslogo{
-
        // convert the ranges defined in classes to arrays
+
clear: both;
-
        // [1,5-7,12-15] => [1,5,6,7,12,13,14,15]
+
width: 200px;
-
        var getrange = function(range){
+
text-align: left;
-
          var elms = range.split(',');
+
background-color: #1B0B7D;
-
          var range = [];
+
border-style: solid;
-
          for(var i=0,j=elms.length;i<j;i++){
+
border-color: #1B0B7D;
-
            if(elms[i].indexOf('-')===-1){
+
border-width: 2px 2px 0px;
-
              range.push(+elms[i]);
+
float: left;
-
            } else {
+
color: white;
-
              var s = +elms[i].split('-')[0];
+
margin: 0px;
-
              var e = +elms[i].split('-')[1];
+
padding: 0px;
-
              for(s;s<=e;s++){
+
}
-
                range.push(+s);
+
/*HOME News用*/
-
              };
+
div.news{
-
            };
+
border-style: solid;
-
          };
+
border-color: #1B0B7D;
-
          return range;
+
border-width: 0px 2px 2px;
-
        };
+
clear: both;
-
        // convert code returned from the Ajax call
+
height:10;
-
        var convert = function(code){
+
width:200px;  
-
          // define output array
+
overflow: auto;
-
          var codeout = [];
+
float:left;
-
          // replace HTML special chars
+
background-color: #ffffff;
-
          // change tabs to spaces
+
}
-
          code = code.replace(/\t/g,'  ');
+
-
          // split code on newlines to get the lines
+
p.news{
-
          var lines = code.split(/\r?\n/);
+
text-indent: 0em;
-
          // if there are highlights to be done
+
font-size: 100%;
-
          if(highlights){
+
}
-
            // get the full highlight range and loop over it
+
-
            var tohighlight = getrange(highlights[1]);
+
/*見出し1*/
-
            for(var i=0,j=tohighlight.length;i<j;i++){
+
h1{
-
              // ger the appropriate line and add strong elements
+
display:none;
-
              // around it
+
}
-
              var line = lines[tohighlight[i]-1];
+
-
              if(line){
+
h3{
-
                lines[tohighlight[i]-1] = '<strong>' + line + '</strong>';
+
border-color: #1B0B7D;
-
              };
+
border-style: solid;
-
            };
+
border-width: 0px 0px 2px 30px;
-
          };
+
letter-spacing: 0.7em;
-
          // if there are only a few lines to be displayed
+
padding: 0.5em 0px 0.5em 0.5em;
-
          if(boundaries){
+
font-size: 200%;
-
            // get all the needed lines and loop over them
+
-
            var chunk = getrange(boundaries[1]);
+
-
            for(var i=0,j=chunk.length;i<j;i++){
+
-
              var line = lines[chunk[i]-1];
+
-
                // add spacers in between different line blocks
+
-
              if(i>0 && chunk[i] !== (chunk[i-1])+1){
+
-
                codeout.push('[...]');
+
-
              };
+
-
              // add a span with the line number, followed by a tab
+
-
              if(line){
+
-
                var html = '<span>'+(chunk[i])+'</span>\t'+line;
+
-
                codeout.push(html);
+
-
              };
+
-
            };
+
-
          // if there are no boundaries just add line numbers to each line
+
-
          } else {
+
-
            for(var i=0,j=lines.length;i<j;i++){
+
-
              var html = lines[i];
+
-
              codeout.push(html);
+
-
            };
+
-
          };
+
-
          // create a pre with a code and the joined output after the link
+
-
          $(link).after(
+
-
            '<div class="codeexample"><span>' +
+
-
              codeout.join('\n') +
+
-
            '</span></div>'
+
-
          );
+
-
        };
+
-
        // do the ajax, timeout after 100 milliseconds if the
+
-
        // document is not available
+
-
        $.ajax({
+
-
            url:this.href,
+
-
            timeout:500,
+
-
            success:convert
+
-
        });
+
-
      }
+
-
    );
+
-
  }
+
-
);
+
-
</script>
+
-
</head>
+
-
<body><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/css" class="codeexample"></a></body>
+
}
 +
 +
 +
/*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;
 +
list-style-image: none;
 +
                font-size:130%;
 +
                padding:0em 0em 0em 0.3em;
 +
}
 +
 +
ul.noorder li {
 +
list-style-type: disk;
 +
line-height: 1.4em;
 +
list-style-image: none;
 +
                font-size:130%;
 +
                padding:0em 0em 0em 0.3em;
 +
}
 +
 +
ul.square li{
 +
list-style-type: square;
 +
line-height: 1.4em;
 +
color:  #1B0B7D;
 +
list-style-image: none;
 +
                font-size:130%;
 +
                padding:0em 0em 0em 0.3em;
 +
}
 +
</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>
<body>
 +
<div class="header1">
 +
<img class="logo" src="http://openwetware.org/images/6/69/Kyoto2010-logo.png" alt="iGEM Kyoto 2010"><br>
 +
 +
</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="base">

Revision as of 10:16, 13 December 2009

Link<!-- ここにタイトルを入れる -->


Personal tools