Team:UCSF/Home1

From 2013.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:HokkaidoU_Japan/Index/Slideshow}}
+
<!--{{Team:HokkaidoU_Japan/Index/Slideshow}}-->
-
{{Team:HokkaidoU_Japan/header}}
+
<html>
 +
<script type="text/javascript">
 +
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j.m[\'19\']=j.m[\'V\'];j.O(j.m,{W:\'X\',V:8(x,t,b,c,d){6 j.m[j.m.W](x,t,b,c,d)},1a:8(x,t,b,c,d){6 c*(t/=d)*t+b},X:8(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},1b:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},1c:8(x,t,b,c,d){6 c*(t/=d)*t*t+b},1d:8(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},1e:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},1f:8(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},1g:8(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},1h:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},1i:8(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},1j:8(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},1k:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},1l:8(x,t,b,c,d){6-c*9.Y(t/d*(9.k/2))+c+b},1m:8(x,t,b,c,d){6 c*9.z(t/d*(9.k/2))+b},1n:8(x,t,b,c,d){6-c/2*(9.Y(9.k*t/d)-1)+b},1o:8(x,t,b,c,d){6(t==0)?b:c*9.n(2,10*(t/d-1))+b},1p:8(x,t,b,c,d){6(t==d)?b+c:c*(-9.n(2,-10*t/d)+1)+b},1q:8(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*9.n(2,10*(t-1))+b;6 c/2*(-9.n(2,-10*--t)+2)+b},1r:8(x,t,b,c,d){6-c*(9.F(1-(t/=d)*t)-1)+b},1s:8(x,t,b,c,d){6 c*9.F(1-(t=t/d-1)*t)+b},1t:8(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(9.F(1-t*t)-1)+b;6 c/2*(9.F(1-(t-=2)*t)+1)+b},1u:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);6-(a*9.n(2,10*(t-=1))*9.z((t*d-s)*(2*9.k)/p))+b},1v:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);6 a*9.n(2,-10*t)*9.z((t*d-s)*(2*9.k)/p)+c+b},1w:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);e(t<1)6-.5*(a*9.n(2,10*(t-=1))*9.z((t*d-s)*(2*9.k)/p))+b;6 a*9.n(2,-10*(t-=1))*9.z((t*d-s)*(2*9.k)/p)*.5+c+b},1x:8(x,t,b,c,d,s){e(s==G)s=1.r;6 c*(t/=d)*t*((s+1)*t-s)+b},1y:8(x,t,b,c,d,s){e(s==G)s=1.r;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},1z:8(x,t,b,c,d,s){e(s==G)s=1.r;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.Z))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.Z))+1)*t+s)+2)+b},11:8(x,t,b,c,d){6 c-j.m.R(x,d-t,0,c,d)+b},R:8(x,t,b,c,d){e((t/=d)<(1/2.q)){6 c*(7.H*t*t)+b}u e(t<(2/2.q)){6 c*(7.H*(t-=(1.5/2.q))*t+.q)+b}u e(t<(2.5/2.q)){6 c*(7.H*(t-=(2.1A/2.q))*t+.1B)+b}u{6 c*(7.H*(t-=(2.1C/2.q))*t+.1D)+b}},1E:8(x,t,b,c,d){e(t<d/2)6 j.m.11(x,t*2,0,c,d)*.5+b;6 j.m.R(x,t*2-d,0,c,d)*.5+c*.5+b}});(8($){$.1F={1G:\'@1H\'};$.S([\'A\',\'T\'],8(i,c){$.I[\'1I\'+c]=8(){e(!f[0])6;g a=c==\'A\'?\'J\':\'B\',v=c==\'A\'?\'12\':\'13\';6 h(f,c.14())+h(f,\'K\'+a)+h(f,\'K\'+v)};$.I[\'1J\'+c]=8(a){e(!f[0])6;g b=c==\'A\'?\'J\':\'B\',v=c==\'A\'?\'12\':\'13\';a=$.O({L:1K},a||{});6 h(f,c.14())+h(f,\'15\'+b+\'T\')+h(f,\'15\'+v+\'T\')+h(f,\'K\'+b)+h(f,\'K\'+v)+(a.L?(h(f,\'L\'+b)+h(f,\'L\'+v)):0)}});$.S([\'B\',\'J\'],8(i,b){$.I[\'C\'+b]=8(a){e(!f[0])6;6 a!=G?f.S(8(){f==D||f==M?D.1L(b==\'B\'?a:$(D)[\'1M\'](),b==\'J\'?a:$(D)[\'1N\']()):f[\'C\'+b]=a}):f[0]==D||f[0]==M?1O[(b==\'B\'?\'1P\':\'1Q\')]||$.1R&&M.1S[\'C\'+b]||M.16[\'C\'+b]:f[0][\'C\'+b]}});$.I.O({17:8(){g a=0,w=0,N=f[0],o,y,l,U;e(N){l=f.l();o=f.o();y=l.o();o.w-=h(N,\'1T\');o.E-=h(N,\'1U\');y.w+=h(l,\'1V\');y.E+=h(l,\'1W\');U={w:o.w-y.w,E:o.E-y.E}}6 U},l:8(){g a=f[0].l;1X(a&&(!/^16|1Y$/i.1Z(a.20)&&$.18(a,\'17\')==\'21\'))a=a.l;6 $(a)}});8 h(a,b){6 22($.18(a.23?a[0]:a,b))||0}})(j);',62,128,'||||||return||function|Math|||||if|this|var|num||jQuery|PI|offsetParent|easing|pow|offset||75|70158|||else|borr|top||parentOffset|sin|Height|Left|scroll|window|left|sqrt|undefined|5625|fn|Top|padding|margin|document|elem|extend|abs|asin|easeOutBounce|each|Width|results|swing|def|easeOutQuad|cos|525||easeInBounce|Bottom|Right|toLowerCase|border|body|position|css|jswing|easeInQuad|easeInOutQuad|easeInCubic|easeOutCubic|easeInOutCubic|easeInQuart|easeOutQuart|easeInOutQuart|easeInQuint|easeOutQuint|easeInOutQuint|easeInSine|easeOutSine|easeInOutSine|easeInExpo|easeOutExpo|easeInOutExpo|easeInCirc|easeOutCirc|easeInOutCirc|easeInElastic|easeOutElastic|easeInOutElastic|easeInBack|easeOutBack|easeInOutBack|25|9375|625|984375|easeInOutBounce|dimensions|version|VERSION|inner|outer|false|scrollTo|scrollLeft|scrollTop|self|pageXOffset|pageYOffset|boxModel|documentElement|marginTop|marginLeft|borderTopWidth|borderLeftWidth|while|html|test|tagName|static|parseInt|jquery'.split('|'),0,{}));
 +
// JavaScript Document
 +
/*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 +
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 +
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 +
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 +
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 +
*
 +
* Version: 3.0.2
 +
*
 +
* Requires: 1.2.2+
 +
*/
 +
 
 +
(function($) {
 +
 
 +
var types = ['DOMMouseScroll', 'mousewheel'];
 +
 
 +
$.event.special.mousewheel = {
 +
setup: function() {
 +
if ( this.addEventListener )
 +
for ( var i=types.length; i; )
 +
this.addEventListener( types[--i], handler, false );
 +
else
 +
this.onmousewheel = handler;
 +
},
 +
 +
teardown: function() {
 +
if ( this.removeEventListener )
 +
for ( var i=types.length; i; )
 +
this.removeEventListener( types[--i], handler, false );
 +
else
 +
this.onmousewheel = null;
 +
}
 +
};
 +
 
 +
$.fn.extend({
 +
mousewheel: function(fn) {
 +
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
 +
},
 +
 +
unmousewheel: function(fn) {
 +
return this.unbind("mousewheel", fn);
 +
}
 +
});
 +
 
 +
 
 +
function handler(event) {
 +
var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
 +
 +
event = $.event.fix(event || window.event);
 +
event.type = "mousewheel";
 +
 +
if ( event.wheelDelta ) delta = event.wheelDelta/120;
 +
if ( event.detail    ) delta = -event.detail/3;
 +
 +
// Add events and delta to the front of the arguments
 +
args.unshift(event, delta);
 +
 
 +
return $.event.handle.apply(this, args);
 +
}
 +
 
 +
})(jQuery);
 +
 
 +
/**
 +
* @version $Id:  $Revision
 +
* @package jquery
 +
* @subpackage lofslidernews
 +
* @copyright Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.com>. All rights reserved.
 +
* @website    http://landofcoder.com
 +
* @license This plugin is dual-licensed under the GNU General Public License and the MIT License
 +
*/
 +
// JavaScript Document
 +
(function($) {
 +
$.fn.lofJSidernews = function( settings ) {
 +
return this.each(function() {
 +
// get instance of the lofSiderNew.
 +
new  $.lofSidernews( this, settings );
 +
});
 +
}
 +
$.lofSidernews = function( obj, settings ){
 +
this.settings = {
 +
direction     : '',
 +
mainItemSelector    : 'li',
 +
navInnerSelector : 'ul',
 +
navSelector  : 'li' ,
 +
navigatorEvent : 'click',
 +
wapperSelector: '.lof-main-wapper',
 +
interval   : 4000,
 +
auto     : true, // whether to automatic play the slideshow
 +
maxItemDisplay : 3,
 +
startItem : 0,
 +
navPosition : 'vertical',
 +
navigatorHeight : 100,
 +
navigatorWidth : 310,
 +
duration : 600,
 +
navItemsSelector    : '.lof-navigator li',
 +
navOuterSelector    : '.lof-navigator-outer' ,
 +
isPreloaded : true,
 +
easing : 'easeInOutQuad'
 +
}
 +
$.extend( this.settings, settings ||{} );
 +
this.nextNo        = null;
 +
this.previousNo    = null;
 +
this.maxWidth  = this.settings.mainWidth || 600;
 +
this.wrapper = $( obj ).find( this.settings.wapperSelector );
 +
this.slides = this.wrapper.find( this.settings.mainItemSelector );
 +
if( !this.wrapper.length || !this.slides.length ) return ;
 +
// set width of wapper
 +
if( this.settings.maxItemDisplay > this.slides.length ){
 +
this.settings.maxItemDisplay = this.slides.length;
 +
}
 +
this.currentNo      = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem;
 +
this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );
 +
this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ;
 +
this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector );
 +
 +
if( this.settings.navPosition == 'horizontal' ){
 +
this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth );
 +
this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth );
 +
this.navigatorOuter.height( this.settings.navigatorHeight );
 +
 +
} else {
 +
this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight );
 +
 +
this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight );
 +
this.navigatorOuter.width( this.settings.navigatorWidth );
 +
}
 +
this.navigratorStep = this.__getPositionMode( this.settings.navPosition );
 +
this.directionMode = this.__getDirectionMode(); 
 +
 +
 +
if( this.settings.direction == 'opacity') {
 +
this.wrapper.addClass( 'lof-opacity' );
 +
$(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
 +
} else {
 +
this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
 +
}
 +
 
 +
 +
if( this.settings.isPreloaded ) {
 +
this.preLoadImage( this.onComplete );
 +
} else {
 +
this.onComplete();
 +
}
 +
 +
}
 +
    $.lofSidernews.fn =  $.lofSidernews.prototype;
 +
    $.lofSidernews.fn.extend =  $.lofSidernews.extend = $.extend;
 +
 +
$.lofSidernews.fn.extend({
 +
 
 +
startUp:function( obj, wrapper ) {
 +
seft = this;
 +
 
 +
this.navigatorItems.each( function(index, item ){
 +
$(item).click( function(){
 +
seft.jumping( index, true );
 +
seft.setNavActive( index, item );
 +
} );
 +
$(item).css( {'height': seft.settings.navigatorHeight, 'width':  seft.settings.navigatorWidth} );
 +
})
 +
this.registerWheelHandler( this.navigatorOuter, this );
 +
this.setNavActive(this.currentNo );
 +
 +
if( this.settings.buttons && typeof (this.settings.buttons) == "object" ){
 +
this.registerButtonsControl( 'click', this.settings.buttons, this );
 +
 
 +
}
 +
if( this.settings.auto )
 +
this.play( this.settings.interval,'next', true );
 +
 +
return this;
 +
},
 +
onComplete:function(){
 +
setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 ); this.startUp( );
 +
},
 +
preLoadImage:function(  callback ){
 +
var self = this;
 +
var images = this.wrapper.find( 'img' );
 +
 +
var count = 0;
 +
images.each( function(index,image){
 +
if( !image.complete ){  
 +
image.onload =function(){
 +
count++;
 +
if( count >= images.length ){
 +
self.onComplete();
 +
}
 +
}
 +
image.onerror =function(){
 +
count++;
 +
if( count >= images.length ){
 +
self.onComplete();
 +
}
 +
}
 +
}else {
 +
count++;
 +
if( count >= images.length ){
 +
self.onComplete();
 +
}
 +
}
 +
} );
 +
},
 +
navivationAnimate:function( currentIndex ) {
 +
if (currentIndex <= this.settings.startItem
 +
|| currentIndex - this.settings.startItem >= this.settings.maxItemDisplay-1) {
 +
this.settings.startItem = currentIndex - this.settings.maxItemDisplay+2;
 +
if (this.settings.startItem < 0) this.settings.startItem = 0;
 +
if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) {
 +
this.settings.startItem = this.slides.length-this.settings.maxItemDisplay;
 +
}
 +
}
 +
this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]+':-'+this.settings.startItem*this.navigratorStep[1]+'})'),
 +
{duration:500, easing:'easeInOutQuad'} );
 +
},
 +
setNavActive:function( index, item ){
 +
if( (this.navigatorItems) ){
 +
this.navigatorItems.removeClass( 'active' );
 +
$(this.navigatorItems.get(index)).addClass( 'active' );
 +
this.navivationAnimate( this.currentNo );
 +
}
 +
},
 +
__getPositionMode:function( position ){
 +
if( position  == 'horizontal' ){
 +
return ['left', this.settings.navigatorWidth];
 +
}
 +
return ['top', this.settings.navigatorHeight];
 +
},
 +
__getDirectionMode:function(){
 +
switch( this.settings.direction ){
 +
case 'opacity': this.maxSize=0; return ['opacity','opacity'];
 +
default: this.maxSize=this.maxWidth; return ['left','width'];
 +
}
 +
},
 +
registerWheelHandler:function( element, obj ){
 +
element.bind('mousewheel', function(event, delta ) {
 +
var dir = delta > 0 ? 'Up' : 'Down',
 +
vel = Math.abs(delta);
 +
if( delta > 0 ){
 +
obj.previous( true );
 +
} else {
 +
obj.next( true );
 +
}
 +
return false;
 +
});
 +
},
 +
registerButtonsControl:function( eventHandler, objects, self ){
 +
for( var action in objects ){
 +
switch (action.toString() ){
 +
case 'next':
 +
objects[action].click( function() { self.next( true) } );
 +
break;
 +
case 'previous':
 +
objects[action].click( function() { self.previous( true) } );
 +
break;
 +
}
 +
}
 +
return this;
 +
},
 +
onProcessing:function( manual, start, end ){
 +
this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
 +
this.nextNo = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);
 +
return this;
 +
},
 +
finishFx:function( manual ){
 +
if( manual ) this.stop();
 +
if( manual && this.settings.auto ){
 +
this.play( this.settings.interval,'next', true );
 +
}
 +
this.setNavActive( this.currentNo );
 +
},
 +
getObjectDirection:function( start, end ){
 +
return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)+"})");
 +
},
 +
fxStart:function( index, obj, currentObj ){
 +
if( this.settings.direction == 'opacity' ) {
 +
$(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
 +
$(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
 +
}else {
 +
this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
 +
}
 +
return this;
 +
},
 +
jumping:function( no, manual ){
 +
this.stop();
 +
if( this.currentNo == no ) return;
 +
var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})");
 +
this.onProcessing( null, manual, 0, this.maxSize )
 +
.fxStart( no, obj, this )
 +
.finishFx( manual );
 +
this.currentNo  = no;
 +
},
 +
next:function( manual , item){
 +
 
 +
this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);
 +
this.onProcessing( item, manual, 0, this.maxSize )
 +
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
 +
.finishFx( manual );
 +
},
 +
previous:function( manual, item ){
 +
this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
 +
this.onProcessing( item, manual )
 +
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
 +
.finishFx( manual );
 +
},
 +
play:function( delay, direction, wait ){
 +
this.stop();
 +
if(!wait){ this[direction](false); }
 +
var self  = this;
 +
this.isRun = setTimeout(function() { self[direction](true); }, delay);
 +
},
 +
stop:function(){
 +
if (this.isRun == null) return;
 +
clearTimeout(this.isRun);
 +
            this.isRun = null;
 +
}
 +
})
 +
})(jQuery)
 +
</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;
 +
}
 +
 
 +
 
 +
/*******************************************************/
 +
.lof-main-item-desc{
 +
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;
 +
}
 +
.lof-main-item-desc h3 i {
 +
font-size:70%;
 +
}
 +
 
 +
/* 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{
 +
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(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;
 +
 
 +
}
 +
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></html>
 +
<!--{{Team:HokkaidoU_Japan/header}}-->
 +
<html>
 +
<!--{{Team:HokkaidoU_Japan/css}}-->
 +
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis|Miltonian|Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
 +
 
 +
<!--{{Team:HokkaidoU_Japan/css/wikireset.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/components.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/typography.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/toc.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/layout.v1.css}}-->
 +
<html><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(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></html>
 +
<!--{Team:HokkaidoU_Japan/css/layout.logo.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/layout.navigation.css}}-->
 +
<html><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;
 +
}
 +
#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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/layout.twocolumn.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/css/layout.index.css}}-->
 +
<html><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></html>
 +
<!--{{Team:HokkaidoU_Japan/header}}-->
 +
</html>
 +
 
 +
 
 +
 
 +
<div id="hokkaidou-container">
 +
    <div id="hokkaidou-header">
 +
        <div id="hokkaidou-logo">
 +
            <h1><html><a href="https://2011.igem.org/Team:HokkaidoU_Japan">HokkaidoU Japan</a></html></h1>
 +
            <p class="description">iGEM 2011 Team of Hokkaido University</p>
 +
        </div>
 +
        <div id="hokkaidou-navigation"><ul>
 +
            <li id="hokkaidou-menu-home">[[Team:HokkaidoU_Japan|Home]]</li>
 +
            <li id="hokkaidou-menu-team">[[Team:HokkaidoU_Japan/Team|Team]]</li>
 +
            <li id="hokkaidou-menu-project">[[Team:HokkaidoU_Japan/Project|Project]]</li>
 +
            <li id="hokkaidou-menu-parts">[[Team:HokkaidoU_Japan/Parts|Parts]]</li>
 +
            <li id="hokkaidou-menu-protocol">[[Team:HokkaidoU_Japan/Protocols|Protocols]]</li>
 +
            <li id="hokkaidou-menu-notebook">[[Team:HokkaidoU_Japan/Notebook|Notebook]]</li>
 +
            <li id="hokkaidou-menu-safety">[[Team:HokkaidoU_Japan/Safety|Safety]]</li>
 +
            <li id="hokkaidou-menu-humanpractice">[[Team:HokkaidoU_Japan/HumanPractice|Human Practice]]</li>
 +
        </ul></div>
 +
    </div>
 +
    <div id="hokkaidou-content">
 +
 
 +
<!--Javascript-->
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
Line 24: Line 1,032:
     });
     });
</script>
</script>
 +
</html>
 +
<!--Left-cntent-->
 +
<html>
<div id="hokkaidou-left-content">
<div id="hokkaidou-left-content">
     <ul id="hokkaidou-index-menu">
     <ul id="hokkaidou-index-menu">
Line 83: Line 1,094:
     </div>
     </div>
</html>
</html>
-
{{Team:HokkaidoU_Japan/SocialButtons}}
+
<!--right content-->
<html>
<html>
</div>
</div>
-
 
<div id="hokkaidou-right-content">
<div id="hokkaidou-right-content">
     <div id="lofslidecontent45" class="lof-slidecontent">
     <div id="lofslidecontent45" class="lof-slidecontent">
Line 155: Line 1,165:
     <p>In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.</p>
     <p>In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.</p>
-
    <h2>BioArt</h2>
+
 
-
    <iframe id="hokkaidou-bioart-youtube" width="680" height="360" src="http://www.youtube.com/embed/nOP0YIUSj-s" frameborder="0" allowfullscreen></iframe>
+
-
    <style type="text/css">
+
-
        iframe#hokkaidou-bioart-youtube{ margin-bottom: 30px; }
+
-
    </style>
+
-
 
+
-
    <p>We held the new type science art gallery "Bio Art" at the center of Sapporo city.</p>
+
-
    <p>This gallery is not only for our team.You can also enjoy Bio Art on this Web page.
+
-
    You can watch more detail in <a href="https://2011.igem.org/Team:HokkaidoU_Japan/HumanPractice">Human Practice</a> page.</p>
+
-
+
</html>
</html>
-
 
-
==Acknowledgements==
 
-
===Laboratory and Personnel===
 
-
* Environmental Molecular Biology, Graduate School of Environmental Earth Science, Hokkaido University
 
-
:: Ken-ichi Yamazaki and Members of Yamazaki Lab
 
-
* Molecular Biology, Institute for Genetic Medicine, Hokkaido University
 
-
:: Hisatoshi Shida
 
-
* Nikon Imaging Center
 
-
:: Takeharu Nagai, Kenta Saito, Masahiro Nakano, Kentarou Kobayashi, Hiroshi Nishino
 
-
* Laboratory of Molecular and Cellular Biophysics, Hokkaido University
 
-
:: Tomomi Nemoto, Terumasa Hibi, Ryosuke Kawakami
 
-
* Muroran Marine Station Field Science Center for Northern Biosphere, Hokkaido University
 
-
:: Taizo Motomura
 
-
* Laboratory of X-ray structural biology, Department of Advanced Transdisciplinary Science, faculty of Advanced Life Science
 
-
::Isao Tanaka
 
-
* Research Institute for Electronic Science, Hokkaido University
 
-
 
-
===Academic Institutions===
 
-
* Salmonella Genetic Stock Center/University of Calgary
 
-
* Graduate School of Environmental Earth Science
 
-
* Department of biological science/School of Sciense
 
-
* Institute for Genetic Medicine
 
-
 
-
===Companies===
 
-
* Primary Cell Co., Ltd.
 
-
* ECONiXE Co., Ltd.
 
-
* Hokuto Kohki Engineering Co,. Ltd.
 
-
* COSMO BIO Co., Ltd.
 
-
* AMINO UP CHEMICAL Co., Ltd.
 
-
* Mendel Workshop Co., Ltd.
 
-
 
-
</div>
 
-
{{Team:HokkaidoU_Japan/footer}}
 

Latest revision as of 09:45, 8 August 2013

</html>


  • 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!

Abstract

We further developed "Dr. E. coli": our project of iGEM 2010. Last year, we showed that Type 3 Secretion System (T3SS) works in E. coli by injecting GFP into RK13 cells. T3SS is a syringe like organelle found in bacterium such as Salmonella which uses it to inject virulence effector proteins into a target eukaryotic cell. We think this system can be applied to direct reprogramming of somatic cells among many other things.

We tested T3SS performance and tried to make it more convenient. For this purpose we designed a plasmid backbone which can instantly produce ready-to-inject fusion proteins from ordinary biobrick part. Using it, we tried to further characterize this system by injecting a library of protein domains.

In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.

Retrieved from "http://2013.igem.org/Team:UCSF/Home1"