Team:UC Davis/Data

From 2012.igem.org

(Difference between revisions)
Line 80: Line 80:
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 +
 +
<!-- slide script starts here -->
 +
<script type="text/javascript">
<script type="text/javascript">
-
$(document).ready(function(){
+
function slider() {
-
        $('.ntabs a').click(function() {
+
    var $current = $('#slides IMG.current');
-
$this = $(this);
+
 
-
$('.npanel').hide();
+
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
-
$('.ntabs a.active').removeClass('active');
+
    var $next =  $current.next().length ? $current.next()
-
$this.addClass('active').blur();
+
        : $('#slides IMG:first');
-
var contents = $this.attr('href');
+
 
-
$(contents).fadeIn(250);  
+
      $current.addClass('previous');
-
return false;      
+
    $next.css({opacity: 0.0})
-
});
+
        .addClass('current')
-
$('.ntabs li:first a').click();
+
        .animate({opacity: 1.0}, 2500, function() {
 +
            $current.removeClass('current previous');
 +
        });
 +
 
 +
var $navicurrent = $('.progress li.current');
 +
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 +
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 +
$navicurrent.addClass('previous');
 +
$navicurrent.removeClass('current previous');
 +
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 +
        });
 +
 
 +
$('.progress li').click(function(){
 +
   
 +
var $ncurrent = $(this);
 +
        $('.progress li').removeClass('current').removeClass('previous');
 +
        $('#slides IMG').removeClass('current').removeClass('previous');  
 +
        $ncurrent.addClass('current');
 +
        var ncurrentindex = $ncurrent.index();
 +
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
 +
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
 +
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
 +
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
 +
        $current.addClass('current');
 +
 
 +
});
 +
 
 +
}
 +
$(function() {
 +
    setInterval( "slider()", 5000 );
});
});
$(document).ready(function(){
$(document).ready(function(){
-
$("#firstpane p.menu_head").click(function()
+
 
-
{
+
  $('a.lightbox').click(function(e) {
-
     $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
+
     $('body').css('display', 'inherit'); // hide scrollbars!
-
     $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"});
+
 
-
});
+
    $('<div id="overlay"></div>')
 +
    .css('opacity', '0')
 +
      .animate({'opacity': '0.7'}, 'slow')
 +
    .click(function(){
 +
      removeLightbox();
 +
      })
 +
      .appendTo('body');
 +
 
 +
    $('<div id="lightbox"></div>')
 +
      .hide()
 +
      .appendTo('body');
 +
 
 +
     $('<img>')
 +
      .attr('src', $(this).attr('href'))
 +
      .load(function() {
 +
        positionLightboxImage();
 +
      })
 +
      .click(function() {
 +
        removeLightbox();
 +
      })
 +
      .appendTo('#lightbox');
 +
 
 +
    return false;
 +
  });
});
});
-
</script>
+
function positionLightboxImage() {
 +
  var top = ($(window).height()  - $('#lightbox').height())/2;
 +
  var left = ($(window).width() - $('#lightbox').width())/2;
 +
 
 +
  $('#lightbox')
 +
    .css({
 +
      'top': top,
 +
      'left':left-80
 +
    })
 +
    .fadeIn();
 +
}
 +
 
 +
function removeLightbox() {
 +
 +
  $('#overlay, #lightbox')
 +
    .fadeOut('slow', function() {
 +
      $(this).remove();
 +
      $('body').css('overflow-y', 'auto'); // show scrollbars!
 +
    });
 +
}
 +
 
 +
 
 +
</script>
 +
<!-- slide script ends here -->
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 110: Line 188:
min-height:100%; /* real browsers */
min-height:100%; /* real browsers */
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -45px !important;
+
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important;
height:auto !important; /* real browsers */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
height:100%; /* IE6: treaded as min-height*/
Line 127: Line 205:
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
.right-menu ul { border: none; width: 300px;}
.right-menu ul { border: none; width: 300px;}
-
#footer-box { background-color: #216085; border: none; width: 100%; height: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
+
#footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;}
.visualClear { display: none; }
.visualClear { display: none; }
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
Line 139: Line 217:
h3#siteSub { display: none;}
h3#siteSub { display: none;}
#contentSub {display: none;}
#contentSub {display: none;}
-
p:first-child { display: none;}
+
p:first-child { display: block;}
h1{border:none; width: 100%; clear: both;}
h1{border:none; width: 100%; clear: both;}
-
<!-- end of slides style -->
 
#globalWrapper {
#globalWrapper {
Line 238: Line 315:
         position:relative;
         position:relative;
         height:42px;
         height:42px;
-
         width: 856px;
+
         width: 850px;
         margin-left: -2px;
         margin-left: -2px;
         display:block;
         display:block;
Line 250: Line 327:
         list-style-type:none;  
         list-style-type:none;  
         height:24px;
         height:24px;
 +
        width: 107px;
         list-style-image:none;
         list-style-image:none;
         background: #004b85;
         background: #004b85;
Line 255: Line 333:
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
 
-
        width: 103px;
 
         background: #004b85;
         background: #004b85;
-
#        margin-left: solid 2px transparent;
+
        text-align:center;
-
#        margin-right: solid 2px transparent;
+
-
#        margin-bottom: solid 1px transparent;
+
-
#        border-right: 4px solid #eaf0f2;
+
-
#        border-left: 2px solid #eaf0f2;
+
-
        border-right: 2px solid transparent;
+
-
        border-left: 2px solid transparent;
+
-
        text-align:center;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 271: Line 340:
}
}
#newnavi .newmenu li a  {
#newnavi .newmenu li a  {
-
text-align:center; vertical-align:middle; width:82px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
+
text-align:center; vertical-align:middle; width:86px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
}
}
#newnavi .newmenu li:hover a {
#newnavi .newmenu li:hover a {
Line 277: Line 346:
}
}
#newnavi .newmenu ul    {
#newnavi .newmenu ul    {
-
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:lavender;
+
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background: #05bcea;
}
}
#newnavi .newmenu li:hover      {
#newnavi .newmenu li:hover      {
Line 283: Line 352:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:4;
+
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
-
         height:17px;
+
          
-
        border:none;
+
         background: #05bcea;
-
         background:lavender;
+
}
}
#newnavi .newmenu li:hover ul li a      {
#newnavi .newmenu li:hover ul li a      {
-
text-align:center; height:17px; padding:0px;display:block; font-size:12px; width:103px; line-height:16px; text-indent:0px; color:#444;  
+
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;  
-
background-color:transparent; text-decoration:none; border:0px solid transparent;       
+
background-color: #05bcea; text-decoration:none;       
}
}
#newnavi .newmenu li:hover ul li a:hover {
#newnavi .newmenu li:hover ul li a:hover {
-
height:18px; background:silver; color:#000; border:solid 0px #444;       
+
background: #05bcea; color:#ffffff; width:150px;       
}
}
-
/* slide starts here */
+
 
 +
 
 +
#newnavi .newmenu li ul li ul {
 +
        height:40px;
 +
        left:299px;
 +
        top:-26px;
 +
        margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
width: 150px;
 +
        position:absolute;
 +
display:none;
 +
}
 +
 
 +
#newnavi .newmenu li ul li ul li {
 +
position:relative;
 +
background: #05bcea;
 +
width: 150px;
 +
}
 +
 
 +
#newnavi .newmenu li ul li ul li a {
 +
 
 +
padding:5px 0px 5px 0px;display:block; font-size:12px; width:100px; text-indent:10px; color:#444;
 +
background-color: #05bcea; text-decoration:none;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul {
 +
display:block;
 +
color:#ffffff;
 +
width:150px;
 +
background:transparent;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul li {
 +
top:-25px;
 +
left:150px;
 +
margin-bottom:-1px;
 +
height:26px;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul li a {
 +
 
 +
padding:5px 0px 5px 0px;display:block; font-size:12px; text-indent:10px; color:#444;
 +
background-color: #05bcea; text-decoration:none;border:0px solid;
 +
}
 +
 
#slides {
#slides {
     position:relative;
     position:relative;
-
     height:350px;
+
     height:280px;
     width: 840px
     width: 840px
      
      
Line 321: Line 434:
     z-index:2;
     z-index:2;
}
}
-
/* slide ends here */
 
-
//leftbox, rightbox starts here
 
 +
.progress {
 +
 +
margin-top:-270px;
 +
margin-left:20px;
 +
position:absolute;
 +
 +
}
 +
 +
.progress li{
 +
border:1px solid rgba(0,0,0,0.9);
 +
border-radius:3px;
 +
margin-left: 5px;
 +
float:left;
 +
display:block;
 +
position:relative;
 +
z-index:10;
 +
background-color:rgba(255,255,255,0.4);
 +
}
 +
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
}
 +
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 +
.progress .current {
 +
background-color:white;
 +
}
 +
 +
#myleftrightbox
 +
{
 +
position:relative;
 +
width:850px;
 +
float:left;
 +
background-color:transparent;
 +
margin-top: 0px;
 +
margin-left:3.75px solid transparent;
 +
margin-right:3.75px solid transparent;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes-1
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes-2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes-3
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes-4
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .fourboxes-1:hover {
 +
background-color:green;
 +
}
 +
#myleftrightbox .fourboxes-2:hover {
 +
background-color:orange;
 +
}
 +
#myleftrightbox .fourboxes-3:hover {
 +
background-color:#05bcea;
 +
}
 +
#myleftrightbox .fourboxes-4:hover {
 +
background-color:#676767;
 +
}
 +
 +
 +
#myleftrightbox .fourboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftrightbox .spacebox
 +
{
 +
float:left;
 +
width:5px;
 +
 +
}
#myleftbox
#myleftbox
{
{
Line 329: Line 604:
width:625px;
width:625px;
float:left;
float:left;
-
background-color:#d2d2d2;
+
background-color:;
margin-top: 0px;
margin-top: 0px;
border-radius: 4px;
border-radius: 4px;
Line 339: Line 614:
#myleftbox .smallbox  
#myleftbox .smallbox  
{
{
-
width:595px;
+
width:604px;
float:left;
float:left;
background-color:#bfbfbf;
background-color:#bfbfbf;
-
margin-top: 17px;
+
margin-top: 15px;
-
margin-bottom: 10px;
+
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 361: Line 635:
font-weight:bold;
font-weight:bold;
}
}
 +
#myleftbox .smallboxsite
 +
{
 +
width:604px;
 +
float:left;
 +
background-color:rgba(191,191,191,0.6 );
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
}
#myleftbox .threeboxes
#myleftbox .threeboxes
{
{
-
width:175px;
+
width:191px;
float:left;
float:left;
background-color:rgba(143,143,143,0.7);
background-color:rgba(143,143,143,0.7);
-
margin-top: 17px;
+
margin-top: 15px;
border-radius: 4px;
border-radius: 4px;
border-left:2px solid #e8eff1;
border-left:2px solid #e8eff1;
border-right:2px solid #e8eff1;
border-right:2px solid #e8eff1;
-
padding: 15px 15px 15px 15px;
+
padding: 7px 7px 7px 7px;
font: sans-serif;
font: sans-serif;
font-size: 13px;
font-size: 13px;
color: white;
color: white;
 +
}
 +
#myleftbox .threeboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
}
}
Line 383: Line 684:
float:left;
float:left;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 396: Line 697:
#float:left;
#float:left;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 408: Line 709:
float:right;
float:right;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 414: Line 715:
font-size: 13px;
font-size: 13px;
color: white;
color: white;
 +
}
 +
 +
 +
 +
#myleftbox .twoboxes
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftbox .twoboxes1
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:1px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
left:9px;
 +
}
 +
 +
#myleftbox .twoboxes:hover {
 +
background-color:red;
 +
}
 +
 +
#myleftbox .twoboxes1:hover {
 +
background-color:green;
}
}
Line 419: Line 763:
{
{
position: relative;
position: relative;
-
width: 215px;
+
width: 208px;
-
margin-top:17px;
+
margin-top:15px;
float: right;
float: right;
height: auto;
height: auto;
Line 427: Line 771:
#sponsorbox .sponsorfloat
#sponsorbox .sponsorfloat
{
{
-
width:205px;
+
left:-3px;
 +
width:198px;
float: right;
float: right;
background-color: #004b85;
background-color: #004b85;
Line 445: Line 790:
font-size:130%;
font-size:130%;
}
}
-
//leftbox, rightbox ends here
 
#sponsorbox .sponsorfloat a
#sponsorbox .sponsorfloat a
{
{
color:white;
color:white;
 +
font: sans-serif;
 +
}
 +
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
}
}
.newsAnnouncement
.newsAnnouncement
Line 458: Line 808:
overflow-y:scroll;
overflow-y:scroll;
}
}
-
<!-- notebook tab style starts here -->
 
-
.ntabs {
 
-
margin: 0;
 
-
padding: 0;
 
-
zoom : 1;
 
-
}
 
-
.ntabs li {
 
-
float: left;
 
-
list-style: none;
 
-
padding: 0;
 
-
margin: 0;
 
-
}
 
-
.ntabs a {
 
-
display: block;
 
-
text-decoration: none;
 
-
padding: 1px 8px 1px 8px;
 
-
background-color: #ba9108;
 
-
margin-right:1px;
 
-
border: 1px solid rgb(153,153,153);
 
-
        border-radius: 4px 4px 0px 0px;
 
-
margin-bottom: -1px;
 
-
font-size:14px;
 
-
line-height:25px;
 
-
}
 
-
.ntabs a.active {
 
-
border-bottom: 1px solid #fdf2b2;
 
-
background-color: #fdf2b2;
 
-
color: #004b85;
 
-
position: relative;
 
-
}
 
-
.ntabs a:hover {
 
-
        background-color: rgba(186,145,8,0.3);     
 
-
}
 
-
.npanelContainer {
 
-
background:url("./notepad_pattern.jpg") repeat;
 
-
clear: both;
 
-
margin-bottom: 25px;
 
-
border: 1px solid rgb(153,153,153);
 
-
background-color: white;
 
-
padding: 17px 0 0 10px;;
 
-
        font-size:14px;
 
-
        line-height:25px;
 
-
        border-radius:4px;
 
-
}
 
-
 
-
.npanel h2 {
 
-
color: rgb(57,78,121);
 
-
text-shadow: none;
 
-
}
 
-
.npanel p {
 
-
color: black;
 
-
}
 
-
<!-- notebook tab style ends here -->
 
-
#firstpane {
 
-
position:relative;
 
-
}
 
-
#firstpane p {
 
-
display:block;
 
-
}
 
-
#firstpane .menu_head {
 
-
padding: 5px 20px;
 
-
cursor: pointer;
 
-
position: relative;
 
-
margin:1px;
 
-
      font-weight:bold;
 
-
      background: #eef4d3 url(./arrow_right.png) center left no-repeat;
 
-
background-position: 5px center;
 
-
        background-size: 0.7em auto;
 
-
}
 
-
 
-
#firstpane .menu_body {
 
-
display:none;
 
-
background-color:#e1e1e1;
 
-
        background-image:none !important;
 
-
        margin-top:-5px
 
-
        border-radius:4px;
 
-
        padding:10px;
 
-
}
 
-
#firstpane .menu_body a {
 
-
  display:block;
 
-
  color:#006699;
 
-
  background-color:#EFEFEF;
 
-
  padding-left:10px;
 
-
  font-weight:bold;
 
-
  text-decoration:none;
 
-
}
 
-
#firstpane .menu_body a:hover {
 
-
  color: #000000;
 
-
  text-decoration:underline;
 
-
}
 
-
 
.floatbox3
.floatbox3
Line 596: Line 855:
     padding: 0 .0em;}
     padding: 0 .0em;}
-
 
+
#catlinks {
 +
background-color:transparent;
 +
border:1px solid transparent;
 +
}
 +
#footpage {
 +
background-color:transparent;
 +
}
 +
#footer-box {
 +
background-color:rgba(191,191,191,0.5);
 +
margin-top:0px;
 +
}
#footer-box-1 {
#footer-box-1 {
          
          
Line 605: Line 874:
         border: 1px solid #444444;
         border: 1px solid #444444;
}
}
 +
#tweets {
 +
    width: 203px;
 +
    margin: 0 auto;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-widget,
 +
#tweets .twtr-doc {
 +
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
 +
#tweets .twtr-hd {
 +
    display:none;
 +
    background: #d40;
 +
    color: #fff;
 +
    -moz-border-radius: 4px 4px 0 0;
 +
    border-radius: 4px 4px 0 0;
 +
    font-family: sans-serif !important;
 +
    }
 +
 +
#tweets .twtr-hd *,
 +
#tweets .twtr-hd h4 a {
 +
 +
    background: #d40 !important;
 +
    font: sans-serif !important;
 +
}
 +
 +
#tweets .twtr-hd h3,
 +
#tweets .twtr-hd h4 {
 +
 +
    font-weight: normal;
 +
    text-align: left;
 +
    margin:0;
 +
}
 +
 +
#tweets .twtr-hd h3 {
 +
       
 +
    background: #fff !important;
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 1.0em !important;
 +
    padding: 0.2em !important;
 +
    -moz-border-radius: 0px;
 +
    border-radius: 0px;
 +
 +
}
 +
 +
#tweets .twtr-tweet {
 +
 +
    background: #fff;
 +
    font: sans-serif !important;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-tweet a:link,
 +
#tweets .twtr-tweet a:visited,
 +
#tweets .twtr-tweet a:hover {
 +
 +
    color: #c40 !important;
 +
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text {
 +
 +
    border-bottom: 1px dashed #666 !important;
 +
    padding-bottom: 4px !important;
 +
    font: sans-serif;
 +
    font-size:12px;
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text p {
 +
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
 +
}
 +
 +
#overlay {
 +
  z-index:2;
 +
  position:fixed;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  background: black no-repeat scroll center center;
 +
}
 +
 +
#lightbox {
 +
  position: fixed;
 +
  width:840;
 +
  z-index:2;
 +
}
</style>
</style>
Line 644: Line 1,009:
         </ul>
         </ul>
         </li>
         </li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
+
         <li ><a href="https://2012.igem.org/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview ">Overview</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a></li>
-
             <li ><a href="Notebook.htm ">Week 2</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery ">Gallery</a></li>
-
            <li ><a href="Notebook.htm ">Week 3</a></li>
+
 
           </ul>
           </ul>
         </li>
         </li>
Line 657: Line 1,023:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
           <ul>
           <ul>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Modular Engineering</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering" style="font-size:8pt">Protein Engineering</a></li>
+
             <li ><a title="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering</a>
 +
  <ul>
 +
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering</a></li>
 +
        <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution">Directed Evolution</a></li>
 +
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain">Rational Engineering </a></li>
 +
</ul>
 +
</li>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
           </ul>
           </ul>
         </li>
         </li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
+
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
     </ul>
     </ul>
   </div>
   </div>
 +
<!-- slide show starts here
 +
<div id="slides">
 +
 +
    <img  src="http://img.photobucket.com/albums/v26/bluemelon/slide-1-2.jpg" width="850" height="280" alt="" class="current" />
 +
    <img  src="http://img.photobucket.com/albums/v26/bluemelon/slide-2-2.jpg" width="850" height="280" alt="" />
 +
    <img  src="http://img.photobucket.com/albums/v26/bluemelon/slide-3-2.jpg" width="850" height="280" alt="" />
 +
    <img  src="http://img.photobucket.com/albums/v26/bluemelon/slide-4-2.jpg" width="850" height="280" alt="" />
 +
</div>
 +
    <ul class="progress">
 +
<li class="current"><a href="#n_0">1</a> </li>
 +
<li><a href="#n_1">2</a> </li>
 +
        <li><a href="#n_2">3</a> </li>
 +
        <li><a href="#n_3">4</a> </li>
 +
    </ul>
 +
slide show ends here -->
 +
 +
<img src="https://static.igem.org/mediawiki/2012/6/65/UCD_Notebook_banner.jpg">
-
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
 
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/data_banner1.jpg" width="850" height="214">
 
-
<div id="bodyContent"> 
 
-
<!--  <div id="contentSub"></div> -->
 
-
<!--  </div> -->
 
-
<!-- float: right; first try -->
 
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
<div id="sponsorbox">
<div id="sponsorbox">
<div id="sponsorbox" class="sponsorfloat">
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
<center>
<center>
-
<h2>News</h2>
+
<h2>UCDavis iGEM Tweets</h2>
</center>
</center>
-
<div class="newsAnnouncement">
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<ul>
+
<script>
-
<li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.  </li>
+
new TWTR.Widget({
-
<li>Requested the protocal from the iGEM Washington 2011 team, July 10th. </li>
+
  version: 2,
-
<li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
+
  type: 'profile',
-
<li>Sushi buffet for lunch, June 21st</li>
+
  rpp: 10,
-
<li>First day of iGEM meeting, June 18th</li>
+
  interval: 30000,
-
</ul>
+
  width: 203,
 +
  height: 100,
 +
 
 +
  theme: {
 +
    shell: {
 +
      background: '#004b85',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#004b85',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
 +
   
 +
  },
 +
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('UCDavisiGEM').start();
 +
 
 +
</script>
</div>
</div>
 +
<!-- twitter ends here -->
</div>
</div>
Line 719: Line 1,130:
</div>
</div>
-
 
-
<!--
 
-
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 
-
<center>
 
-
<h2>Start a Family</h2>
 
-
Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
 
-
</div>
 
-
-->
 
-
 
-
<div id="sponsorbox" class="sponsorfloat">
 
-
<center>
 
-
<h2>Criteria</h2>
 
-
View our judging criteria for iGEM 2012 <a href="https://2011.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
 
-
</center>
 
</div>
</div>
-
</div>
+
<!--  <br> -->
-
 
+
<!-- div id="myleftbox" style="width:625px; float:left;" -->
<div id="myleftbox">
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox">
<div id="myleftbox"  class="smallbox">
-
<!-- Data content starts here -->
+
<h1>Data</h1>
-
<h1> Data</h1>
+
<article>
-
The accumulation of plastic products poses a hazard to the environment, as well as humans, through drinking water contamination. This threat led us to develop a degradation pathway to turn the polyethylene terephthalate into different substrates. We produce terephthalic acid and ethylene glycol. Ethylene glycol is a moderately toxic substance, which is oxidized to glycolic acid. The glycolic acid is further oxidized to oxalic acid – a toxic substance that affects the central nervous system via the liver. However, in the environment, the ethylene glycol will be degraded by hydroxyl radicals and in sewage sludge, it is readily biodegradable. Because ethylene glycol must be ingested to pose a problem, researchers take extra precaution to make sure there are no splashes of ethylene glycol in the laboratory and the wastes will be disposed of in the appropriate hazardous waste receptacles. Ethylene glycol can also be a mild irritant if it comes in contact with the skin or if it is inhaled, so researchers wear eye protection as well as gloves and lab coats, and always work with ethylene glycol in the confine of a fume hood. Also, in our constructs, we have produced enzymes that will degrade ethylene glycol into glycoaldehyde and then glycolate. The glycolate has the potential to be turned in to oxaloacetate, a metabolic intermediate. In the environment, ethylene glycol can potentially be toxic within waterways, however the team made sure to dispose of ethylene glycol in a responsible way.  
+
The accumulation of plastic products poses a hazard to the environment, as well as humans, through drinking water contamination. This threat led us to develop a degradation pathway to turn the polyethylene terephthalate into different substrates. We produce terephthalic acid and ethylene glycol. Ethylene glycol is a moderately toxic substance, which is oxidized to glycolic acid. The glycolic acid is further oxidized to oxalic acid – a toxic substance that affects the central nervous system via the liver. However, in the environment, the ethylene glycol will be degraded by hydroxyl radicals and in sewage sludge, it is readily biodegradable. Because ethylene glycol must be ingested to pose a problem, researchers take extra precaution to make sure there are no splashes of ethylene glycol in the laboratory and the wastes will be disposed of in the appropriate hazardous waste receptacles. Ethylene glycol can also be a mild irritant if it comes in contact with the skin or if it is inhaled, so researchers wear eye protection as well as gloves and lab coats, and always work with ethylene glycol in the confine of a fume hood. Also, in our constructs, we have produced enzymes that will degrade ethylene glycol into glycoaldehyde and then glycolate. The glycolate has the potential to be turned in to oxaloacetate, a metabolic intermediate. In the environment, ethylene glycol can potentially be toxic within waterways, however the team made sure to dispose of ethylene glycol in a responsible way. </article></div>
-
  </div>
+
 +
 +
 +
 +
 +
<!-- site map starts here -->
 +
<div id="myleftbox"  class="smallboxsite">
 +
<ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;"  >
 +
 +
<li style="float:left;margin:0 10px solid red"><a href="https://2012.igem.org/Team:UC_Davis"><p>Home</p><ul style="text-indent:-15px;
 +
list-style-image:none;list-style-type:none;color:#000000;"><li>Welcome </li><li>Tweets </li><li>Criteria </li><li>Sponsors </li> </ul> </a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p> <ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000 "><li>Who we are </li><li>Students </li><li>Advisors</li></ul></a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a> </li><li><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">Modular Engineering</a></li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst ">Chassis Engineering</a></li>
 +
<li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution "> - Directed Evolution</a></li>
 +
<li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain "> - Rational Engineering</a></li>
 +
<li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering ">Protein Engineering</a></li> </ul> </li>
 +
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Safety "> <p>Safety</p></a> <a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Safety "> Safety</a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Notebook "> <p>Notebook</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000  "><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview">Overview</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery ">Gallery</a> </li> </ul> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p><ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000"><li>Data One </li><li>Data Two </li><li>Data Three </li></ul></a> </li>
 +
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Attributions "> <p>Attribution </p></a><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Attributions "> Attribution</a></li>
 +
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Main_Page "> <p>iGEM </p></a><a style="color:#000000 " href="https://2012.igem.org/Main_Page " > iGEM</a></li>
 +
</ul>
</div>
</div>
-
</div>
+
<!-- site map ends here -->
 +
</div>
 +
</div>
<!--  </div> -->
<!--  </div> -->
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
</div>
</div>
-
 
</body>
</body>
 +
<!-- footer starts here -->
 +
<br>
 +
<div id="footpage">
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2012.igem.org/Team:UC_Davis">https://2012.igem.org/Team:UC_Davis</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
</div>
 +
<!-- footer ends here -->
</html>
</html>

Revision as of 17:00, 18 September 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors

Data

The accumulation of plastic products poses a hazard to the environment, as well as humans, through drinking water contamination. This threat led us to develop a degradation pathway to turn the polyethylene terephthalate into different substrates. We produce terephthalic acid and ethylene glycol. Ethylene glycol is a moderately toxic substance, which is oxidized to glycolic acid. The glycolic acid is further oxidized to oxalic acid – a toxic substance that affects the central nervous system via the liver. However, in the environment, the ethylene glycol will be degraded by hydroxyl radicals and in sewage sludge, it is readily biodegradable. Because ethylene glycol must be ingested to pose a problem, researchers take extra precaution to make sure there are no splashes of ethylene glycol in the laboratory and the wastes will be disposed of in the appropriate hazardous waste receptacles. Ethylene glycol can also be a mild irritant if it comes in contact with the skin or if it is inhaled, so researchers wear eye protection as well as gloves and lab coats, and always work with ethylene glycol in the confine of a fume hood. Also, in our constructs, we have produced enzymes that will degrade ethylene glycol into glycoaldehyde and then glycolate. The glycolate has the potential to be turned in to oxaloacetate, a metabolic intermediate. In the environment, ethylene glycol can potentially be toxic within waterways, however the team made sure to dispose of ethylene glycol in a responsible way.

Retrieved from "http://2012.igem.org/Team:UC_Davis/Data"