Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
 
(44 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="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
-
     <div id="content">
+
     <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
-
<a name="top" id="top"></a>
+
-
<div id="bodyContent">
+
-
<h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
+
-
<div id="contentSub"></div>
+
-
+
-
<!-- start content -->
+
-
<p>
+
-
<script type="text/javascript" src="https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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 id="hokkaidou-container">
-
.lof-main-item-desc{
+
        <div id="hokkaidou-content">
-
z-index:100px;
+
-
position:absolute;
+
-
bottom:55px;
+
-
left:0px;
+
-
background:url(https://static.igem.org/mediawiki/2011/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 id="lofslidecontent45" class="lof-slidecontent">
-
}
+
                        <div style="display: none;" class="preload">
-
.lof-main-item-desc h3 i {
+
                            <div>
-
font-size:70%;
+
                            </div>
-
}
+
                        </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">
-
/* main flash */
 
-
ul.lof-main-wapper{
 
-
/* margin-right:auto; */
 
-
overflow:hidden;
 
-
background:transparent url(https://static.igem.org/mediawiki/2011/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{
+
                                <ul class="lof-navigator">
-
overflow:hidden;
+
                                    <li class="" style="height: 32px; width: 80px;">
-
padding:0px;
+
                                        <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
-
margin:0px;
+
                                    </li>
-
float:left;
+
                                    <li class="" style="height: 32px; width: 80px;">
-
position:relative;
+
                                        <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
-
}
+
                                    </li>
-
.lof-opacity  li{
+
                                    <li class="" style="height: 32px; width: 80px;">
-
position:absolute;
+
                                        <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
-
top:0;
+
                                    </li>
-
left:0;
+
                                    <li class="" style="height: 32px; width: 80px;">
-
float:inherit;
+
                                        <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
-
}
+
                                    </li>
-
ul.lof-main-wapper li img{
+
                                    <li class="" style="height: 32px; width: 80px;">
-
padding:0px;
+
                                        <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>
-
/* item navigator */
 
-
.lof-navigator-wapper {
 
-
position:absolute;
 
-
bottom:10px;
 
-
right:10px;
 
-
background:url(https://static.igem.org/mediawiki/2011/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;
+
                            </div>
 +
                        </div>
 +
                    </div>
-
}
 
-
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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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'>
+
                <div id="hokkaidou-right-content">
 +
                </div>
-
</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;
 
-
}
+
        </div>
-
#globalWrapper,
+
     </div>
-
#globalWrapper #content{
+
-
     background: none;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: none;
+
-
    width: auto;
+
-
}
+
-
/* because I hide p element in #bodyContent */
 
-
#content #bodyContent div p{
 
-
    display: block;
 
-
}
 
-
</style>
 
-
</p><p><style>
 
-
}
 
-
#hokkaidou-container{
 
-
    width: 980px;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
}
 
-
#hokkaidou-header{
 
-
    background: #ffffff url(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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;
 
-
</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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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>
 
Line 597: Line 137:
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
            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 };
 +
            $('.right-menu, .left-menu').fadeTo(0, 0);
 +
            $('.right-menu, .left-menu').bind('mouseover', function () {
 +
                $(this).fadeTo('slow', 1);
 +
            });
-
</p>
+
 
-
<div id="hokkaidou-container">
+
            $(function () {
-
    <div id="hokkaidou-content">
+
                $('img').each(function () {
-
    <table id="toc" class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
+
                    var thumb = $(this).attr('src');
-
<ul>
+
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
-
<li class="toclevel-1"><a href="#HokkaidoU_Japan"><span class="tocnumber">1</span> <span class="toctext">HokkaidoU Japan</span></a>
+
                    if (thumb.match(reg)) {
-
<ul>
+
                        var image = thumb.replace(reg, '$1');
-
<li class="toclevel-2 tocsection-1"><a href="#Acknowledgements"><span class="tocnumber">1.1</span> <span class="toctext">Acknowledgements</span></a>
+
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
-
<ul>
+
                        var $tag = $('<img>').attr('src', image);
-
<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>
+
                        $(this).closest('a').bind('click', function () {
-
<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>
+
                            $('<div>').append($tag).lightbox_me();
-
<li class="toclevel-3 tocsection-4"><a href="#Companies"><span class="tocnumber">1.1.3</span> <span class="toctext">Companies</span></a></li>
+
                            return false;
-
</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')
+
            var buttons = {
-
    };
+
                previous: $('#lofslidercontent45 .lof-previous'),
-
    $obj = $('#lofslidecontent45').lofJSidernews({
+
                next: $('#lofslidercontent45 .lof-next')
-
        interval: 5000,
+
            };
-
        direction: 'opacitys',
+
            $obj = $('#lofslidecontent45').lofJSidernews({
-
        easing: 'easeInOutExpo',
+
                interval: 5000,
-
        duration: 1200,
+
                direction: 'opacitys',
-
        auto: true,
+
                easing: 'easeInOutExpo',
-
        maxItemDisplay: 7,
+
                duration: 1200,
-
        startItem: 0,
+
                auto: true,
-
        navPosition: 'horizontal', // horizontal
+
                maxItemDisplay: 7,
-
        navigatorHeight: 32,
+
                startItem: 0,
-
        navigatorWidth: 80,
+
                navPosition: 'horizontal', // horizontal
-
        mainWidth: 780,
+
                navigatorHeight: 32,
-
        buttons: buttons
+
                navigatorWidth: 80,
-
    });
+
                mainWidth: 780,
-
});
+
                buttons: buttons
 +
            });
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        });
</script>
</script>
-
<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="https://static.igem.org/mediawiki/2011/6/64/IGEM_HokkaidoU_Index_Slideshow_7.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>HokkaidoU_Japan 2011</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/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="https://static.igem.org/mediawiki/2011/8/81/IGEM_HokkaidoU_Index_Slideshow_Thumb_7.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/f/f3/IGEM_HokkaidoU_Index_Slideshow_Thumb_1.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/a/aa/IGEM_HokkaidoU_Index_Slideshow_Thumb_2.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/f/fb/IGEM_HokkaidoU_Index_Slideshow_Thumb_3.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/e/e2/IGEM_HokkaidoU_Index_Slideshow_Thumb_4.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/9/93/IGEM_HokkaidoU_Index_Slideshow_Thumb_5.jpg"></li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="https://static.igem.org/mediawiki/2011/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)