|
|
Line 6: |
Line 6: |
| | | |
| <script type="text/javascript" src="https://2011.igem.org/Template:Team:UC_Davis/regex.js?action=raw"></script> | | <script type="text/javascript" src="https://2011.igem.org/Template:Team:UC_Davis/regex.js?action=raw"></script> |
− |
| |
− | <script>
| |
− | //jQuery.noConflict();
| |
− |
| |
− |
| |
− | jQuery.extend(jQuery.easing,
| |
− | {
| |
− | easeOutBack:function(x,t,b,c,d,s)
| |
− |
| |
− | {
| |
− | if(s==undefined)
| |
− | s=1.70158;
| |
− |
| |
− | return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
| |
− | }
| |
− | }
| |
− | )
| |
− |
| |
− |
| |
− |
| |
− | var barheight=0;
| |
− | var currenttarget=null;
| |
− | var thispagenumber=0;
| |
− | var $menulinks=null;
| |
− | var colorsarray=["#fff","#FF7722","#bb66ff","#12aeef","#EE3333","#EEEE33", "#BA5FAB", "#33ee33"];
| |
− | var linkcolorsarray=["#33ff33","#FF7722","#bb66ff","#12aeef","#FFFFFF","#EEEE33", "#BA5FAB", "#33ee33"];
| |
− |
| |
− | var contentarray=[
| |
− | "",
| |
− |
| |
− | "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Team>Team Members</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Advisors>Advisors</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Contact>Contact</a></li></ul>",
| |
− |
| |
− | "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Project'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Project_Selection'>Selection</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/PartFamilies'>Make a Part Family</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Process'>Our Process</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/PromoterFamilies'>Promoter Families</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/KO3D>KO3D</a></li></ul>",
| |
− |
| |
− | "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Environmental>Environmental</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Public>Public</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Researcher>Researcher</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Questionnaire>Questionnaire</a></li><ul>",
| |
− |
| |
− | "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Notebook'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Gallery'>Gallery</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Protocols'>Protocols</a></li></ul>",
| |
− |
| |
− | "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Data>Overview</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Data_LacI>LacI</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Data_TetR>TetR</a></li><li><a href = 'https://2011.igem.org/Team:UC_Davis/Data_LambdacI'>λ cI</a></li></ul>",
| |
− |
| |
− | "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Attributions'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Sponsors'>Our Sponsors</a></li></ul>",
| |
− |
| |
− | "<ul><li><a href='https://2011.igem.org/Main_Page' target='_blank'>iGEM Main Page</a></li><li><a href='http://partsregistry.org/Main_Page' target='_blank'>Parts Registry</a></li><li><a href='https://igem.org/About' target='_blank'>About</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Criteria'>Criteria</a></li></ul>",
| |
− |
| |
− | ];
| |
− |
| |
− | var gooeymenu={effectmarkup:'<li class="active"></li>',setup:function(usersetting)
| |
− | {
| |
− | jQuery(function($){function snapback(dur){}
| |
− |
| |
− | var setting=jQuery.extend({fx:'easeOutBack',fxtime:500,snapdelay:300},usersetting);
| |
− | var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)');
| |
− | $menulinks=$menu.find('li a');
| |
− | $menulinks.eq(thispagenumber).css('color',colorsarray[thispagenumber]);
| |
− | var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom,zIndex:1});
| |
− | var $effectref=$(gooeymenu.effectmarkup).css(
| |
− | {
| |
− | top:$menulinks.eq(0).position().top,
| |
− | width:$menulinks.eq(thispagenumber).parent().outerWidth(),
| |
− | height:$menulinks.eq(0).outerHeight(),
| |
− | zIndex:0
| |
− | }
| |
− | ).appendTo($menu);
| |
− |
| |
− | barheight=$menulinks.eq(0).outerHeight();
| |
− | $effectref.css(
| |
− | {
| |
− | left:$menulinks.eq(thispagenumber).position().left
| |
− | }
| |
− | );
| |
− |
| |
− | if(typeof setting.selectitem!="undefined")
| |
− | {
| |
− | var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected');
| |
− | }
| |
− |
| |
− | else
| |
− | {
| |
− | var $selectedlink=$menulinks.filter('.selected:eq(0)');
| |
− | var $selectedlink=$menulinks.eq(1);
| |
− | }
| |
− |
| |
− | setting.defaultselectedBool=$selectedlink.length;$menulinks.mouseover(function()
| |
− | {
| |
− | var $target=$(this);
| |
− | if(currenttarget!=$target)
| |
− | {
| |
− | clearTimeout(setting.snapbacktimer);
| |
− | $contentbox.html(contentarray[$target.parent().index()]);
| |
− | var contentwidth = $contentbox.width();
| |
− | currenttarget=$target;$contentbox.dequeue().css(
| |
− | {
| |
− | left:$target.parent().position().left-(contentwidth-$target.parent().width())/2,opacity:0
| |
− | }
| |
− | );
| |
− | var $contentlinks=$contentbox.find('a');
| |
− | $contentlinks.hover(function()
| |
− | {
| |
− | $(this).css({color:colorsarray[$target.parent().index()]
| |
− | }
| |
− | );
| |
− |
| |
− | },
| |
− | function(){$(this).css({color:'#aaa'});
| |
− | }
| |
− | )
| |
− |
| |
− | $contentbox.dequeue().animate({opacity:1},setting.fxtime*4,setting.fx);
| |
− | var newwidth = ($target.parent().outerWidth() > $contentbox.outerWidth())?($target.parent().outerWidth()):($contentbox.outerWidth());
| |
− | $effectref.dequeue().animate(
| |
− | {
| |
− |
| |
− | width:newwidth,
| |
− |
| |
− | left:$target.parent().position().left-(newwidth-$target.parent().outerWidth())/2,
| |
− |
| |
− | height:$contentbox.outerHeight()+$menulinks.eq(0).outerHeight()},setting.fxtime,setting.fx);
| |
− |
| |
− | $target.dequeue().animate({color:colorsarray[$target.parent().index()]},
| |
− |
| |
− | setting.fxtime,setting.fx);
| |
− |
| |
− | if(setting.defaultselectedBool==0)
| |
− | $selectedlink=$target;
| |
− | }})
| |
− |
| |
− | $menulinks.mouseleave(function(){
| |
− | var $target=$(this);if($menulinks.index(this)!=thispagenumber)
| |
− | $target.dequeue().animate({color:'#aaa'},setting.fxtime,setting.fx);
| |
− | }
| |
− | )
| |
− |
| |
− | if($selectedlink.length>0)
| |
− | {
| |
− | snapback(0);
| |
− | $('#navcon').mouseleave(function()
| |
− | {
| |
− | currenttarget=$menulinks.eq(thispagenumber);
| |
− | setting.snapbacktimer=setTimeout(function(){$effectref.dequeue().animate(
| |
− | {
| |
− | height:barheight,
| |
− | width:currenttarget.parent().outerWidth(),
| |
− | left:currenttarget.position().left},
| |
− | setting.fxtime,setting.fx);
| |
− | $contentbox.stop(true,true).css({opacity:0})
| |
− | },
| |
− | setting.snapdelay)
| |
− | }
| |
− | )
| |
− | }
| |
− |
| |
− | $(window).bind('resize',function(){snapback(setting.fxtime);})})}}
| |
− |
| |
− | $(document).ready(function() {
| |
− | window.$ = jQuery;
| |
− | $('#linktable td').click(function(){
| |
− | window.location = "https://2011.igem.org/Team:UC_Davis/Notebook/Week_" + $(this).text();
| |
− | });
| |
− | var urlpieces = window.location.href.split('/');
| |
− | if(urlpieces[urlpieces.length-2] == 'Notebook')
| |
− | {
| |
− | var weeknum = urlpieces[urlpieces.length-1].split('_');
| |
− | weeknum = parseInt(weeknum[1]);
| |
− | if(weeknum)
| |
− | {
| |
− | $('#linktable td').eq(weeknum-1).mouseover().unbind();
| |
− | }
| |
− |
| |
− | }
| |
− | $('.floatbox a').css('color', linkcolorsarray[thispagenumber]);
| |
− | $('.sponsorfloat a').css('color', linkcolorsarray[thispagenumber]);
| |
− | $('.floatbox *').replaceText(/(Bba\_)/gi, '');
| |
− | $('.floatbox *').replaceText(/\b([A-Z]\d{4,})\b/gi, '<a href="http://partsregistry.org/Part:BBa_$1" class="partsreglink" target="_blank">BBa_$1</a>');
| |
− | $('.floatbox *').replaceText(/\b(pSB\d[A-Z]+\d)\b/gi, '<a href="http://partsregistry.org/Part:$1" class="partsreglink" target="_blank">$1</a>');
| |
− | });
| |
− | </script>
| |
− | <style>
| |
− |
| |
− | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
| |
− | #globalWrapper {
| |
− | background-color: transparent;
| |
− | border: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | .partsreglink:link {
| |
− | color:#33ee33;
| |
− | }
| |
− | .partsreglink:visited {
| |
− | color:#33ee33;
| |
− | }
| |
− |
| |
− | #top-section {
| |
− | height: 20px;
| |
− | background-color: rgba(255,255,255,0);
| |
− | margin-left: auto;
| |
− | width: 99%;
| |
− | margin-right: auto;
| |
− | margin-bottom: 10px;
| |
− | margin-top: 3px;
| |
− | border-bottom: 20px;
| |
− | }
| |
− |
| |
− | #p-logo {
| |
− | height:0px;
| |
− | overflow:hidden;
| |
− | display:none;
| |
− | }
| |
− | .firstHeading {
| |
− | display: none;
| |
− | }
| |
− | #footer-box {
| |
− | background-color: transparent;
| |
− | border: none;
| |
− | width: 1000px;
| |
− | margin: 0 auto;
| |
− | padding: 0;
| |
− | }
| |
− | #search-controls {
| |
− | display: none;
| |
− | }
| |
− | .left-menu {
| |
− | width: 400px;
| |
− | display:block;
| |
− | float:left;
| |
− | border: none;
| |
− | }
| |
− | #menubar.right-menu {
| |
− | width:300px;
| |
− | display:block;
| |
− | float:left;
| |
− | margin-top:-80px;
| |
− | border: none;
| |
− | color: #000
| |
− | }
| |
− |
| |
− |
| |
− | hr{
| |
− | margin:50px 0;
| |
− | color:#eee;
| |
− | }
| |
− |
| |
− | ul li.active{ /*IE6 hack- hide effect from that browser*/
| |
− | _visibility: hidden; /*IE6 rule*/
| |
− | }
| |
− |
| |
− |
| |
− | /* ######### Solid Block Menu CSS ######### */
| |
− |
| |
− |
| |
− | ul.solidblockmenu{
| |
− | margin: 8px;
| |
− | margin-bottom:1em;
| |
− | list-style: none;
| |
− | position:relative;
| |
− | text-align: left; //set value to "left", "center", or "right"
| |
− | text-color: #fff;
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− | ul.solidblockmenu li{
| |
− | display: inline;
| |
− | }
| |
− |
| |
− | ul.solidblockmenu li a{
| |
− | font: 18px Helvetica, sans-serif;
| |
− | color: #aaa;
| |
− | padding: 7px;
| |
− | margin-right: 14px; /*spacing between each menu link*/
| |
− | margin-left: 14px; /*spacing between each menu link*/
| |
− | text-decoration: none;
| |
− | position:relative;
| |
− | z-index: 1;
| |
− | }
| |
− |
| |
− | ul.solidblockmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
| |
− | position: absolute;
| |
− | width: 0;
| |
− | height:80%;
| |
− | border:0px solid black;
| |
− | -moz-border-radius: 4px;
| |
− | -webkit-border-radius: 4px;
| |
− | border-radius: 4px;
| |
− | background-color: rgba(0,0,0,.75);
| |
− |
| |
− | }
| |
− |
| |
− | /* Navbar background stuff */
| |
− |
| |
− | #nav {
| |
− | width: 90%;
| |
− | background-color: rgba(0, 0, 0,.75);
| |
− | position:relative;
| |
− | margin-left: 50px;
| |
− | z-index: 1;
| |
− | border-radius: 4px;
| |
− | }
| |
− |
| |
− | #navcon {
| |
− | height: 230px;
| |
− | width:965px;
| |
− | background-image: url('https://static.igem.org/mediawiki/2011/5/56/UCD_Pipettebanner_resize.jpg');
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | #content {
| |
− | width:965px;
| |
− | padding: 0;
| |
− | background-color: rgba(255, 255, 255, 0);
| |
− | color: #ddd;
| |
− | border-style: none;
| |
− | }
| |
− |
| |
− | body{
| |
− | background-color: rgba(255,255,255,1);
| |
− | /*background-image: url('https://static.igem.org/mediawiki/2011/0/01/UCDavis_wiki_background_1.png');*/
| |
− | background-image: url('https://static.igem.org/mediawiki/2011/3/36/UCD_DNA_bkg_1080p.png');
| |
− | background-size: 100%;
| |
− | background-repeat: no-repeat;
| |
− | background-attachment:fixed;
| |
− | font-family: Helvetica, sans-serif;
| |
− | }
| |
− |
| |
− | #contentbox {
| |
− | color:#aaa;
| |
− | position:absolute;
| |
− | font-size: 22px;
| |
− | margin-top:-10px;
| |
− | padding-left:6px;
| |
− | padding-right:6px;
| |
− | opacity:0;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #contentbox ul{
| |
− | margin-left: 0;
| |
− | list-style:none;
| |
− | line-height:20px;
| |
− | }
| |
− |
| |
− | #contentbox li a {
| |
− | color:#aaa;
| |
− | text-decoration: none;
| |
− | font-weight: normal;
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | table
| |
− | {
| |
− | background-color: rgba(255,255,255,0);
| |
− | }
| |
− |
| |
− | #catlinks
| |
− | {
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .floatbox img
| |
− | {
| |
− | margin-right: 10px;
| |
− | }
| |
− |
| |
− | .floatbox2 img
| |
− | {
| |
− | margin-right: 10px;
| |
− | }
| |
− |
| |
− | .floatbox3 img
| |
− | {
| |
− | margin-right: 10px;
| |
− | }
| |
− |
| |
− | .floatbox
| |
− | {
| |
− | width:707px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.65);
| |
− | margin-top: 5px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | }
| |
− |
| |
− | .floatbox a
| |
− | {
| |
− | font-weight:bold;
| |
− | }
| |
− |
| |
− | .floatbox2
| |
− | {
| |
− | width:677px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.4);
| |
− | margin-top: 5px;
| |
− | border-radius: 4px;
| |
− | padding: 0px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | }
| |
− |
| |
− | .floatbox3
| |
− | {
| |
− | width:677px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.4);
| |
− | margin-top: 0px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | }
| |
− |
| |
− | .floatboxleft
| |
− | {
| |
− | width:318px;
| |
− | background-color: rgba(0,0,0,.4);
| |
− | margin-top: 10px;
| |
− | margin-right: 5px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | float: left;
| |
− | }
| |
− |
| |
− | .floatboxright
| |
− | {
| |
− | width:318px;
| |
− | background-color: rgba(0,0,0,.4);
| |
− | margin-top: 10px;
| |
− | margin-left: 5px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | float: right;
| |
− | }
| |
− |
| |
− | .sponsorsbox
| |
− | {
| |
− | width: 220px;
| |
− | float: right;
| |
− | }
| |
− | .sponsorfloat
| |
− | {
| |
− | background-color: rgba(0,0,0,.75);
| |
− | margin-top: 10px;
| |
− | border-radius: 4px;
| |
− | padding: 5px 5px 5px 5px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | }
| |
− |
| |
− | .sponsorfloat img
| |
− | {
| |
− | margin-top: 5px;
| |
− | margin-bottom: 5px;
| |
− | padding: 0px;
| |
− | }
| |
− |
| |
− |
| |
− | #linktable td {
| |
− | top: 25px;
| |
− | right: 25px;
| |
− | margin: 2px;
| |
− | display: inline-block;
| |
− | background: rgba(200,200,200,.4);
| |
− | padding: 3px 11px 3px 11px;
| |
− | border-radius: 5px;
| |
− | color: rgba(225,225,225,1);
| |
− | opacity:.3;
| |
− | width: 14px;
| |
− | text-align: center;
| |
− | cursor: pointer;
| |
− | }
| |
− | #linktable td a:hover {
| |
− | text-decoration:none;
| |
− | }
| |
− | </style>
| |
− |
| |
− |
| |
− |
| |
− | <script>
| |
− | </script>
| |
− |
| |
− |
| |
− | </head>
| |
− |
| |
− | <body>
| |
− |
| |
− | <div id="navcon">
| |
− | <br>
| |
− | <div id="nav">
| |
− | <ul id="gooeymenu1" class="solidblockmenu">
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis">Home</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Team">Team</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Project">Project</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Safety">Safety</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Notebook">Notebook</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Data">Data</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/Attributions">Attributions</a></li>
| |
− | <li><a href="https://2011.igem.org/Team:UC_Davis/iGEM">iGEM</a></li>
| |
− |
| |
− |
| |
− | </ul>
| |
− |
| |
− | <script>gooeymenu.setup({id:'gooeymenu1', selectitem:0, fx:'swing'})</script>
| |
− |
| |
− | <div id="contentbox"></div>
| |
− | </div><!--/nav-->
| |
− | </div><!--/navcon-->
| |
− | </body>
| |
− | </html>
| |
− | {{Team:UC_Davis/Sponsors}}
| |