Template:Team:UC Davis/Head
From 2011.igem.org
(Difference between revisions)
Aheuckroth (Talk | contribs) |
|||
(890 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
- | |||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Template:Team:UC_Davis/regex.js?action=raw"></script> | ||
<script> | <script> | ||
- | / | + | //jQuery.noConflict(); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | jQuery.extend(jQuery.easing, {easeOutBack:function(x, t, b, c, d, s | + | 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> | <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{ | hr{ | ||
margin:50px 0; | margin:50px 0; | ||
Line 73: | Line 249: | ||
} | } | ||
- | ul li.active{ /*IE6 hack- hide | + | ul li.active{ /*IE6 hack- hide effect from that browser*/ |
_visibility: hidden; /*IE6 rule*/ | _visibility: hidden; /*IE6 rule*/ | ||
} | } | ||
Line 82: | Line 258: | ||
ul.solidblockmenu{ | ul.solidblockmenu{ | ||
- | margin: | + | margin: 8px; |
margin-bottom:1em; | margin-bottom:1em; | ||
- | |||
list-style: none; | list-style: none; | ||
position:relative; | position:relative; | ||
- | text-align: | + | text-align: left; //set value to "left", "center", or "right" |
+ | text-color: #fff; | ||
+ | |||
+ | |||
} | } | ||
Line 95: | Line 273: | ||
ul.solidblockmenu li a{ | ul.solidblockmenu li a{ | ||
- | font: | + | font: 18px Helvetica, sans-serif; |
- | color: | + | color: #aaa; |
- | padding: | + | padding: 7px; |
- | margin-right: | + | margin-right: 14px; /*spacing between each menu link*/ |
+ | margin-left: 14px; /*spacing between each menu link*/ | ||
text-decoration: none; | 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*/ | ul.solidblockmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/ | ||
- | position:absolute; | + | position: absolute; |
- | width:0; | + | width: 0; |
- | border: | + | height:80%; |
+ | border:0px solid black; | ||
-moz-border-radius: 4px; | -moz-border-radius: 4px; | ||
-webkit-border-radius: 4px; | -webkit-border-radius: 4px; | ||
- | 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; | 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; | 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- | + | margin-right: 10px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .floatbox3 img | |
- | + | { | |
+ | margin-right: 10px; | ||
} | } | ||
- | + | .floatbox | |
- | + | { | |
- | + | width:707px; | |
- | padding: | + | 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: | + | 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: | + | { |
- | + | width: 220px; | |
- | background-color: rgba(0, 0, 0, | + | 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; | ||
} | } | ||
- | # | + | |
- | width: | + | #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> | </style> | ||
- | + | ||
+ | <script> | ||
+ | </script> | ||
Line 217: | Line 506: | ||
<div id="navcon"> | <div id="navcon"> | ||
- | + | <br> | |
<div id="nav"> | <div id="nav"> | ||
- | <ul id="gooeymenu1" class=" | + | <ul id="gooeymenu1" class="solidblockmenu"> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:UC_Davis">Home</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:UC_Davis/Team">Team</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:UC_Davis/Project">Project</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:UC_Davis/Safety">Safety</a></li> |
- | </ul> | + | <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: | + | <script>gooeymenu.setup({id:'gooeymenu1', selectitem:0, fx:'swing'})</script> |
+ | <div id="contentbox"></div> | ||
</div><!--/nav--> | </div><!--/nav--> | ||
</div><!--/navcon--> | </div><!--/navcon--> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | {{Team:UC_Davis/Sponsors}} |
Latest revision as of 19:59, 23 October 2011