Template:Team:UC Davis/Head

From 2011.igem.org

(Difference between revisions)
 
(635 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();
-
This code heavily adapted and modified by Keegan Owsley. and barely by Tim Fenton Fo sho
+
-
*/
+
-
/* jQuery Gooey Menu
 
-
* Created: April 7th, 2011 by DynamicDrive.com. This notice must stay intact for usage
 
-
* Author: Dynamic Drive at http://www.dynamicdrive.com/
 
-
* Visit http://www.dynamicdrive.com/ for full source code
 
-
*/
 
-
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){ //see http://gsgd.co.uk/sandbox/jquery/easing/
+
  {
-
if (s == undefined) s = 1.70158;
+
      if(s==undefined)
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
            s=1.70158;
-
}
+
-
})
+
-
var barheight = 0;
+
      return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
-
var currenttarget = null;
+
  }
 +
}
 +
)
-
var colorsarray = [ "#fff", "#FF7722", "#9400D3", "#12aeef", "#CD0000", "#AADD00" ];
 
-
var contentarray = [
+
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>",
-
  "<a href=#>subhead</a><br><a href=#>subhead</a><br><a href=#>subhead</a>",
 
-
  "<a href=#>subhead2</a><br><a href=#>subhead2</a><br><a href=#>subhead2</a>",
 
-
  "<a href=#>subhead3</a><br><a href=#>subhead3</a><br><a href=#>subhead2</a>",
 
-
  "<a href=#>subhead4</a><br><a href=#>subhead4</a><br><a href=#>subhead4</a>",
 
-
  "<a href=#>week 1</a>&nbsp;&nbsp;&nbsp;<a href=#>week 2</a><br><a href=#>week 3</a>&nbsp;&nbsp;&nbsp;<a href=#>week 4</a><br><a href=#>week 5</a>&nbsp;&nbsp;&nbsp;<a href=#>week 6</a><br><a href=#>week 7</a>&nbsp;&nbsp;&nbsp;<a href=#>week 8</a><br><a href=#>week 9</a>&nbsp;&nbsp;&nbsp;<a href=#>week 10</a>",
 
-
  "<a href=#>subhead6</a><br><a href=#>subhead6</a><br><a href=#>subhead6</a>",
 
-
 
];
];
-
var gooeymenu={
+
var gooeymenu={effectmarkup:'<li class="active"></li>',setup:function(usersetting)
-
effectmarkup: '<li class="active"></li>',
+
{
 +
  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);
-
setup:function(usersetting){
+
barheight=$menulinks.eq(0).outerHeight();
-
jQuery(function($){ //on document.ready
+
$effectref.css(
-
function snapback(dur){
+
-
if ($selectedlink.length>0)
+
-
$effectref.dequeue().animate({left:$selectedlink.position().left, width:$selectedlink.outerWidth()}, dur, setting.fx)
+
-
}
+
-
var setting=jQuery.extend({fx:'easeOutBack', fxtime:500, snapdelay:300}, usersetting)
+
-
var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)') //select main menu UL
+
-
var $menulinks=$menu.find('li a')
+
-
                        var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom, zIndex:1});
+
-
var $effectref=$(gooeymenu.effectmarkup).css({top:$menulinks.eq(0).position().top, height:$menulinks.eq(0).outerHeight(), zIndex:0, opacity:0}).appendTo($menu) //add trailing effect LI to the menu UL
+
-
                        barheight = $menulinks.eq(0).outerHeight();
+
-
$effectref.css({left:-$menu.offset().left-$effectref.outerWidth()*(1.75-1)/2}+25) //position effect LI behind the left edge of the window
+
-
if (typeof setting.selectitem!="undefined"){ //if setting.selectitem defined
+
-
var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected')
+
-
}
+
-
else{
+
-
var $selectedlink=$menulinks.filter('.selected:eq(0)') //find item with class="selected" manually defined
+
-
}
+
-
setting.defaultselectedBool=$selectedlink.length
+
-
$menulinks.mouseover(function(){
+
-
var $target=$(this)
+
-
if(currenttarget != $target)
+
{
{
-
clearTimeout(setting.snapbacktimer)
+
  left:$menulinks.eq(thispagenumber).position().left
-
                                currenttarget = $target;
+
-
//alert($target.position().left+" "+$target.get(0).offsetLeft)
+
-
                                $contentbox.dequeue().css({left:$target.parent().position().left, opacity:0});
+
-
                                $contentbox.html(contentarray[$target.parent().index()]);
+
-
        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);
+
-
$effectref.dequeue().animate({left:$target.parent().position().left-$target.parent().outerWidth()*(1-1)/2+25, width:$target.parent().outerWidth()*1, height:150, opacity:0.3}, setting.fxtime, setting.fx)
+
-
                                $target.dequeue().animate({color:colorsarray[$target.parent().index()]}, setting.fxtime, setting.fx)
+
-
if (setting.defaultselectedBool==0) //if there is no default selected menu item
+
-
$selectedlink=$target //set current mouseover element to selected element
+
}
}
-
})
+
);
-
$menulinks.mouseleave(function(){
+
 
-
                                var $target = $(this)
+
if(typeof setting.selectitem!="undefined")
-
$target.dequeue().animate({color:'#aaa'}, setting.fxtime, setting.fx)
+
{
-
})
+
  var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected');
-
if ($selectedlink.length>0){
+
-
snapback(0)
+
-
$('#navcon').mouseleave(function(){
+
-
                                     
+
-
setting.snapbacktimer=setTimeout(function(){
+
-
// snapback(setting.fxtime)
+
-
                                                $effectref.dequeue().animate({height:barheight, width:currenttarget.parent().outerWidth(), left:currenttarget.position().left,opacity:0.3},setting.fxtime,setting.fx);
+
-
                                                $contentbox.stop(true,true).css({opacity:0})
+
-
}, setting.snapdelay)
+
-
})
+
-
}
+
-
$(window).bind('resize', function(){
+
-
snapback(setting.fxtime)
+
-
})
+
-
})
+
-
}
+
}
}
-
</script>
 
 +
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 116: Line 249:
}
}
-
ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
+
ul li.active{ /*IE6 hack- hide effect from that browser*/
_visibility: hidden; /*IE6 rule*/
_visibility: hidden; /*IE6 rule*/
}
}
Line 127: Line 260:
margin: 8px;
margin: 8px;
margin-bottom:1em;
margin-bottom:1em;
-
padding: 20;
 
list-style: none;
list-style: none;
position:relative;
position:relative;
Line 141: Line 273:
ul.solidblockmenu li a{
ul.solidblockmenu li a{
-
font: 26px Helvetica, sans-serif;
+
font: 18px Helvetica, sans-serif;
color: #aaa;
color: #aaa;
-
padding: 10px;
+
padding: 7px;
-
margin-right: 20px; /*spacing between each menu link*/
+
margin-right: 14px; /*spacing between each menu link*/
-
margin-left: 20px; /*spacing between each menu link*/
+
margin-left: 14px; /*spacing between each menu link*/
text-decoration: none;
text-decoration: none;
position:relative;
position:relative;
Line 156: Line 288:
height:80%;
height:80%;
border:0px solid black;
border:0px solid black;
-
-moz-border-radius: 1px;
+
-moz-border-radius: 4px;
-
-webkit-border-radius: 1px;
+
-webkit-border-radius: 4px;
-
border-radius: 1px;
+
border-radius: 4px;
-
/*-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
+
background-color: rgba(0,0,0,.75);
-
-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
+
-
box-shadow: 2px 2px 4px rgba(120,120,120,0.7);*/
+
-
background-color: rgba(0,0,0,1);
+
}
}
 +
/* Navbar background stuff */
-
 
+
#nav {
-
 
+
width: 90%;
-
/* ######### Thick Underline Menu CSS ######### */
+
background-color: rgba(0, 0, 0,.75);
-
 
+
-
 
+
-
ul.underlinemenu{
+
-
margin: 0;
+
-
margin-bottom:1em;
+
-
padding: 0;
+
-
list-style: none;
+
position:relative;
position:relative;
-
text-align: center; //set value to "left", "center", or "right"*/
+
margin-left: 50px;
 +
z-index: 1;
 +
border-radius: 4px;
}
}
-
ul.underlinemenu li{
+
#navcon {
-
display: inline;
+
height: 230px;
 +
width:965px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/5/56/UCD_Pipettebanner_resize.jpg');
 +
border-radius: 5px;
}
}
-
ul.underlinemenu li a{
+
#content  {
-
font: bold 14px Arial, Verdana, sans-serif;
+
width:965px;
-
color: black;
+
padding: 0;
-
padding: 8px;
+
background-color: rgba(255, 255, 255, 0);
-
margin-right: 20px; /*spacing between each menu link*/
+
color: #ddd;
-
text-decoration: none;
+
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;
 +
}
-
ul.underlinemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
+
#contentbox {
 +
color:#aaa;
position:absolute;
position:absolute;
-
width:0;
+
font-size: 22px;
-
border-bottom:5px solid navy;
+
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);
 +
}
-
/* ######### Frame Menu CSS ######### */
+
#catlinks
 +
{
 +
visibility: hidden;
 +
}
 +
.floatbox img
 +
{
 +
margin-right: 10px;
 +
}
-
ul.framemenu{
+
.floatbox2 img
-
margin: 0;
+
{
-
margin-bottom:1em;
+
margin-right: 10px;
-
padding: 0;
+
-
list-style: none;
+
-
position:relative;
+
-
text-align: center; //set value to "left", "center", or "right"*/
+
}
}
-
ul.framemenu li{
+
.floatbox3 img
-
display: inline;
+
{
 +
margin-right: 10px;
}
}
-
ul.framemenu li a{
+
.floatbox
-
font: bold 20px Arial, Verdana, sans-serif;
+
{
-
color: black;
+
width:707px;
-
padding: 12px 10px 5px 18px;
+
float:left;
-
margin-right: 10px; /*spacing between each menu link*/
+
background-color: rgba(0,0,0,.65);
-
text-decoration: none;
+
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;
 +
}
-
ul.framemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
+
.floatbox2
-
position:absolute;
+
{
-
width:0;
+
width:677px;
-
border:4px solid orange;
+
float:left;
-
-moz-box-shadow: 0 0 4px rgba(120,120,120,0.7);
+
background-color: rgba(0,0,0,.4);
-
-webkit-box-shadow: 0 0 4px rgba(120,120,120,0.7);
+
margin-top: 5px;
-
box-shadow: 0 0 4px rgba(120,120,120,0.7);
+
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;
 +
}
-
/* Navbar background stuff */
+
.floatboxright
-
 
+
{
-
#nav {
+
width:318px;
-
width: 90%;
+
background-color: rgba(0,0,0,.4);
-
background-color: rgba(0, 0, 0,.5);
+
margin-top: 10px;
-
position:relative;
+
margin-left: 5px;
-
margin-left: 50px;
+
border-radius: 4px;
-
z-index: 1;
+
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
float: right;
}
}
-
#navcon {
+
.sponsorsbox
-
height: 200px;
+
{
-
background-image: url('https://static.igem.org/mediawiki/2011/5/56/UCD_Pipettebanner_resize.jpg');
+
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);
}
}
-
#content  {
+
.sponsorfloat img
-
width:965px;
+
{
-
 
+
margin-top: 5px;
 +
margin-bottom: 5px;
 +
padding: 0px;
}
}
-
#contentbox {
+
#linktable td {
-
color:#aaa;
+
top: 25px;
-
position:absolute;
+
right: 25px;
-
padding-left:12px;
+
margin: 2px;
-
margin-left:25px;
+
display: inline-block;
-
opacity:0;
+
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 {
-
#contentbox a {
+
text-decoration:none;
-
color:#aaa;
+
-
text-decoration: none;
+
-
font-size: 16px;
+
}
}
</style>
</style>
-
+
 
 +
<script>
 +
</script>
Line 288: Line 509:
<div id="nav">
<div id="nav">
<ul id="gooeymenu1" class="solidblockmenu">
<ul id="gooeymenu1" class="solidblockmenu">
-
<li><a href="#">home</a></li>
+
<li><a href="https://2011.igem.org/Team:UC_Davis">Home</a></li>
-
<li><a href="#">team</a></li>
+
<li><a href="https://2011.igem.org/Team:UC_Davis/Team">Team</a></li>
-
<li><a href="#">project</a></li>
+
<li><a href="https://2011.igem.org/Team:UC_Davis/Project">Project</a></li>
-
<li><a href="#">contact</a></li>
+
<li><a href="https://2011.igem.org/Team:UC_Davis/Safety">Safety</a></li>
-
<li><a href="#">notebook</a></li>
+
                <li><a href="https://2011.igem.org/Team:UC_Davis/Notebook">Notebook</a></li>
-
<li><a href="#">iGEM</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>
         </ul>
Line 303: Line 528:
</body>
</body>
</html>
</html>
 +
{{Team:UC_Davis/Sponsors}}

Latest revision as of 19:59, 23 October 2011

Our Sponsors

Start a Family

Got a favorite BioBrick? Check our our process for expanding basic parts into part families.

Criteria

View our judging criteria for iGEM 2011 here.

Retrieved from "http://2011.igem.org/Template:Team:UC_Davis/Head"