Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
<html>
-
<head>
+
<body>
-
</head>
+
-
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_HokkaidoU_Japan">
 
-
  <div id="globalWrapper">
 
-
    <div id="top-section">
+
    <script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
-
<div id="p-logo">
+
-
    <a href="/Main_Page"
+
-
      title="Main Page">
+
-
    <img src='/wiki/skins/common/images/wiki.png'>"
+
-
    </a>
+
-
</div>  <!-- end p-logo -->
+
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
 +
    <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
-
<div id="menubar" class='left-menu noprint'>
+
    <div id="hokkaidou-container">
-
  <ul>
+
        <div id="hokkaidou-content">
-
                  <li
+
-
                class='selected'       ><a href="/Team:HokkaidoU_Japan">Page              </a></li>
+
-
              <li
+
-
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:HokkaidoU_Japan&amp;action=edit&amp;redlink=1">Discussion              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=edit">View source              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=history">History              </a></li>
+
-
              <li
+
-
                    ><a href="/Special:MovePage/Team:HokkaidoU_Japan">Move              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=watch">Watch              </a></li>
+
-
              <li style='color:#808080;cursor:default'>teams</li>
+
-
  </ul>
+
-
</div> <!-- end menubar (left) -->
+
-
<div class="right-menu noprint" id="menubar">
+
                    <div id="lofslidecontent45" class="lof-slidecontent">
-
    <ul>
+
                        <div style="display: none;" class="preload">
-
                <li id="pt-userpage"><a href="/User:MChowdhury" title="Your user page [.]" accesskey="." class="new">MChowdhury</a></li>                             <li id='pt-preferences'><a href='http://igem.org/User_Information' title='My account'>My account</a></li>
+
                            <div>
-
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:HokkaidoU_Japan" title="Log out">Log out</a></li>     </ul>
+
                            </div>
-
</div><!-- end right menubar -->
+
                        </div>
 +
                        <div class="lof-main-outer">
 +
                            <ul  class="lof-main-wapper">
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia & Cooper 2012 Team</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia University</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Cooper Union for the Advancement of Science and Art</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Genetics</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Copper Etching</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Effects of A. ferrooxidans</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Maker Faire (Copyright © Andrew Cribb)</h2>
 +
                                    </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="lof-navigator-wapper">
 +
                            <div class="lof-navigator-outer">
-
<div id="search-controls" class="noprint">
 
-
<form action="/Special:Search" id="searchform">
 
-
<input id="searchInput" name="search" type="text" title="Search 2011.igem.org [f]" accesskey="f" value="" />
 
-
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 
-
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 
-
</form>
 
-
</div> <!-- close search controls -->
 
-
    </div> <!-- close top-section-->
 
-
    <div id="content">
 
-
<a name="top" id="top"></a>
 
-
<h1 class="firstHeading">Team:HokkaidoU Japan</h1>
 
-
<div id="bodyContent">
 
-
<h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
 
-
<div id="contentSub"></div>
 
-
<!--
 
-
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 
-
<!-- start content -->
 
-
<p>
 
-
<script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
 
-
<style type="text/css">
 
-
@charset "utf-8";
 
-
/* CSS Document */
 
-
.lof-slidecontent, .lof-slidecontent a {
 
-
color:#FFF;
 
-
}
 
-
.lof-slidecontent a.readmore{
 
-
color:#58B1EA;
 
-
font-size:95%;
 
-
 
-
}
 
-
.lof-slidecontent{
 
-
position:relative;
 
-
overflow:hidden;
 
-
border:#F4F4F4 solid 1px;
 
-
margin: 0 auto 30px auto;
 
-
border-radius: 4px;
 
-
}
 
-
.lof-slidecontent .preload{
 
-
height:100%;
 
-
width:100%;
 
-
position:absolute;
 
-
top:0;
 
-
left:0;
 
-
z-index:100000;
 
-
text-align:center;
 
-
background:#FFF
 
-
}
 
-
.lof-slidecontent .preload div{
 
-
height:100%;
 
-
width:100%;
 
-
background:transparent url(http://2011.igem.org/wiki/images/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
 
-
}
 
-
.lof-main-outer{
 
-
position:relative;
 
-
height:100%;
 
-
width:900px;
 
-
z-index:3px;
 
-
overflow:hidden;
 
-
}
 
 +
                                <ul class="lof-navigator">
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
 +
                                    </li>
 +
                                </ul>
-
/*******************************************************/
 
-
.lof-main-item-desc{
 
-
z-index:100px;
 
-
position:absolute;
 
-
bottom:55px;
 
-
left:0px;
 
-
background:url(http://2011.igem.org/wiki/images/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
 
-
height:1.5em;
 
-
/* filter:0.7(opacity:60) */
 
-
padding:10px;
 
-
overflow: hidden;
 
-
}
 
-
.lof-main-item-desc p{
 
-
margin:0 8px;
 
-
padding:0 0;
 
-
font-size: small;
 
-
line-height: 1.2em;
 
-
}
 
-
.lof-main-item-desc h3{
 
-
padding:0;
 
-
margin:0;
 
-
color: #fff;
 
-
font-size: small;
 
-
border-left: none;
 
-
}
 
-
.lof-main-item-desc h2{
 
-
padding:0;
 
-
margin:15px 0 0 0;
 
-
color: #fff;
 
-
border-bottom: none;
 
-
font-weight:bold;
 
-
}
 
-
.lof-main-item-desc h3 a{
 
-
margin:0;
 
-
background:#C01F25;
 
-
font-size:75%;
 
-
padding:2px 3px;
 
-
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
 
-
text-transform:uppercase;
 
-
text-decoration:none
 
-
}
 
-
.lof-main-item-desc h3 a:hover{
 
-
text-decoration:underline;
+
                            </div>
-
}
+
                        </div>
-
.lof-main-item-desc h3 i {
+
                    </div>
-
font-size:70%;
+
 
-
}
+
 
 +
 
 +
                <div id="hokkaidou-right-content">
 +
                </div>
 +
 
 +
 
 +
        </div>
 +
    </div>
 +
 
-
/* main flash */
 
-
ul.lof-main-wapper{
 
-
/* margin-right:auto; */
 
-
overflow:hidden;
 
-
background:transparent url(http://2011.igem.org/wiki/images/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
 
-
padding:0px;
 
-
margin:0;
 
-
position:absolute;
 
-
overflow:hidden;
 
-
}
 
-
ul.lof-main-wapper li{
 
-
overflow:hidden;
 
-
padding:0px;
 
-
margin:0px;
 
-
float:left;
 
-
position:relative;
 
-
}
 
-
.lof-opacity  li{
 
-
position:absolute;
 
-
top:0;
 
-
left:0;
 
-
float:inherit;
 
-
}
 
-
ul.lof-main-wapper li img{
 
-
padding:0px;
 
-
}
 
-
/* item navigator */
 
-
.lof-navigator-wapper {
 
-
position:absolute;
 
-
bottom:10px;
 
-
right:10px;
 
-
background:url(http://2011.igem.org/wiki/images/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
 
-
padding:5px 0px;
 
-
}
 
-
.lof-navigator-outer{
 
-
position:relative;
 
-
z-index:100;
 
-
height:180px;
 
-
width:310px;
 
-
overflow:hidden;
 
-
color:#FFF;
 
-
float:left
 
-
}
 
-
ul.lof-navigator{
 
-
top:0;
 
-
padding:0;
 
-
margin:0;
 
-
position:absolute;
 
-
width:100%;
 
-
}
 
-
ul.lof-navigator li{
 
-
cursor:hand;
 
-
cursor:pointer;
 
-
list-style:none;
 
-
padding:0;
 
-
margin-left:0px;
 
-
overflow:hidden;
 
-
float:left;
 
-
display:block;
 
-
text-align:center;
 
-
}
 
-
ul.lof-navigator li img{
 
-
border:#666 solid 3px;
 
-
}
 
-
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
 
-
border:#A8A8A8 solid 3px;
 
-
}
 
-
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
 
-
display:block;
 
-
width:22px;
 
-
height:30px;
 
-
color:#FFF;
 
-
cursor:pointer;
 
-
}
 
-
.lof-navigator-wapper .lof-next {
 
-
float:left;
 
-
text-indent:-999px;
 
-
margin-right:5px;
 
-
background:url(http://2011.igem.org/wiki/images/9/9c/IGEM_HokkaidoU_Index_Slideshow_Arrow-l.png) no-repeat right center;
 
-
}
 
-
.lof-navigator-wapper .lof-previous {
 
-
float:left;
 
-
text-indent:-999px;
 
-
margin-left:5px;
 
-
background:url(http://2011.igem.org/wiki/images/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
 
-
}
 
-
</style>
 
-
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis|Miltonian|Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
 
-
</p><p><style>
 
-
/*
 
-
* Reset iGEM Wiki CSS. Use this with Template:Team:HokkaidoU_Japan/css/reset.css
 
-
*/
 
-
#top-section{
 
-
    position: absolute;
 
-
    width: 100%;
 
-
    height: 0;
 
-
    border: none;
 
-
}
 
-
#top-section #menubar.left-menu{
 
-
    position: absolute;
 
-
    top: 0; left: 0;
 
-
}
 
-
#top-section #menubar.right-menu{
 
-
    position: absolute;
 
-
    top: 0; right: 0;
 
-
}
 
-
.editsection,
 
-
#top-section #p-logo,
 
-
#top-section #search-controls,
 
-
#content h1.firstHeading,
 
-
#content #bodyContent #contentSub,
 
-
#content #bodyContent p,    /* holly crap, they have p element for script tag and no id and no class... */
 
-
#catlinks{
 
-
    display: none;
 
-
}
 
-
#globalWrapper,
 
-
#globalWrapper #content{
 
-
    background: none;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    border: none;
 
-
    width: auto;
 
-
}
 
-
#footer-box {
 
-
border-top: 1px solid #E4E4E4;
 
-
border-right: 0px;
 
-
border-bottom: 0px;
 
-
border-left: 0px;
 
-
}
 
-
/* because I hide p element in #bodyContent */
 
-
#content #bodyContent div p{
 
-
    display: block;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
.editsection{
 
-
    font-size: 9px;
 
-
    font-weight: normal;
 
-
}
 
-
.thumbinner{
 
-
    -webkit-border-radius: 4px;
 
-
    -moz-border-radius: 4px;
 
-
    border-radius: 4px;
 
-
}
 
-
#menubar{
 
-
    font-size: 10px;
 
-
}
 
-
#menubar ul{
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    width: auto;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);
 
-
@import url(http://fonts.googleapis.com/css?family=Miltonian);
 
-
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
 
-
body{
 
-
    font-size: 100%;
 
-
    font-family: 'Terminal Dosis', sans-serif;
 
-
    background: #ffffff;
 
-
    color: #3e3e3e;
 
-
    letter-spacing: 0.1em;
 
-
}
 
-
a{
 
-
    text-decoration: none;
 
-
    color: #5a7bf8;
 
-
}
 
-
a:visited { color: #4f6ddc; }
 
-
a:hover {
 
-
    text-decoration: none;
 
-
    color: #525bb8;
 
-
}
 
-
a:active { color: #4f6ddc; }
 
-
p{
 
-
    margin: 0 0 1.5em 0;
 
-
    text-indent: 0.5em;
 
-
    line-height: 1.5em;
 
-
}
 
-
p:last-child {
 
-
    margin-bottom: 0;
 
-
}
 
-
h1, h2, h3, h4, h5, h6{
 
-
    font-family: 'Josefin Sans', sans-serif;
 
-
    font-weight: normal;
 
-
    letter-spacing: 0.15em;
 
-
    margin: 2em 0 1em 0;
 
-
    padding: 0;
 
-
}
 
-
h1:first-child, h2:first-child, h3:first-child,
 
-
h4:first-child, h5:first-child, h6:first-child {
 
-
    margin-top: 0;
 
-
}
 
-
h1{
 
-
    border-bottom: 1px solid #e4e4e4;
 
-
    line-height: 1.2em;
 
-
}
 
-
h2{
 
-
    border-bottom: 1px dotted #e4e4e4;
 
-
}
 
-
ul, ol{
 
-
    margin: 1em 0 1em 0;
 
-
    padding: 0 0 0 1em;
 
-
}
 
-
pre{
 
-
    margin: 1em 0;
 
-
    padding: 1em;
 
-
    border: 1px solid #e4e4e4;
 
-
    background: #f7f7f7;
 
-
    -webkit-border-radius: 4px;
 
-
    -moz-border-radius: 4px;
 
-
    border-radius: 4px;
 
-
}
 
-
table{
 
-
    border-collapse: collapse;
 
-
    border: 1px solid #ababab;
 
-
    font-size: 100%;
 
-
}
 
-
table th, table td{
 
-
    padding: 0.4em 0.6em;
 
-
}
 
-
</style>
 
-
<style>
 
-
div.toc-wrapper {
 
-
  display: block;
 
-
  position: fixed;
 
-
  top: 20%;
 
-
  right: 0;
 
-
  width: 300px;
 
-
  height: 70%;
 
-
  z-index: 10000;
 
-
}
 
-
#toc {
 
-
  display: block;
 
-
  height: 100%;
 
-
  overflow: auto;
 
-
}
 
-
div.toc-tab {
 
-
  background: #dedede url(/wiki/images/f/f8/HokkaidoU_toc_tab.png) left top no-repeat;
 
-
  top: 20%;
 
-
  right: 0;
 
-
  width: 30px;
 
-
  height: 120px;
 
-
  display: block;
 
-
  position: fixed;
 
-
  z-index: 9999;
 
-
  cursor: pointer;
 
-
}
 
-
div.toc-wrapper div.close {
 
-
  background: url(/wiki/images/7/73/HokkaidoU_toc_close.png) left top no-repeat;
 
-
  top : 10px;
 
-
  right : 20px;
 
-
  width: 20px;
 
-
  height: 20px;
 
-
  display: block;
 
-
  position: absolute;
 
-
  cursor: pointer;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
*:after{
 
-
    display: block;
 
-
    clear: both;
 
-
}
 
-
body{
 
-
    font-size: 76%;
 
-
    background: #ffffff;
 
-
}
 
-
#hokkaidou-container{
 
-
    width: 980px;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
}
 
-
#hokkaidou-header{
 
-
    background: #ffffff url(http://2011.igem.org/wiki/images/2/2b/Hokkaidou_header.png) repeat-x;
 
-
    margin-bottom: 10px;
 
-
}
 
-
#hokkaidou-footer{
 
-
    margin-top: 30px;
 
-
    padding-top: 15px;
 
-
    border-top: 1px solid #e4e4e4;
 
-
    text-align: center;
 
-
}
 
-
#hokkaidou-footer #hokkaidou-sponsors ul li{
 
-
    display: inline-block;
 
-
    margin: 10px;
 
-
    list-style: none;
 
-
}
 
-
#hokkaidou-footer #hokkaidou-sponsors ul:after {content: "";}
 
-
</style>
 
-
</p><p><style>
 
-
#hokkaidou-header{
 
-
    position: relative;
 
-
    height: 117px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-logo h1 a{
 
-
    display: block;
 
-
    position: absolute;
 
-
    top: 10px; left: 20px;
 
-
    width: 400px;
 
-
    height: 75px;
 
-
    background: url(http://2011.igem.org/wiki/images/e/e5/Hokkaidou_logo.png) no-repeat;
 
-
    border: none;
 
-
    text-indent: -10000px;
 
-
    outline: none;
 
-
}
 
-
#hokkaidou-header #hokkaidou-logo h1 a:hover {
 
-
    background-position: 0 -76px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-logo h1 a:active {
 
-
    background-position: 0 -152px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-logo p{
 
-
    display: none !important;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
#hokkaidou-header #hokkaidou-navigation ul{
 
-
    position: absolute;
 
-
    top: 10px; right: 0;
 
-
}
 
-
#hokkaidou-header #hokkaidou-navigation ul li{
 
-
    float: left;
 
-
    list-style: none;
 
-
    margin: 0;
 
-
    text-align: center;
 
-
    width: 60px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-navigation ul li a,
 
-
#hokkaidou-header #hokkaidou-navigation ul li strong.selflink{
 
-
    display: inline-block;
 
-
    width: 30px; height: 30px;
 
-
    background: url(http://2011.igem.org/wiki/images/4/4b/Hokkaidou_menu.png) no-repeat;
 
-
    border: none;
 
-
    outline: none;
 
-
    text-indent: -10000px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a{ background-position: 0 0; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:hover { background-position: -30px 0; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home strong.selflink{ background-position: -60px 0; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a{ background-position: 0 -30px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:hover { background-position: -30px -30px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project strong.selflink{ background-position: -60px -30px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a{ background-position: 0 -60px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:hover { background-position: -30px -60px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol strong.selflink{ background-position: -60px -60px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a{ background-position: 0 -90px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:hover { background-position: -30px -90px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts strong.selflink{ background-position: -60px -90px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a{ background-position: 0 -120px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:hover { background-position: -30px -120px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook strong.selflink{ background-position: -60px -120px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a{ background-position: 0 -150px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:hover { background-position: -30px -150px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety strong.selflink{ background-position: -60px -150px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a{ background-position: 0 -180px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:hover { background-position: -30px -180px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice strong.selflink{ background-position: -60px -180px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a{ background-position: 0 -210px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:hover { background-position: -30px -210px; }
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:active,
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team strong.selflink{ background-position: -60px -210px; }
 
-
/* i couldn't be bothered to add text on picture... lol */
 
-
#hokkaidou-header #hokkaidou-navigation ul li:after {
 
-
    display: inline-block;
 
-
    font-family: 'Josefin Sans', sans-serif;
 
-
    font-size: 12px;
 
-
    margin-top: 5px;
 
-
    width: 100%;
 
-
    line-height: 14px;
 
-
}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home:after {content: "Home";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project:after {content: "Project";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol:after {content: "Protocol";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts:after {content: "Parts";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook:after {content: "Notebook";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety:after {content: "Safety";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice:after {content: "Human Practice";}
 
-
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team:after {content: "Team";}
 
-
</style>
 
-
</p><p><style>
 
-
#hokkaidou-content{zoom: 1;}
 
-
#hokkaidou-content:after { content: ""; }
 
-
#hokkaidou-content #hokkaidou-left-content{
 
-
    float: left;
 
-
    width: 280px;
 
-
    margin-right: 20px;
 
-
}
 
-
#hokkaidou-content #hokkaidou-left-content ul{
 
-
    margin: 0;
 
-
    padding: 0 1em;
 
-
}
 
-
#hokkaidou-content #hokkaidou-left-content ul li{
 
-
    list-style: none;
 
-
    margin: 0 0 1em 0;
 
-
}
 
-
#hokkaidou-content #hokkaidou-left-content ul li .hokkaidou-description{
 
-
    font-size: small;
 
-
    color: #8a8a8a;
 
-
}
 
-
#hokkaidou-content #hokkaidou-right-content{
 
-
    float: right;
 
-
    width: 680px;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
#hokkaidou-index-menu{
 
-
    margin: 0 0 30px 0 !important;
 
-
    padding: 0 !important;
 
-
    border: 1px solid #ababab;
 
-
    -webkit-border-top-right-radius: 12px;
 
-
    -moz-border-radius-topright: 12px;
 
-
    border-top-right-radius: 12px;
 
-
    -webkit-border-bottom-right-radius: 12px;
 
-
    -moz-border-radius-bottomright: 12px;
 
-
    border-bottom-right-radius: 12px;
 
-
}
 
-
#hokkaidou-index-menu li{
 
-
    list-style: none;
 
-
    margin: 0 !important;
 
-
    padding: 0 !important;
 
-
    background: -moz-radial-gradient(center 80px 45deg, circle cover, hsl(0, 0%, 100%) 0%, hsl(240, 5%, 70%) 100%);
 
-
    overflow: hidden;
 
-
    text-shadow: 0 1px 1px hsl(240, 10%, 80%);
 
-
}
 
-
#hokkaidou-index-menu li:first-child{
 
-
    -webkit-border-top-right-radius: 12px;
 
-
    -moz-border-radius-topright: 12px;
 
-
    border-top-right-radius: 12px;
 
-
}
 
-
#hokkaidou-index-menu li:last-child{
 
-
    -webkit-border-bottom-right-radius: 12px;
 
-
    -moz-border-radius-bottomright: 12px;
 
-
    border-bottom-right-radius: 12px;
 
-
}
 
-
#hokkaidou-index-menu li a{
 
-
    display: block;
 
-
    padding: 10px 20px;
 
-
    border-bottom: none;
 
-
    color: #3b3b3b;
 
-
    transition: background 0.5s ease-in-out;
 
-
    -moz-transition-property: background;
 
-
    -moz-transition-duration: 700ms;
 
-
    background: #e4e4e4;
 
-
    border-bottom: 1px solid #dedede;
 
-
    border-top: 1px solid #f7f7f7;
 
-
}
 
-
#hokkaidou-index-menu li a{
 
-
}
 
-
#hokkaidou-index-menu li a:hover{
 
-
    background: transparent none;
 
-
}
 
-
#hokkaidou-index-menu li a .hokkaidou-description{
 
-
    display: block;
 
-
    margin-left: 40px;
 
-
}
 
-
#hokkaidou-index-menu li a:before{
 
-
    display: block;
 
-
    float: left;
 
-
    content: "";
 
-
    width: 30px; height: 30px;
 
-
    margin: 5px 10px 0 0;
 
-
    background: url(http://2011.igem.org/wiki/images/4/4b/Hokkaidou_menu.png) no-repeat;
 
-
}             
 
-
#hokkaidou-index-menu li#hokkaidou-index-project a:before{ background-position: 0 -30px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-protocol a:before{ background-position: 0 -60px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-parts a:before{ background-position: 0 -90px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-notebook a:before{ background-position: 0 -120px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-safety a:before{ background-position: 0 -150px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-humanpractice a:before{ background-position: 0 -180px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-team a:before{ background-position: 0 -210px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-project a:hover:before{ background-position: -30px -30px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-protocol a:hover:before{ background-position: -30px -60px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-parts a:hover:before{ background-position: -30px -90px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-notebook a:hover:before{ background-position: -30px -120px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-safety a:hover:before{ background-position: -30px -150px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-humanpractice a:hover:before{ background-position: -30px -180px; }
 
-
#hokkaidou-index-menu li#hokkaidou-index-team a:hover:before{ background-position: -30px -210px; }
 
-
#hokkaidou-official-team-logo{
 
-
    text-align: center;
 
-
}
 
-
#hokkaidou-official-team-logo img{
 
-
    display: block;
 
-
    width: 240px;
 
-
    height: 240px;
 
-
    border: 1px solid #e4e4e4;
 
-
    margin: 0 auto;
 
-
}
 
-
#hokkaidou-official-team-logo .hokkaidou-description{
 
-
    font-size: small;
 
-
    color: #ababab;
 
-
}
 
-
#hokkaidou-links ul{
 
-
    margin: 20px 0 !important;
 
-
    padding: 0 !important;
 
-
}
 
-
#hokkaidou-links ul {zoom: 1;}
 
-
#hokkaidou-links ul:after {content: ""; }
 
-
#hokkaidou-links ul li{
 
-
    float: left;
 
-
    display: block !important;
 
-
    margin: 0 5px !important;
 
-
    padding: 0 !important;
 
-
}
 
-
#hokkaidou-links ul li:first-child{
 
-
    margin-left: 0 !important;
 
-
}
 
-
#hokkaidou-links ul li a{
 
-
    display: block;
 
-
    width: 32px;
 
-
    height: 32px;
 
-
    background: url(http://2011.igem.org/wiki/images/8/8b/IGEM_HokkaidoU_Index_Links.png) no-repeat;
 
-
    text-indent: -10000px;
 
-
}
 
-
#hokkaidou-links ul li#hokkaidou-links-email a{ background-position: 0 0; }
 
-
#hokkaidou-links ul li#hokkaidou-links-facebook a{ background-position: -32px 0; }
 
-
#hokkaidou-links ul li#hokkaidou-links-twitter a{ background-position: -64px 0; }
 
-
#hokkaidou-links ul li#hokkaidou-links-wordpress a{ background-position: -96px 0; }
 
-
#hokkaidou-links ul li#hokkaidou-links-youtube a{ background-position: -128px 0; }
 
-
#hokkaidou-links ul li#hokkaidou-links-email{
 
-
    display: block !important;
 
-
    width: 32px !important;
 
-
    height: 32px !important;
 
-
    margin: 0 5px 0 0 !important;
 
-
    padding: 0 !important;
 
-
}
 
-
#hokkaidou-links ul li#hokkaidou-links-email a{
 
-
    display: block !important;
 
-
    width: 100% !important;
 
-
    height: 100% !important;
 
-
    margin: 0 !important;
 
-
    padding: 0 !important;
 
-
    background: url(http://2011.igem.org/wiki/images/8/8b/IGEM_HokkaidoU_Index_Links.png) no-repeat !important;
 
-
    text-indent: -10000px !important;
 
-
}
 
-
</style>
 
-
<script type="text/javascript">
 
-
jQuery.cookie=function(d,f,b){function e(j,i){if(j){if(i){return true}}return false}if(e(arguments.length>1,String(f)!=="[object Object]")){b=jQuery.extend({},b);if(f===null||f===undefined){b.expires=-1}if(typeof b.expires==="number"){var h=b.expires,c=b.expires=new Date();c.setDate(c.getDate()+h)}f=String(f);return(document.cookie=[encodeURIComponent(d),"=",b.raw?f:encodeURIComponent(f),b.expires?"; expires="+b.expires.toUTCString():"",b.path?"; path="+b.path:"",b.domain?"; domain="+b.domain:"",b.secure?"; secure":""].join(""))}b=f||{};var a,g=b.raw?function(i){return i}:decodeURIComponent;return(a=new RegExp("(?:^|; )"+encodeURIComponent(d)+"=([^;]*)").exec(document.cookie))?g(a[1]):null};
 
-
</script>
 
-
<script type="text/javascript">
 
-
$('.right-menu, .left-menu').fadeTo(0, 0);
 
-
$('.right-menu, .left-menu').bind('mouseover', function(){
 
-
$(this).fadeTo('slow', 1);
 
-
});
 
-
</script>
 
-
<script type="text/javascript">
 
-
(function(b){function a(d,c){if(d){if(c){return true}}return false}b.fn.lightbox_me=function(c){return this.each(function(){var f=b.extend({},b.fn.lightbox_me.defaults,c),m=b(),l=b(this),n=b('<iframe id="foo" style="z-index: '+(f.zIndex+1)+';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>'),h=a(b.browser.msie,b.browser.version<7);if(f.showOverlay){var g=b(".js_lb_overlay:visible");if(g.length>0){m=b('<div class="lb_overlay_clear js_lb_overlay"/>')}else{m=b('<div class="'+f.classPrefix+'_overlay js_lb_overlay"/>')}}if(h){var e=/^https/i.test(window.location.href||"")?"javascript:false":"about:blank";n.attr("src",e);b("body").append(n)}b("body").append(l.hide()).append(m);if(f.showOverlay){i();m.css({position:"absolute",width:"100%",top:0,left:0,right:0,bottom:0,zIndex:(f.zIndex+2),display:"none"});if(!m.hasClass("lb_overlay_clear")){m.css(f.overlayCSS)}}if(f.showOverlay){m.fadeIn(f.overlaySpeed,function(){d();l[f.appearEffect](f.lightboxSpeed,function(){i();d();f.onLoad()})})}else{d();l[f.appearEffect](f.lightboxSpeed,function(){f.onLoad()})}if(f.parentLightbox){f.parentLightbox.fadeOut(200)}b(window).resize(i).resize(d).scroll(d).keyup(k);if(f.closeClick){m.click(function(o){j();o.preventDefault})}l.delegate(f.closeSelector,"click",function(o){j();o.preventDefault()});l.bind("close",j);l.bind("reposition",d);function j(){var o=l[0].style;if(f.destroyOnClose){l.add(m).remove()}else{l.add(m).hide()}if(f.parentLightbox){f.parentLightbox.fadeIn(200)}n.remove();l.undelegate(f.closeSelector,"click");b(window).unbind("reposition",i);b(window).unbind("reposition",d);b(window).unbind("scroll",d);b(document).unbind("keyup",k);if(h){o.removeExpression("top")}f.onClose()}function k(o){if(a(o.keyCode==27||a(o.DOM_VK_ESCAPE==27,o.which==0),f.closeEsc)){j()}}function i(){if(b(window).height()<b(document).height()){m.css({height:b(document).height()+"px"});n.css({height:b(document).height()+"px"})}else{m.css({height:"100%"});if(h){b("html,body").css("height","100%");n.css("height","100%")}}}function d(){var p=l[0].style;l.css({left:"50%",marginLeft:(l.outerWidth()/2)*-1,zIndex:(f.zIndex+3)});if(a((l.height()+80>=b(window).height()),(l.css("position")!="absolute"||h))){var o=b(document).scrollTop()+40;l.css({position:"absolute",top:o+"px",marginTop:0});if(h){p.removeExpression("top")}}else{if(l.height()+80<b(window).height()){if(h){p.position="absolute";if(f.centered){p.setExpression("top",'(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');p.marginTop=0}else{var q=a(f.modalCSS,f.modalCSS.top)?parseInt(f.modalCSS.top):0;p.setExpression("top","((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "+q+') + "px"')}}else{if(f.centered){l.css({position:"fixed",top:"50%",marginTop:(l.outerHeight()/2)*-1})}else{l.css({position:"fixed"}).css(f.modalCSS)}}}}}})};b.fn.lightbox_me.defaults={appearEffect:"fadeIn",appearEase:"",overlaySpeed:250,lightboxSpeed:300,closeSelector:".close",closeClick:true,closeEsc:true,destroyOnClose:false,showOverlay:true,parentLightbox:false,onLoad:function(){},onClose:function(){},classPrefix:"lb",zIndex:999,centered:false,modalCSS:{top:"40px"},overlayCSS:{background:"black",opacity:0.3}}})(jQuery);
 
-
</script>
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
    var open = $.cookie('igem_hokkaidou_toc');
 
-
    $.cookie('igem_hokkaidou_toc', open);
 
-
    var $toc = $('#toc');
 
-
    var $tab = $('<div>').addClass('toc-tab');
 
-
    var $close = $('<div>').addClass('close');
 
-
    var $wrapper = $('<div>').addClass('toc-wrapper');
 
-
    $toc.before($tab);
 
-
    $toc.wrap($wrapper);
 
-
    $toc.before($close);
 
-
    $('span.toctoggle').hide();
 
-
    $wrapper = $('.toc-wrapper');
 
-
    $wrapper.hide();
 
-
    $tab.bind('click', function(){
 
-
        $tab.hide();
 
-
        $wrapper.fadeIn('normal');
 
-
        $.cookie('igem_hokkaidou_toc', true);
 
-
        $close.bind('click', function(){
 
-
            $wrapper.fadeOut('normal');
 
-
            $tab.show();
 
-
            $.cookie('igem_hokkaidou_toc', false);
 
-
        });
 
-
    });
 
-
    if(open === 'true'){
 
-
        $tab.trigger('click');
 
-
    }
 
-
    var $tocmain = $('#toc');
 
-
    var $toc = $('#toc ul');
 
-
    $toc.css('display', 'block');
 
-
    $.cookie('hidetoc', 0);
 
-
    $tocmain.removeClass('tochidden');
 
-
});
 
-
</script>
 
-
<script>
 
-
$(function(){
 
-
    $('img').each(function(){
 
-
        var thumb = $(this).attr('src');
 
-
        var reg = new RegExp('^(\/wiki\/images)\/thumb');
 
-
        if(thumb.match(reg)){
 
-
            var image = thumb.replace(reg, '$1');
 
-
            image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 
-
            var $tag = $('<img>').attr('src', image);
 
-
            $(this).closest('a').bind('click', function(){
 
-
                $('<div>').append($tag).lightbox_me();
 
-
                return false;
 
-
            });
 
-
        }
 
-
    });
 
-
});
 
-
</script>
 
-
<script type="text/javascript">
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-26148329-1']);
 
-
  _gaq.push(['_setDomainName', 'igem.org']);
 
-
  _gaq.push(['_trackPageview']);
 
-
  (function() {
 
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
  })();
 
-
</script>
 
-
</p>
 
-
<div id="hokkaidou-container">
 
-
    <div id="hokkaidou-header">
 
-
        <div id="hokkaidou-logo">
 
-
            <h1> <span class="mw-headline" id="HokkaidoU_Japan"><a href="http://2011.igem.org/Team:HokkaidoU_Japan">HokkaidoU Japan</a></span></h1>
 
-
            <p class="description">iGEM 2011 Team of Hokkaido University</p>
 
-
        </div>
 
-
        <div id="hokkaidou-navigation"><ul>
 
-
            <li id="hokkaidou-menu-home"><strong class="selflink">Home</strong></li>
 
-
            <li id="hokkaidou-menu-team"><a href="/Team:HokkaidoU_Japan/Team" title="Team:HokkaidoU Japan/Team">Team</a></li>
 
-
            <li id="hokkaidou-menu-project"><a href="/Team:HokkaidoU_Japan/Project" title="Team:HokkaidoU Japan/Project">Project</a></li>
 
-
            <li id="hokkaidou-menu-parts"><a href="/Team:HokkaidoU_Japan/Parts" title="Team:HokkaidoU Japan/Parts">Parts</a></li>
 
-
            <li id="hokkaidou-menu-protocol"><a href="/Team:HokkaidoU_Japan/Protocols" title="Team:HokkaidoU Japan/Protocols">Protocols</a></li>
 
-
            <li id="hokkaidou-menu-notebook"><a href="/Team:HokkaidoU_Japan/Notebook" title="Team:HokkaidoU Japan/Notebook">Notebook</a></li>
 
-
            <li id="hokkaidou-menu-safety"><a href="/Team:HokkaidoU_Japan/Safety" title="Team:HokkaidoU Japan/Safety">Safety</a></li>
 
-
            <li id="hokkaidou-menu-humanpractice"><a href="/Team:HokkaidoU_Japan/HumanPractice" title="Team:HokkaidoU Japan/HumanPractice">Human Practice</a></li>
 
-
        </ul></div>
 
-
    </div>
 
-
    <div id="hokkaidou-content">
 
-
    <table id="toc" class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
 
-
<ul>
 
-
<li class="toclevel-1"><a href="#HokkaidoU_Japan"><span class="tocnumber">1</span> <span class="toctext">HokkaidoU Japan</span></a>
 
-
<ul>
 
-
<li class="toclevel-2 tocsection-1"><a href="#Acknowledgements"><span class="tocnumber">1.1</span> <span class="toctext">Acknowledgements</span></a>
 
-
<ul>
 
-
<li class="toclevel-3 tocsection-2"><a href="#Laboratory_and_Personnel"><span class="tocnumber">1.1.1</span> <span class="toctext">Laboratory and Personnel</span></a></li>
 
-
<li class="toclevel-3 tocsection-3"><a href="#Academic_Institutions"><span class="tocnumber">1.1.2</span> <span class="toctext">Academic Institutions</span></a></li>
 
-
<li class="toclevel-3 tocsection-4"><a href="#Companies"><span class="tocnumber">1.1.3</span> <span class="toctext">Companies</span></a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</td></tr></table><script>if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
 
-
<p>
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){ 
 
-
    var buttons = {
 
-
        previous: $('#lofslidercontent45 .lof-previous'),
 
-
        next: $('#lofslidercontent45 .lof-next')
 
-
    };
 
-
    $obj = $('#lofslidecontent45').lofJSidernews({
 
-
        interval: 5000,
 
-
        direction: 'opacitys',
 
-
        easing: 'easeInOutExpo',
 
-
        duration: 1200,
 
-
        auto: true,
 
-
        maxItemDisplay: 7,
 
-
        startItem: 0,
 
-
        navPosition: 'horizontal', // horizontal
 
-
        navigatorHeight: 32,
 
-
        navigatorWidth: 80,
 
-
        mainWidth: 780,
 
-
        buttons: buttons
 
-
    }); 
 
-
});
 
-
</script>
 
-
<div id="hokkaidou-left-content">
 
-
    <ul id="hokkaidou-index-menu">
 
-
        <li id="hokkaidou-index-team"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Team">Team
 
-
            <span class="hokkaidou-description">
 
-
                The HokkaidoU_Japan is formed by 16 students and 3 instructors
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-project"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Project">Project
 
-
            <span class="hokkaidou-description">
 
-
                We tried to further develop E. coli-based protein injection system which we started working on during iGEM 2010
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-parts"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Parts">Parts
 
-
            <span class="hokkaidou-description">
 
-
                Ready-to-inject backbone and Bsa I cloning system
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-protocol"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Protocols">Protocol
 
-
            <span class="hokkaidou-description">
 
-
                General protocols, Primers and methods of infection assay
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-notebook"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook
 
-
            <span class="hokkaidou-description">
 
-
                The record of our many failures and a bit of achievement
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-safety"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/Safety">Safety
 
-
            <span class="hokkaidou-description">
 
-
                Addressing safety concerns
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
        <li id="hokkaidou-index-humanpractice"><a href="http://2011.igem.org/Team:HokkaidoU_Japan/HumanPractice">Human Practice
 
-
            <span class="hokkaidou-description">
 
-
                Science art gallery "BIO ART"
 
-
            </span>
 
-
        </a>
 
-
        </li>
 
-
    </ul>
 
-
    <div id="hokkaidou-official-team-logo">
 
-
        <img src="http://igemhokkaidou.files.wordpress.com/2011/04/igem-hokkaidou-logo-transparent.png?w=240&amp;h=240#038;h=240" width="240" height="240" />
 
-
        <span class="hokkaidou-description">iGEM HokkaidoU_Japan Official Team Logo</span>
 
-
    </div>
 
-
    <div id="hokkaidou-links">
 
-
        <ul>
 
-
            <li id="hokkaidou-links-email"><a href="mailto:igemhokkaidou@gmail.com">Email</a></li>
 
-
            <li id="hokkaidou-links-facebook"><a href="http://www.facebook.com/iGEMHokkaidoU">Facebook</a></li>
 
-
            <li id="hokkaidou-links-twitter"><a href="http://twitter.com/iGEM_HokkaidoU">Twitter</a></li>
 
-
            <li id="hokkaidou-links-wordpress"><a href="http://igemhokkaidou.com">WordPress</a></li>
 
-
            <li id="hokkaidou-links-youtube"><a href="http://www.youtube.com/user/iGEMHokkaidoU">YouTube</a></li>
 
-
        </ul>
 
-
    </div>
 
-
<script src="http://itra.jp/jquery_socialbutton_plugin/js/jquery.socialbutton-1.8.1.js" type="text/javascript"></script>
 
-
   
 
-
<div id="hokkaidou-socialbuttons-wrapper">
 
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function() {
+
         $(document).ready(function () {
-
             $('#hokkaidou-socialbuttons li.tweet').socialbutton('twitter', {
+
 
-
                button: 'none',
+
 
-
                text: 'iGEM - HokkaidoU_Japan',
+
             jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
-
                via: 'igem_hokkaidou',
+
 
-
                 lang: 'en-US',
+
 
 +
            $('.right-menu, .left-menu').fadeTo(0, 0);
 +
            $('.right-menu, .left-menu').bind('mouseover', function () {
 +
                 $(this).fadeTo('slow', 1);
             });
             });
-
             $('#hokkaidou-socialbuttons li.like').socialbutton('facebook_like', {
+
 
-
                button : 'button_count',
+
 
-
                locale : 'en_US',
+
             $(function () {
 +
                $('img').each(function () {
 +
                    var thumb = $(this).attr('src');
 +
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
 +
                    if (thumb.match(reg)) {
 +
                        var image = thumb.replace(reg, '$1');
 +
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 +
                        var $tag = $('<img>').attr('src', image);
 +
                        $(this).closest('a').bind('click', function () {
 +
                            $('<div>').append($tag).lightbox_me();
 +
                            return false;
 +
                        });
 +
                    }
 +
                });
             });
             });
-
             $('#hokkaidou-socialbuttons li.google').socialbutton('google_plusone', {
+
 
-
                 button : 'medium',
+
 
-
                 lang  : 'en-US',
+
 
-
                 url    : location.href
+
 
 +
 
 +
 
 +
 
 +
             var buttons = {
 +
                previous: $('#lofslidercontent45 .lof-previous'),
 +
                next: $('#lofslidercontent45 .lof-next')
 +
            };
 +
            $obj = $('#lofslidecontent45').lofJSidernews({
 +
                interval: 5000,
 +
                direction: 'opacitys',
 +
                 easing: 'easeInOutExpo',
 +
                 duration: 1200,
 +
                auto: true,
 +
                maxItemDisplay: 7,
 +
                startItem: 0,
 +
                navPosition: 'horizontal', // horizontal
 +
                 navigatorHeight: 32,
 +
                navigatorWidth: 80,
 +
                mainWidth: 780,
 +
                buttons: buttons
             });
             });
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
         });
         });
-
    </script>
+
</script>
-
    <style type="text/css">
+
 
-
        #hokkaidou-socialbuttons-wrapper{
+
 
-
            margin: 10px 0;
+
 
-
        }
+
 
-
        #hokkaidou-socialbuttons{
+
 
-
            margin: 0 !important;
+
-
            padding: 0 !important;
+
-
        }
+
-
        #hokkaidou-socialbuttons{zoom: 1;}
+
-
        #hokkaidou-socialbuttons:after { content: ""; }
+
-
        #hokkaidou-socialbuttons li{
+
-
            float: left;
+
-
            display: block;
+
-
            margin: 0 3px !important;
+
-
            list-style: none;
+
-
        }
+
-
        #hokkaidou-socialbuttons li:first-child{
+
-
            margin-left: 0 !important;
+
-
        }
+
-
    </style>
+
-
    <ul id="hokkaidou-socialbuttons">
+
-
        <li class="tweet"></li>
+
-
        <li class="google"></li>
+
-
        <li class="like"></li>
+
-
    </ul>
+
-
</div>
+
-
</div>
 
-
<div id="hokkaidou-right-content">
 
-
    <div id="lofslidecontent45" class="lof-slidecontent">
 
-
        <div style="display: none;" class="preload"><div></div></div>
 
-
            <div class="lof-main-outer" style="width:900px; height:340px;">
 
-
            <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper">
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/6/64/IGEM_HokkaidoU_Index_Slideshow_7.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>HokkaidoU_Japan 2011</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/8/8a/IGEM_HokkaidoU_Index_Slideshow_1.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Welcome to the BIOxART Gallery!!</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/b/b5/IGEM_HokkaidoU_Index_Slideshow_2.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Be careful not to contaminate...</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/0/01/IGEM_HokkaidoU_Index_Slideshow_3.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Meeting, meeting and MEETING!</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/d/d1/IGEM_HokkaidoU_Index_Slideshow_4.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Dr. <i>E. coli</i> get ready for the job</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/0/06/IGEM_HokkaidoU_Index_Slideshow_5.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>BIOxART, please feel free to look around</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://2011.igem.org/wiki/images/7/74/IGEM_HokkaidoU_Index_Slideshow_6.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Experiment, experiment and EXPERIMENT!</h2>
 
-
                    </div>
 
-
                </li>
 
-
            </ul>   
 
-
        </div>
 
-
        <div class="lof-navigator-wapper">
 
-
            <div style="width: 320px; height: 32px;" class="lof-navigator-outer">
 
-
                <ul style="width: 54px; left: -160px;" class="lof-navigator">
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/8/81/IGEM_HokkaidoU_Index_Slideshow_Thumb_7.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/f/f3/IGEM_HokkaidoU_Index_Slideshow_Thumb_1.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/a/aa/IGEM_HokkaidoU_Index_Slideshow_Thumb_2.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/f/fb/IGEM_HokkaidoU_Index_Slideshow_Thumb_3.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/e/e2/IGEM_HokkaidoU_Index_Slideshow_Thumb_4.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/9/93/IGEM_HokkaidoU_Index_Slideshow_Thumb_5.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://2011.igem.org/wiki/images/2/21/IGEM_HokkaidoU_Index_Slideshow_Thumb_6.jpg"></li>
 
-
                </ul>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
</div>
 
</body>
</body>
-
 
</html>
</html>

Latest revision as of 14:12, 3 October 2012

  • Columbia & Cooper 2012 Team

  • Columbia University

  • The Cooper Union for the Advancement of Science and Art

  • Genetics

  • Copper Etching

  • The Effects of A. ferrooxidans

  • Maker Faire (Copyright © Andrew Cribb)