|
|
| (572 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| | + | <html><style> |
| | | | |
| − | <!DOCTYPE html>
| + | /********************************* DEFAULT WIKI SETTINGS ********************************/ |
| − | <div id="carousel1" class="carousel slide" data-ride="carousel">
| + | |
| − | <html lang="en" dir="ltr" class="client-nojs">
| + | |
| − | <head>
| + | |
| − | <meta charset="UTF-8" />
| + | |
| − | <title>Team:UNebraska-Lincoln - 2016.igem.org</title>
| + | |
| − | <meta name="generator" content="MediaWiki 1.24.1" />
| + | |
| − | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:UNebraska-Lincoln&action=edit" />
| + | |
| − | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:UNebraska-Lincoln&action=edit" />
| + | |
| − | <link rel="shortcut icon" href="/favicon.ico" />
| + | |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
| + | |
| − | <link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
| + | |
| − | <link rel="alternate" hreflang="x-default" href="/Team:UNebraska-Lincoln" />
| + | |
| − | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| + | |
| − | <link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| + | |
| − | <link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| + | |
| − | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
| + | |
| − | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
| + | |
| − | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
| + | |
| − | /* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
| + | |
| − | <script src="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:UNebraska-Lincoln","wgTitle":"Team:UNebraska-Lincoln","wgCurRevisionId":117440,"wgRevisionId":117440,"wgArticleId":3659,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Phuongninh1996","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:UNebraska-Lincoln","wgUserId":180,"wgUserEditCount":90,"wgUserRegistration":1465567542000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| + | |
| − | }</script><script>if(window.mw){
| + | |
| − | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| + | |
| − | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"997983aa9d4334f6ed5b4cf8c7697b7b+\\","patrolToken":"736aec81117c1f50157c390d0e52b282+\\","watchToken":"9dcf55ef327ab84ab31ef88d000f3f39+\\"});},{},{});
| + | |
| − | /* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:72f93928ab13c549606e66ad46d1228f */
| + | |
| − | }</script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| + | |
| − | }</script>
| + | |
| | | | |
| − | </head>
| + | #sideMenu, #top_title {display:none;} |
| − | <body >
| + | |
| − | <!-- <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> -->
| + | |
| − | <script src="js/jquery-1.11.3.min.js"></script>
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| + | |
| − |
| + | |
| − | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
| + | |
| − | <script src="js/bootstrap.js"></script>
| + | |
| − |
| + | |
| − |
| + | |
| − | <div id='globalWrapper'>
| + | |
| − | <div id='top_menu_under' class='noprint'></div>
| + | |
| − | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the
| + | |
| − |
| + | |
| − | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
| + | |
| − | <div id="content" class="mw-body" role="main">
| + | |
| − | <a id="top"></a>
| + | |
| − |
| + | |
| − | <div id="top_title">
| + | |
| − | <div class="logo_2016">
| + | |
| − | <a href="https://2016.igem.org">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <h1 id="firstHeading" class="firstHeading">
| + | |
| − | <span dir="auto">Team:UNebraska-Lincoln</span>
| + | |
| − | </h1>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div id="HQ_page">
| + | |
| − | <div id="bodyContent">
| + | |
| − | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
| + | |
| − | <head>
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1" />
| + | |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge" />
| + | |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/bootstrap?action=raw&ctype=text/css" />
| + | |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/fonts/AleoRegular?action=raw&ctype=text/css" />
| + | |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/navbar?action=raw&ctype=text/css" />
| + | |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/navbarfix?action=raw&ctype=text/css" />
| + | |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jquery?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/bootstrapjs?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/smoothscrolling?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/autohide-navbar?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script>$(".navbar-fixed-top").autoHidingNavbar();</script>
| + | |
| − |
| + | |
| − | <style type='text/css'>
| + | |
| − | #top_title, #sideMenu{
| + | |
| − | display: none;
| + | |
| − | #content{
| + | |
| − | width:100%;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − |
| + | |
| − | </head>
| + | |
| − | <nav class="navbar navbar-default navbar-fixed-top" style="font-family: aleoregular;">
| + | |
| − | <div class="container-fluid">
| + | |
| − | <!-- Brand and toggle get grouped for better mobile display -->
| + | |
| − | <div class="navbar-header">
| + | |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
| + | |
| − | <span class="sr-only">Toggle navigation</span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | <a class="navbar-brand" id="brand" href="https://2016.igem.org/Team:Unebraska-Lincoln" style="padding-top:10px;">
| + | |
| − | <img alt="Brand" id="brandimg" src="" height="48.3px" width="68.7px">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <!-- Collect the nav links, forms, and other content for toggling -->
| + | |
| − | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="font-size: 12pt;">
| + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu dropdown-menu-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Team">Our Team</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Lab">The Lab</a></li>
| + | |
| − | <li><a href="http://www.daligem2016.wordpress.com/">The Blog<span class="sr-only">(current)</span></a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">The Project<span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu dropdown-menu-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Description">Description</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-LincolnExperiments">Experiments</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Proof">Proof of Concept</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Results">Results</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Notebook">Notebook</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Outreach<span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu dropdown-menu-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Human_Practices">Human Practices</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Shubenacadie">B</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/MicrobiomeMap">A</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="active"> </li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/Safety">Safety</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-LincolnAttributions">Attributions</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Unebraska-Lincoln/PapersandPresentations">Papers and Presentations</a></li>
| + | |
| − | </ul>
| + | |
| − | </div><!-- /.navbar-collapse -->
| + | |
| − | </div><!-- /.container-fluid -->
| + | |
| − | </nav>
| + | |
| | | | |
| − | <script>
| + | #content{width:100%; margin:0px; padding:0px;} |
| − | // Javascript
| + | |
| − | !function($){return $?($.Unslider=function(t,n){var e=this;return e._="unslider",e.defaults={autoplay:!1,delay:3e3,speed:750,easing:"swing",keys:{prev:37,next:39},nav:!0,arrows:{prev:'<a class="'+e._+'-arrow prev">Prev</a>',next:'<a class="'+e._+'-arrow next">Next</a>'},animation:"horizontal",selectors:{container:"ul:first",slides:"li"},animateHeight:!1,activeClass:e._+"-active",swipe:!0,swipeThreshold:.2},e.$context=t,e.options={},e.$parent=null,e.$container=null,e.$slides=null,e.$nav=null,e.$arrows=[],e.total=0,e.current=0,e.prefix=e._+"-",e.eventSuffix="."+e.prefix+~~(2e3*Math.random()),e.interval=null,e.init=function(t){return e.options=$.extend({},e.defaults,t),e.$container=e.$context.find(e.options.selectors.container).addClass(e.prefix+"wrap"),e.$slides=e.$container.children(e.options.selectors.slides),e.setup(),$.each(["nav","arrows","keys","infinite"],function(t,n){e.options[n]&&e["init"+$._ucfirst(n)]()}),jQuery.event.special.swipe&&e.options.swipe&&e.initSwipe(),e.options.autoplay&&e.start(),e.calculateSlides(),e.$context.trigger(e._+".ready"),e.animate(e.options.index||e.current,"init")},e.setup=function(){e.$context.addClass(e.prefix+e.options.animation).wrap('<div class="'+e._+'" />'),e.$parent=e.$context.parent("."+e._);var t=e.$context.css("position");"static"===t&&e.$context.css("position","relative"),e.$context.css("overflow","hidden")},e.calculateSlides=function(){if(e.total=e.$slides.length,"fade"!==e.options.animation){var t="width";"vertical"===e.options.animation&&(t="height"),e.$container.css(t,100*e.total+"%").addClass(e.prefix+"carousel"),e.$slides.css(t,100/e.total+"%")}},e.start=function(){return e.interval=setTimeout(function(){e.next()},e.options.delay),e},e.stop=function(){return clearTimeout(e.interval),e},e.initNav=function(){var t=$('<nav class="'+e.prefix+'nav"><ol /></nav>');e.$slides.each(function(n){var i=this.getAttribute("data-nav")||n+1;$.isFunction(e.options.nav)&&(i=e.options.nav.call(e.$slides.eq(n),n,i)),t.children("ol").append('<li data-slide="'+n+'">'+i+"</li>")}),e.$nav=t.insertAfter(e.$context),e.$nav.find("li").on("click"+e.eventSuffix,function(){var t=$(this).addClass(e.options.activeClass);t.siblings().removeClass(e.options.activeClass),e.animate(t.attr("data-slide"))})},e.initArrows=function(){e.options.arrows===!0&&(e.options.arrows=e.defaults.arrows),$.each(e.options.arrows,function(t,n){e.$arrows.push($(n).insertAfter(e.$context).on("click"+e.eventSuffix,e[t]))})},e.initKeys=function(){e.options.keys===!0&&(e.options.keys=e.defaults.keys),$(document).on("keyup"+e.eventSuffix,function(t){$.each(e.options.keys,function(n,i){t.which===i&&$.isFunction(e[n])&&e[n].call(e)})})},e.initSwipe=function(){var t=e.$slides.width();"fade"!==e.options.animation&&e.$container.on({movestart:function(t){return t.distX>t.distY&&t.distX<-t.distY||t.distX<t.distY&&t.distX>-t.distY?!!t.preventDefault():void e.$container.css("position","relative")},move:function(n){e.$container.css("left",-(100*e.current)+100*n.distX/t+"%")},moveend:function(n){Math.abs(n.distX)/t>e.options.swipeThreshold?e[n.distX<0?"next":"prev"]():e.$container.animate({left:-(100*e.current)+"%"},e.options.speed/2)}})},e.initInfinite=function(){var t=["first","last"];$.each(t,function(n,i){e.$slides.push.apply(e.$slides,e.$slides.filter(':not(".'+e._+'-clone")')[i]().clone().addClass(e._+"-clone")["insert"+(0===n?"After":"Before")](e.$slides[t[~~!n]]()))})},e.destroyArrows=function(){$.each(e.$arrows,function(t,n){n.remove()})},e.destroySwipe=function(){e.$container.off("movestart move moveend")},e.destroyKeys=function(){$(document).off("keyup"+e.eventSuffix)},e.setIndex=function(t){return 0>t&&(t=e.total-1),e.current=Math.min(Math.max(0,t),e.total-1),e.options.nav&&e.$nav.find('[data-slide="'+e.current+'"]')._active(e.options.activeClass),e.$slides.eq(e.current)._active(e.options.activeClass),e},e.animate=function(t,n){if("first"===t&&(t=0),"last"===t&&(t=e.total),isNaN(t))return e;e.options.autoplay&&e.stop().start(),e.setIndex(t),e.$context.trigger(e._+".change",[t,e.$slides.eq(t)]);var i="animate"+$._ucfirst(e.options.animation);return $.isFunction(e[i])&&e[i](e.current,n),e},e.next=function(){var t=e.current+1;return t>=e.total&&(t=0),e.animate(t,"next")},e.prev=function(){return e.animate(e.current-1,"prev")},e.animateHorizontal=function(t){var n="left";return"rtl"===e.$context.attr("dir")&&(n="right"),e.options.infinite&&e.$container.css("margin-"+n,"-100%"),e.slide(n,t)},e.animateVertical=function(t){return e.options.animateHeight=!0,e.options.infinite&&e.$container.css("margin-top",-e.$slides.outerHeight()),e.slide("top",t)},e.slide=function(t,n){if(e.options.animateHeight&&e._move(e.$context,{height:e.$slides.eq(n).outerHeight()},!1),e.options.infinite){var i;n===e.total-1&&(i=e.total-3,n=-1),n===e.total-2&&(i=0,n=e.total-2),"number"==typeof i&&(e.setIndex(i),e.$context.on(e._+".moved",function(){e.current===i&&e.$container.css(t,-(100*i)+"%").off(e._+".moved")}))}var o={};return o[t]=-(100*n)+"%",e._move(e.$container,o)},e.animateFade=function(t){var n=e.$slides.eq(t).addClass(e.options.activeClass);e._move(n.siblings().removeClass(e.options.activeClass),{opacity:0}),e._move(n,{opacity:1},!1)},e._move=function(t,n,i,o){return i!==!1&&(i=function(){e.$context.trigger(e._+".moved")}),t._move(n,o||e.options.speed,e.options.easing,i)},e.init(n)},$.fn._active=function(t){return this.addClass(t).siblings().removeClass(t)},$._ucfirst=function(t){return(t+"").toLowerCase().replace(/^./,function(t){return t.toUpperCase()})},$.fn._move=function(){return this.stop(!0,!0),$.fn[$.fn.velocity?"velocity":"animate"].apply(this,arguments)},void($.fn.unslider=function(t){return this.each(function(){var n=$(this);if("string"==typeof t&&n.data("unslider")){t=t.split(":");var e=n.data("unslider")[t[0]];if($.isFunction(e))return e.apply(n,t[1]?t[1].split(","):null)}return n.data("unslider",new $.Unslider(n,t))})})):console.warn("Unslider needs jQuery")}(window.jQuery);
| + | |
| − | </script>
| + | |
| | | | |
| | + | #page-wrapper { |
| | + | position: absolute; |
| | + | width: 100%; |
| | + | } |
| | + | .inner{transform: scale(0.80); |
| | + | } |
| | | | |
| − | <head>
| + | #footer { |
| − | <meta name="viewport" content="width=device-width, initial-scale=1" /> | + | background-image: url("https://static.igem.org/mediawiki/2016/4/42/T--UNebraska-Lincoln--NESkyline.png"); |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge" />
| + | background-repeat: no-repeat; |
| − | <meta charset="utf-8" />
| + | background-position: center; |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/index?action=raw&ctype=text/css"/>
| + | background-size: auto; |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/bootstrap?action=raw&ctype=text/css"/>
| + | background-attachment: fixed; |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/navbarfix?action=raw&ctype=text/css"/>
| + | -webkit-background-size: cover; |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln//libraries/jquery?action=raw&ctype=text/javascript"></script>
| + | -moz-background-size: cover; |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln//libraries/bootstrapjs?action=raw&ctype=text/javascript"></script> | + | -o-background-size: cover; |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln//libraries/smoothscrolling?action=raw&ctype=text/javascript"></script> | + | background-size: cover; |
| − | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln//libraries/autohide-navbar?action=raw&ctype=text/javascript"></script> | + | height: 800px; |
| − | <script>$(".navbar-fixed-top").autoHidingNavbar();</script>
| + | |
| − | <title> UNebraska University iGEM </title>
| + | |
| | | | |
| | + | } |
| | + | #banner{ |
| | + | background-image: url("https://static.igem.org/mediawiki/2016/b/b7/T--UNebraska-Lincoln--knockoutnitrate.png"); |
| | + | background-repeat: no-repeat; |
| | + | background-position: center; |
| | + | background-size: cover; |
| | | | |
| − | <style type='text/css'>
| + | height: 500px; |
| − | #top_title, #sideMenu{ | + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | #content{
| + | |
| − | width:100%;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | p {
| + | |
| − | color:#423836;
| + | |
| | } | | } |
| − | h3 {
| + | |
| − | color: #708355;
| + | |
| | + | |
| | + | /********************************* MENU ********************************/ |
| | + | /* Wrapper for the menu */ |
| | + | |
| | + | html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} |
| | + | |
| | + | |
| | + | /*---------- BODY --------------------------------*/ |
| | + | |
| | + | body { |
| | + | text-align: center; |
| | + | background: #e0e0e0; |
| | + | padding-bottom: 200px; |
| | + | |
| | } | | } |
| − | </style>
| + | |
| | + | a { |
| | + | text-decoration: none; |
| | + | } |
| | + | |
| | + | /*---------- Wrapper --------------------*/ |
| | + | |
| | + | /* styling for the menu items */ |
| | + | |
| | + | span.reference{ |
| | + | position:fixed; |
| | + | left:10px; |
| | + | bottom:10px; |
| | + | font-size:12px; |
| | + | } |
| | + | span.reference a{ |
| | + | color:#aaa; |
| | + | text-transform:uppercase; |
| | + | text-decoration:none; |
| | + | text-shadow:1px 1px 1px #000; |
| | + | margin-right:30px; |
| | + | } |
| | + | span.reference a:hover{ |
| | + | color:#ddd; |
| | + | } |
| | + | ul.sdt_menu{ |
| | + | margin-top:300px; |
| | + | padding-bottom: 10px; |
| | + | |
| | + | } |
| | + | |
| | + | /* when hovering on a menu item */ |
| | + | |
| | + | #NavBar{ |
| | + | margin: 0; |
| | + | width:auto; |
| | + | size: 75%; |
| | + | background-image: url("white"); |
| | + | padding-left: 200px; |
| | + | padding-top: 85px; |
| | + | height: 160px;} |
| | + | |
| | + | |
| | + | |
| | + | #top_menu_14 {height: 20px;} |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | /********************************* RESPONSIVE STYLING ********************************/ |
| | + | |
| | + | /* IF THE SCREEN IS LESS THAN 1000PX */ |
| | + | |
| | + | |
| | + | /* IF THE SCREEN IS LESS THAN 680PX */ |
| | + | |
| | + | |
| | + | |
| | + | </style> |
| | + | |
| | + | |
| | + | <head> |
| | + | <title>Solid State by HTML5 UP</title> |
| | + | <meta charset="utf-8" /> |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| | + | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> |
| | + | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/Safetymain?action=raw&ctype=text/css" /> |
| | + | |
| | + | <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> |
| | + | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> |
| | + | |
| | + | <!-- CSS RESET --> |
| | + | |
| | + | |
| | | | |
| | </head> | | </head> |
| | | | |
| − | <Body> | + | |
| − | <div id =" jumbotron" class=" jumbotron text- center"> | + | |
| − | | + | <body> |
| − | <div class=" col- md- 4" style=" align- content: left;"> | + | |
| − | </div>
| + | <!-- Page Wrapper --> |
| − | </div>
| + | <div id="page-wrapper"> |
| | + | |
| | + | <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> |
| | + | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/NavigationMenu?action=raw&ctype=text/css" type="text/css" media="screen"/> |
| | + | <!-- Menu --> |
| | + | <div id="NavBar"> |
| | + | <div class ="inner"> |
| | + | <ul id="sdt_menu" class="sdt_menu"> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/0/02/T--UNebraska-Lincoln--home2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link">Home</span> |
| | + | <span class="sdt_descr"></span> |
| | + | </span> |
| | + | </a> |
| | + | </li> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/c/cb/T--UNebraska-Lincoln--TeamStock2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link" >Team</span> |
| | + | <span class="sdt_descr"></span> |
| | + | </span> |
| | + | </a> |
| | + | </li> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/1/11/T--UNebraska-Lincoln--Blueprints2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link">Blueprints</span> |
| | + | <span class="sdt_descr"></span> |
| | + | </span> |
| | + | </a> |
| | + | |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/background">Background</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/modeling">Modeling</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/design">Design</a> |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | </li> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--UNebraska-Lincoln--Laboratory2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link" style="">Laboratory</span> |
| | + | <span class="sdt_descr"></span> |
| | + | <div class="sdt_box"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/experiments">Experiments</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/lab_manual">Lab Notebook</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/safety_cases">Safety Cases</a> |
| | + | |
| | + | </div> |
| | + | |
| | + | </span> |
| | + | </a> |
| | + | </li> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/1/1a/T--UNebraska-Lincoln--beyondthebench2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link">Outreach</span> |
| | + | <span class="sdt_descr"></span> |
| | + | <div class="sdt_box"> |
| | + | |
| | + | |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/human_practices">Human Practices</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Integrated_Practices">Integrated Practices</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/collaboration">Collaboration</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/industry">Industry</a> |
| | + | |
| | + | </div> |
| | + | |
| | + | </span> |
| | + | </a> |
| | + | </li> |
| | + | <li style="background-color:#4c5c96;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/e/ef/T--UNebraska-Lincoln--thanks2.png" alt=""/> |
| | + | <span class="sdt_active"></span> |
| | + | <span class="sdt_wrap"> |
| | + | <span class="sdt_link">Thanks!</span> |
| | + | <span class="sdt_descr"></span> |
| | + | <div class="sdt_box"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors">Sponsors</a> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions">Attributions</a> |
| | + | |
| | + | </div> |
| | + | </span> |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | </ul> |
| | + | |
| | + | </div> |
| | </div> | | </div> |
| − | <div class="container">
| |
| − | <div class="col-lg-6.col-centered" style="font-family:aleoregular;">
| |
| − | <h3 id="header">A Brief Description:</h3>
| |
| − | <p>Deep within the porcupine gut lies a concoction of microorganisms (called a microbiome) and their accompanying enzymes. We believe this fascinating microbiome holds the secret as to why porcupines are capable of digesting tree bark and sap, where as other mammals such as ourselves, are incapable of doing so. The Dalhousie iGEM team is working in close partnership with Schubenacadie Wildlife Park which has provided mammal fecal samples that we can use for microbiome analysis. As much as we are interested in learning about porcupines, we are also interested in learning about the other mammals living at the park. This will allow us to broaden our range, and find more microorganisms of interest. Once the organisms are identified, we can use online search tools like Blast to find enzymes and biosynthetic pathways within the microbiome organisms that are capable of utilizing cellulose or tree sap for the creation of bioplastics, biofuel and many other useful products. The project has developed into three mini-projects that we hope will illuminate not only the porcupine microbiome but also the bacterial population found within the Schubenacadie ecosystem.</p>
| |
| | | | |
| − | <p>The first project involves sequencing the porcupine microbiome. A preliminary test was conducted utilizing porcupine fecal samples collected on our first expedition to the park. The samples were prepared via a PowerFecal kit (Mo Bio) and then sent for 16s sequencing at the Integrated Microbiome Resource at Dalhousie University. We are still waiting for our results. On the second expedition to the park, we were provided with twenty fecal samples from mammals such as porcupines, black bears, beavers, deers, otters, and rabbits. These samples have recently been prepared for 16s sequencing using a PowerFecal kit. We hope that once we sequence the microbiome of these twenty mammals that we can produce a microbiome map for the park.</p>
| |
| | | | |
| − | <p>The second project involves plating the fecal samples on various media and identifying what grows. To begin, cellulose media was prepared as we believe the media to be very selective. Furthermore, identifying bacteria capable of surviving in a cellulose environment will have down steam implications as future teams can study the cellulose degradation properties of these bacteria and their potential biofuel capabilities. Two rounds of plating occurred using porcupine feces from the first trip to the park and from the second. It appears that there is limited growth on the cellulose plates (in comparison to regular LB agar plates) but two colonies have emerged. As the team is interested in identifying the bacteria that allow for digestion of tree bark and sap, sap containing plates were prepared. Any bacteria that grow on the cellulose plates will then be transferred to the sap plates to see if they can survive in these even harsher conditions. We have yet to transfer any bacteria to the sap plates as the first round of cellulose plating was considered preliminary to ensure the selectivity of the media. </p> | + | <!-- Banner --> |
| | + | <section id="banner" > |
| | + | <div class="inner" > |
| | + | <h2 style=" height: 90px; font-size:45px, padding-bottom: 30px">Knockout Nitrate</h2> |
| | + | <p><font color="Gainsboro">A synthetic biology project by the <a href="http://igem.unl.edu">University of Nebraska-Lincoln iGEM Team</a></font></p> |
| | + | </div> |
| | + | </section> |
| | | | |
| − | <p>The third project involves the formation of a genomic DNA library of the environmental DNA collected from the porcupine sample. This stage of the project is very much in its infancy as the team is still working on preparing the vector and the environmental DNA. </p> | + | <!-- One --> |
| | + | <section id="one" class="wrapper spotlight style1"> |
| | + | <div class="inner" > |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Description" class="image"><img src="https://static.igem.org/mediawiki/2016/9/90/T--UNebraska-Lincoln--iGEMAstock2.jpg" alt="" /></a> |
| | + | <div class="content"> |
| | + | <h2 class="major" style="font-size:50px">Overview</h2> |
| | + | <p align="center"><font color="Gainsboro">The Nitrogen Cycle is a biogeochemical cycle which has become extremely unbalanced. High nitrate levels in waterways cause drastic effects on the marine life and surrounding environment. To combat this, we set out to engineer an organism capable of reducing these nitrate ions. Throughout our experiments and outreach, we expanded the scope of our project. We developed a nitrate sensitive kill switch, as well as developed safety assurance cases in order to gain confidence in the safety of our system. |
| | + | <p>As you walk through this wiki, you'll navigate through the drawing board, the laboratory bench, as well as our experiences beyond the bench. Enjoy! |
| | + | </font></p></p> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | |
| | + | <!-- Two --> |
| | + | <section id="three" class="wrapper alt spotlight style2"> |
| | + | <div class="inner" style=''width:70%;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board" class="image"><img src="https://static.igem.org/mediawiki/2016/f/fe/T--UNebraska-Lincoln--iGEMAstock4.jpg" alt="" /></a> |
| | + | <div class="content"> |
| | + | <h2 class="major" style="font-size:50px">The Drawing Board</h2> |
| | + | <p><font color=Gainsboro>The background information, computational modeling, and project design that eventually made its way into our laboratory experiments.</font></p> |
| | + | <h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board">Check out the drawing board!</a></h2> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | |
| | + | <!-- Three --> |
| | + | <section id="three" class="wrapper spotlight style3"> |
| | + | <div class="inner"style=''width:60%;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory" class="image"><img src="https://static.igem.org/mediawiki/2016/d/d2/T--UNebraska-Lincoln--iGEMAstock3.jpg" alt="" /></a> |
| | + | <div class="content"> |
| | + | <h2 class="major" style="font-size:50px">The Laboratory</h2> |
| | + | <p><font color=Gainsboro>Our wet lab experiments, lab notebook procedures, and novel application of safety assurance cases.</font></p> |
| | + | <h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory">Check out the Lab Bench!</a></h2> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | |
| | + | <!-- Two --> |
| | + | <section id="three" class="wrapper alt spotlight style2"> |
| | + | <div class="inner" style=''width:70%;"> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench" class="image"><img src="https://static.igem.org/mediawiki/2016/e/e9/T--UNebraska-Lincoln--iGEMAstock5.jpg" alt="" /></a> |
| | + | <div class="content"> |
| | + | <h2 class="major" style="font-size:50px">Beyond the Bench</h2> |
| | + | <p><font color=Gainsboro>Our experiences outside of the lab, from public outreach experiences to inter-team collaboration, we had a blast!</font></p> |
| | + | <h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench">Check out our Meeting Room!</a></h2> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | |
| | + | |
| | + | <!-- Four --> |
| | + | <section id="four" class="wrapper alt style1"> |
| | + | <div class="inner" style=''width:70%;"> |
| | + | <h2 class="major" style="font-size:50px">Important:</h2> |
| | + | <section class="features"> |
| | + | <article> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors" class="image"><img src="https://static.igem.org/mediawiki/2016/b/bd/T--UNebraska-Lincoln--sponsors.png" alt="" /></a> |
| | + | <h3 class="major">Our Sponsors</h3> |
| | + | <p><font color="silver">Our project and iGEM experience would not have been possible without our sponsors!</font></p> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors" class="special">Learn more</a> |
| | + | </article> |
| | + | <article> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions" class="image"><img src="https://static.igem.org/mediawiki/2016/8/8a/T--UNebraska-Lincoln--thanks3.png" alt="" /></a> |
| | + | <h3 class="major">Attributions</h3> |
| | + | <p><font color="silver">Attribution of all external assistance, art, and web design.</font></p> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions" class="special">Learn more</a> |
| | + | </article> |
| | + | <article> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team" class="image"><img src="https://static.igem.org/mediawiki/2016/4/4b/T--UNebraska-Lincoln--iGEMAstock6.jpg" alt="" /></a> |
| | + | <h3 class="major">Meet the Team!</h3> |
| | + | <p><font color="silver">Our highly diverse of team of six undergraduates spans six majors and two countries.</font></p> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team" class="special">Learn more</a> |
| | + | </article> |
| | + | <article> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Safety" class="image"><img src="https://static.igem.org/mediawiki/2016/a/a6/T--UNebraska-Lincoln--SafetyStock.jpg" alt="" /></a> |
| | + | <h3 class="major">Safety</h3> |
| | + | <p><font color="silver">See the steps we took to ensure our own safety and the safety of our project.</font></p> |
| | + | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Safety" class="special">Learn more</a> |
| | + | </article> |
| | + | </section> |
| | + | </div> |
| | + | </section> |
| | + | |
| | + | </section> |
| | + | |
| | + | <!-- Footer --> |
| | + | <section id="footer"> |
| | + | </section> |
| | | | |
| − | <p>Dalhousie iGEM hope that these experiments will not only provide immediate insight into the Schubenacadie ecosystem, and porcupine microbiome but will also lay the foundation for exploring biofuel production and cellulose degradation by characterized as well did novel porcupine bacteria.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </body>
| |
| | | | |
| | <footer class="footer"> | | <footer class="footer"> |
| − | | + | <div class="container"> |
| − | <p class="text-muted">Directory: <a href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries">/Libraries </a>I <a href="https://2016.igem.org/Team:UNebraska-Lincoln/css">/css</a></p> | + | <p class="text-muted">Directory: <a href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries">/Libraries </a>I <a href="https://2016.igem.org/Team:UNebraska-Lincoln/css">/css</a></p> |
| − | </div>
| + | </div> |
| − | </footer>
| + | </footer> |
| | + | </div> |
| | | | |
| − | </p>
| + | <!-- Scripts --> |
| − | <!-- | + | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/skelmin?action=raw&ctype=text/javascript"></script> |
| − | NewPP limit report
| + | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jquery1?action=raw&ctype=text/javascript"></script> |
| − | CPU time usage: 0.006 seconds
| + | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jqueryscrollex?action=raw&ctype=text/javascript"></script> |
| − | Real time usage: 0.007 seconds
| + | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/util?action=raw&ctype=text/javascript"></script> |
| − | Preprocessor visited node count: 14/1000000
| + | <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> |
| − | Preprocessor generated node count: 64/1000000
| + | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/main?action=raw&ctype=text/javascript"></script> |
| − | Post‐expand include size: 82/2097152 bytes
| + | |
| − | Template argument size: 0/2097152 bytes
| + | |
| − | Highest expansion depth: 2/40
| + | |
| − | Expensive parser function count: 0/100
| + | |
| − | --> | + | |
| | | | |
| − | <!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:4125-0!*!*!*!*!*!* and timestamp 20160916161702 and revision id 122264
| |
| − | -->
| |
| − | </div> <div class="visualClear"></div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | </div>
| + | <!-- Scripts --> |
| | + | <!-- Nav bar --> |
| | | | |
| − | <!-- Side Menubar -->
| + | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jquery_easing_1_3?action=raw&ctype=text/javascript"></script> |
| − | <div id="sideMenu">
| + | <script type="text/javascript"> |
| − | <a href="https://2016.igem.org">
| + | $(function() { |
| − | <div id="home_logo" >
| + | /** |
| − | <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg"> | + | * for each menu element, on mouseenter, |
| − | </div>
| + | * we enlarge the image, and show both sdt_active span and |
| − | </a> | + | * sdt_wrap span. If the element has a sub menu (sdt_box), |
| | + | * then we slide it - if the element is the last one in the menu |
| | + | * we slide it to the left, otherwise to the right |
| | + | */ |
| | + | $('#sdt_menu > li').bind('mouseenter',function(){ |
| | + | var $elem = $(this); |
| | + | $elem.find('img') |
| | + | .stop(true) |
| | + | .animate({ |
| | + | 'width':'170px', |
| | + | 'height':'170px', |
| | + | 'left':'0px' |
| | + | },400,'easeOutBack') |
| | + | .andSelf() |
| | + | .find('.sdt_wrap') |
| | + | .stop(true) |
| | + | .animate({'top':'140px'},500,'easeOutBack') |
| | + | .andSelf() |
| | + | .find('.sdt_active') |
| | + | .stop(true) |
| | + | .animate({'height':'170px'},300,function(){ |
| | + | var $sub_menu = $elem.find('.sdt_box'); |
| | + | if($sub_menu.length){ |
| | + | var left = '170px'; |
| | + | if($elem.parent().children().length == $elem.index()+1) |
| | + | left = '-170px'; |
| | + | $sub_menu.show().animate({'left':left},200); |
| | + | } |
| | + | }); |
| | + | }).bind('mouseleave',function(){ |
| | + | var $elem = $(this); |
| | + | var $sub_menu = $elem.find('.sdt_box'); |
| | + | if($sub_menu.length) |
| | + | $sub_menu.hide().css('left','0px'); |
| | + | |
| | + | $elem.find('.sdt_active') |
| | + | .stop(true) |
| | + | .animate({'height':'0px'},300) |
| | + | .andSelf().find('img') |
| | + | .stop(true) |
| | + | .animate({ |
| | + | 'width':'0px', |
| | + | 'height':'0px', |
| | + | 'left':'85px'},400) |
| | + | .andSelf() |
| | + | .find('.sdt_wrap') |
| | + | .stop(true) |
| | + | .animate({'top':'25px'},500); |
| | + | }); |
| | + | }); |
| | + | </script> |
| | | | |
| − | <div style="clear:both; height:5px;"></div>
| |
| | | | |
| − | <div id="menuDisplay"></div> <!- Menu will be loaded here ->
| |
| − | </div>
| |
| | | | |
| − | <!-- Pop_Why Div is definded here -->
| |
| − | <div class="pop_why_cover"></div>
| |
| | | | |
| − | <div class="pop_why_box" >
| + | |
| − | <div class="pop_close">× </div>
| + | |
| − | <div class="pop_why_content"><h3> Loading ... </h3></div>
| + | |
| − | </div>
| + | |
| | | | |
| − | </div>
| + | </body> |
| | + | |
| | + | </p> |
| | </html> | | </html> |
