Template:Team:UC Davis/Head
From 2011.igem.org
(Difference between revisions)
Aheuckroth (Talk | contribs) |
Aheuckroth (Talk | contribs) |
||
(137 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 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.noConflict(); |
Line 31: | Line 30: | ||
var thispagenumber=0; | var thispagenumber=0; | ||
var $menulinks=null; | var $menulinks=null; | ||
- | var colorsarray=["#fff","#FF7722","#bb66ff","#12aeef","#EE3333","# | + | var colorsarray=["#fff","#FF7722","#bb66ff","#12aeef","#EE3333","#EEEE33", "#BA5FAB", "#33ee33"]; |
- | var linkcolorsarray=["#33ff33","#FF7722","#bb66ff","#12aeef","#FFFFFF","# | + | var linkcolorsarray=["#33ff33","#FF7722","#bb66ff","#12aeef","#FFFFFF","#EEEE33", "#BA5FAB", "#33ee33"]; |
var contentarray=[ | var contentarray=[ | ||
Line 39: | Line 38: | ||
"<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/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/ | + | "<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/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/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/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>LacI</a></li><li><a>TetR</a></li><li><a>λ cI</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=http://partsregistry.org/Main_Page>Parts Registry</a></li><li><a href=https://igem.org/About>About</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>", |
]; | ]; | ||
Line 67: | Line 66: | ||
width:$menulinks.eq(thispagenumber).parent().outerWidth(), | width:$menulinks.eq(thispagenumber).parent().outerWidth(), | ||
height:$menulinks.eq(0).outerHeight(), | height:$menulinks.eq(0).outerHeight(), | ||
- | zIndex:0 | + | zIndex:0 |
- | + | ||
} | } | ||
).appendTo($menu); | ).appendTo($menu); | ||
Line 124: | Line 122: | ||
left:$target.parent().position().left-(newwidth-$target.parent().outerWidth())/2, | left:$target.parent().position().left-(newwidth-$target.parent().outerWidth())/2, | ||
- | height:$contentbox.outerHeight()+$menulinks.eq(0).outerHeight() | + | height:$contentbox.outerHeight()+$menulinks.eq(0).outerHeight()},setting.fxtime,setting.fx); |
$target.dequeue().animate({color:colorsarray[$target.parent().index()]}, | $target.dequeue().animate({color:colorsarray[$target.parent().index()]}, | ||
Line 150: | Line 148: | ||
height:barheight, | height:barheight, | ||
width:currenttarget.parent().outerWidth(), | width:currenttarget.parent().outerWidth(), | ||
- | left:currenttarget.position().left | + | left:currenttarget.position().left}, |
setting.fxtime,setting.fx); | setting.fxtime,setting.fx); | ||
$contentbox.stop(true,true).css({opacity:0}) | $contentbox.stop(true,true).css({opacity:0}) | ||
Line 160: | Line 158: | ||
$(window).bind('resize',function(){snapback(setting.fxtime);})})}} | $(window).bind('resize',function(){snapback(setting.fxtime);})})}} | ||
+ | |||
$(document).ready(function() { | $(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> | </script> | ||
- | |||
<style> | <style> | ||
Line 175: | Line 190: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | |||
+ | .partsreglink:link { | ||
+ | color:#33ee33; | ||
+ | } | ||
+ | .partsreglink:visited { | ||
+ | color:#33ee33; | ||
} | } | ||
Line 269: | Line 291: | ||
-webkit-border-radius: 4px; | -webkit-border-radius: 4px; | ||
border-radius: 4px; | border-radius: 4px; | ||
- | background-color: rgba(0,0,0, | + | background-color: rgba(0,0,0,.75); |
} | } | ||
Line 277: | Line 299: | ||
#nav { | #nav { | ||
width: 90%; | width: 90%; | ||
- | background-color: rgba(0, 0, 0,. | + | background-color: rgba(0, 0, 0,.75); |
position:relative; | position:relative; | ||
margin-left: 50px; | margin-left: 50px; | ||
Line 306: | Line 328: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment:fixed; | background-attachment:fixed; | ||
+ | font-family: Helvetica, sans-serif; | ||
} | } | ||
Line 328: | Line 351: | ||
color:#aaa; | color:#aaa; | ||
text-decoration: none; | text-decoration: none; | ||
- | font-weight: | + | font-weight: normal; |
font-size: 16px; | font-size: 16px; | ||
} | } | ||
Line 340: | Line 363: | ||
{ | { | ||
visibility: hidden; | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .floatbox img | ||
+ | { | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .floatbox2 img | ||
+ | { | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .floatbox3 img | ||
+ | { | ||
+ | margin-right: 10px; | ||
} | } | ||
Line 347: | Line 385: | ||
float:left; | float:left; | ||
background-color: rgba(0,0,0,.65); | background-color: rgba(0,0,0,.65); | ||
- | margin-top: | + | margin-top: 5px; |
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
Line 353: | Line 391: | ||
font-size: 13px; | font-size: 13px; | ||
color: rgba(225,225,225,1); | color: rgba(225,225,225,1); | ||
+ | } | ||
+ | |||
+ | .floatbox a | ||
+ | { | ||
+ | font-weight:bold; | ||
} | } | ||
.floatbox2 | .floatbox2 | ||
{ | { | ||
- | width: | + | width:677px; |
float:left; | float:left; | ||
- | background-color: rgba(0,0,0,. | + | 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-top: 10px; | ||
+ | margin-right: 5px; | ||
border-radius: 4px; | border-radius: 4px; | ||
- | padding: | + | padding: 15px 15px 15px 15px; |
font: sans-serif; | font: sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
color: rgba(225,225,225,1); | 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; | ||
} | } | ||
Line 375: | Line 459: | ||
.sponsorfloat | .sponsorfloat | ||
{ | { | ||
- | background-color: rgba(0,0,0,. | + | background-color: rgba(0,0,0,.75); |
margin-top: 10px; | margin-top: 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 386: | Line 470: | ||
.sponsorfloat img | .sponsorfloat img | ||
{ | { | ||
- | margin-top: | + | 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> | </style> | ||
- | + | ||
+ | <script> | ||
+ | </script> | ||
Line 409: | Line 516: | ||
<li><a href="https://2011.igem.org/Team:UC_Davis/Data">Data</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/Attributions">Attributions</a></li> | ||
- | <li><a href="https://igem.org/ | + | <li><a href="https://2011.igem.org/Team:UC_Davis/iGEM">iGEM</a></li> |
Line 419: | Line 526: | ||
</div><!--/nav--> | </div><!--/nav--> | ||
</div><!--/navcon--> | </div><!--/navcon--> | ||
- | |||
</body> | </body> | ||
</html> | </html> | ||
- | |||
{{Team:UC_Davis/Sponsors}} | {{Team:UC_Davis/Sponsors}} |
Latest revision as of 19:59, 23 October 2011