Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
[[Image:Notebook_Background.jpg|970px|center]]
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
<head>
 +
</head>
-
<html>
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_HokkaidoU_Japan">
 +
  <div id="globalWrapper">
-
<body background="Notebook_Background.jpg">  
+
    <div id="top-section">
 +
<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>
-
<DIV STYLE="position:absolute; top:250px; left:340px; width:840px; height:25px">
 
-
<FONT SIZE="+3" COLOR="000000">Copper Experiments 1</FONT></DIV>
 
-
<DIV STYLE="position:absolute; top:300px; left:115px; width:840px; height:25px">
+
<div id="menubar" class='left-menu noprint'>
-
<FONT SIZE="+2" COLOR="000000">Friday, June 22nd</FONT></DIV>
+
  <ul>
 +
                  <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 STYLE="position:absolute; top:350px; left:410px; width:840px; height:25px">
+
<div class="right-menu noprint" id="menubar">
-
<FONT SIZE="+1.5" COLOR="000000">Outline of activity today:</FONT></DIV>
+
    <ul>
 +
                <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>
 +
                          <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><!-- end right menubar -->
-
<DIV STYLE="position:absolute; top:410px; left:105px; width:840px; height:25px";>
+
<div id="search-controls" class="noprint">
-
<FONT SIZE="+1" COLOR="000000">• Met with Jason, who showed us how to make A. ferrooxidans liquid media, prepared Copper</FONT></DIV>
+
<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;
 +
}
-
<DIV STYLE="position:absolute; top:462px; left:115px; width:840px; height:25px";>
 
-
<FONT SIZE="+1" COLOR="000000"> 1 and 2 samples (with and without bacteria) and placed on shaker. Will be periodically checked</FONT></DIV>
 
-
<DIV STYLE="position:absolute; top:515px; left:115px; width:840px; height:25px";>
+
/*******************************************************/
-
<FONT SIZE="+1" COLOR="000000"> twice a day for activity until June 25.</FONT></DIV>
+
.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{
-
<DIV STYLE="position:absolute; top:568px; left:115px; width:840px; height:25px";>
+
text-decoration:underline;
-
<FONT SIZE="+1" COLOR="000000">• Showed us recipe for solid media, and made enough for two samples, 20 mL (one control with</FONT></DIV>
+
}
 +
.lof-main-item-desc h3 i {
 +
font-size:70%;
 +
}
-
<DIV STYLE="position:absolute; top:620px; left:115px; width:840px; height:25px";>
+
/* main flash */
-
<FONT SIZE="+1" COLOR="000000"> no bacteria) Copper samples were submerged in agarose (see Steven’s pictures). Also learned</FONT></DIV>
+
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;
 +
}
-
<DIV STYLE="position:absolute; top:675px; left:115px; width:840px; height:25px";>
+
ul.lof-main-wapper li{
-
<FONT SIZE="+1" COLOR="000000">protocols listed below.</FONT></DIV>
+
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;
 +
}
-
<DIV STYLE="position:absolute; left:85px; top:730px; width:840px; height:25px"; font-style: oblique;>
+
/* item navigator */
-
<CENTER><FONT SIZE="+1.5" COLOR="000000" FONT="bold"> Starting Sample masses:</FONT></CENTER></DIV>
+
.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;
-
<DIV STYLE="position:absolute; top:770px; left:380px; width:840px; height:25px";>
+
text-align:center;
-
<FONT SIZE="+1"><table border="1">
+
-
<tr>
+
-
<th colspan="2">Copper 1: (liquid media only)</th>
+
-
</tr>
+
-
<tr>
+
-
<th>Sample</th>
+
-
<th>Mass (g)</th>
+
-
</tr>
+
-
<tr>
+
-
<td>1</td>
+
-
<td>0.0092</td>
+
-
</tr>
+
-
<tr>
+
-
<td>2</td>
+
-
<td>0.0107</td>
+
-
</tr>
+
-
</table></FONT></DIV>
+
-
<DIV STYLE="position:absolute; top:930px; left:380px; width:840px; height:25px";>
+
}
-
<FONT SIZE="+1" COLOR="transparent"><table border="1">
+
ul.lof-navigator li img{
-
<tr>
+
border:#666 solid 3px;
-
<th colspan="2">Copper 2: (liquid media only)</th>
+
}
-
</tr>
+
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
-
<tr>
+
border:#A8A8A8 solid 3px;
-
<th>Sample</th>
+
}
-
<th>Mass (g)</th>
+
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
-
</tr>
+
display:block;
-
<tr>
+
width:22px;
-
<td>1</td>
+
height:30px;
-
<td>0.1318</td>
+
color:#FFF;
-
</tr>
+
cursor:pointer;
-
<tr>
+
-
<td>2</td>
+
-
<td>0.1286</td>
+
-
</tr>
+
-
</table></FONT></DIV>
+
-
<DIV STYLE="position:absolute; top:1090px; left:450px; width:840px; height:25px";>
+
}
-
<FONT SIZE="+1" COLOR="transparent"><table border="1">
+
.lof-navigator-wapper .lof-next {
-
<tr>
+
float:left;
-
<th colspan="2">Copper 2: (solid media)</th>
+
text-indent:-999px;
-
</tr>
+
margin-right:5px;
-
<tr>
+
background:url(http://2011.igem.org/wiki/images/9/9c/IGEM_HokkaidoU_Index_Slideshow_Arrow-l.png) no-repeat right center;
-
<th>Sample</th>
+
}
-
<th>Mass (g)</th>
+
.lof-navigator-wapper .lof-previous {
-
</tr>
+
float:left;
-
<tr>
+
text-indent:-999px;
-
<td>1</td>
+
margin-left:5px;
-
<td>0.1272</td>
+
background:url(http://2011.igem.org/wiki/images/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
-
</tr>
+
}
-
<tr>
+
</style>
-
<td>2</td>
+
-
<td>0.1282</td>
+
-
</tr>
+
-
</table></FONT></DIV>
+
-
<DIV STYLE="position:absolute; top:1255px; left:300px; width:840px; height:25px";>
+
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis|Miltonian|Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
-
<FONT SIZE="+1" COLOR="000000">Liquid media and flasks were placed in shaker at 225 rpm, 30C.</FONT></DIV>
+
-
<DIV STYLE="position:absolute; top:1310px; left:310px; width:840px; height:25px";>
+
</p><p><style>
-
<FONT SIZE="+1" COLOR="000000">Solid media and petri dishes were placed in incubator at 30C.</FONT></DIV>
+
/*
 +
* 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">
 +
        $(function() {
 +
            $('#hokkaidou-socialbuttons li.tweet').socialbutton('twitter', {
 +
                button: 'none',
 +
                text: 'iGEM - HokkaidoU_Japan',
 +
                via: 'igem_hokkaidou',
 +
                lang: 'en-US',
 +
            });
 +
            $('#hokkaidou-socialbuttons li.like').socialbutton('facebook_like', {
 +
                button : 'button_count',
 +
                locale : 'en_US',
 +
            });
 +
            $('#hokkaidou-socialbuttons li.google').socialbutton('google_plusone', {
 +
                button : 'medium',
 +
                lang  : 'en-US',
 +
                url    : location.href
 +
            });
 +
        });
 +
    </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>
</html>
</html>

Revision as of 17:53, 2 October 2012

Team:HokkaidoU Japan

From 2011.igem.org

Contents

  • HokkaidoU_Japan 2011

  • Welcome to the BIOxART Gallery!!

  • Be careful not to contaminate...

  • Meeting, meeting and MEETING!

  • Dr. E. coli get ready for the job

  • BIOxART, please feel free to look around

  • Experiment, experiment and EXPERIMENT!