Template:Team:UC Davis/Head

From 2011.igem.org

(Difference between revisions)
Line 38: 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/Project_Selection'>Selection</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/LacI'>LacI</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/TetR'>TetR</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/cilambda'>λ cI</a></li></ul>",
+
   "<ul><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/Process'>Process</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/LacI'>LacI</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/TetR'>TetR</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/cilambda'>λ cI</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>
-
 
+
-
  "<ul><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='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/JudgeComments'>Judging Comments</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()+10},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();
+
-
});
+
-
$('.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,.8);
+
-
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 {
+
-
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://igem.org/Main_Page" target="_blank">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}}
+

Revision as of 04:04, 28 September 2011