Team:UC Davis

From 2012.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 81: Line 81:
<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">
 +
function slider() {
 +
    var $current = $('#slides IMG.current');
 +
 +
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 +
    var $next =  $current.next().length ? $current.next()
 +
        : $('#slides IMG:first');
 +
 +
      $current.addClass('previous');
 +
    $next.css({opacity: 0.0})
 +
        .addClass('current')
 +
        .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 );
 +
});
 +
 +
</script>
 +
 +
</script>
 +
 +
<!-- slide script ends here -->
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 106: Line 155:
#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 118: Line 167:
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 -->
<!-- end of slides style -->
-
body {
 
-
    background-color: #ffffff;
 
-
    color: black;
 
-
    font: x-small sans-serif;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    height:100%;
 
-
#    height:auto !important;
 
-
}
 
#globalWrapper {
#globalWrapper {
     position: relative;
     position: relative;
     font-size: 127%;
     font-size: 127%;
-
     width: 100%;
+
     width: 850px //100%;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     padding-bottom: 10px;
     padding-bottom: 10px;
-
    background-color: #ffffff;
+
#    background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg);
-
#   height:100%;
+
#    background-repeat: no-repeat;
-
 
+
#   background-attachment: fixed;
 +
#   background-size:100% auto;
}
}
Line 149: Line 191:
     margin: 0 auto;
     margin: 0 auto;
     padding: 5px 5px 5px 5px;;
     padding: 5px 5px 5px 5px;;
-
     background: white;
+
     background: transparent;
     color: black;
     color: black;
-
    border-left: 1px solid #ffffff;
+
#    border-left: 1px solid #ffffff;
-
    border-right: 1px solid #ffffff;
+
#    border-right: 1px solid #ffffff;
-
    line-height: 1.5em;
+
#    line-height: 1.5em;
-
#    z-index: 2;
+
}
}
 +
 +
 +
body {
 +
display:inherit;
 +
background-color: rgba(255,255,255,1);
 +
background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg');
 +
background-size: 100%;
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
 +
    color: black;
 +
    font: x-small sans-serif;
 +
    margin: 0;
 +
    padding: 0;
 +
#    height:100%;
 +
}
 +
#topmenubar {
#topmenubar {
Line 211: Line 269:
         position:relative;
         position:relative;
         height:42px;
         height:42px;
-
         width: 856px;
+
         width: 850px;
         margin-left: -2px;
         margin-left: -2px;
         display:block;
         display:block;
Line 220: Line 278:
         overflow:hidden;
         overflow:hidden;
         padding:0px;  
         padding:0px;  
-
         margin:0px;  
+
         margin:2px solid transparent;  
         list-style-type:none;  
         list-style-type:none;  
         height:24px;
         height:24px;
 +
        width: 107px;
         list-style-image:none;
         list-style-image:none;
-
         background:#0083a8;
+
         background: #004b85;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
+
         background: #004b85;
-
        width: 103px;
+
         text-align:center;
-
         background:#0083a8;
+
-
        border-left: solid 2px white;
+
-
         border-right: solid 2px white;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
-
         background: #f77706;
+
         background: #ba9108;
}
}
#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 244: Line 300:
}
}
#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 250: Line 306:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:3;
+
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;     
 +
}
 +
 
 +
 
 +
#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 {
 +
    position:relative;
 +
    height:280px;
 +
    width: 840px
 +
   
 +
}
 +
 
 +
#slides IMG {
 +
        position:absolute;
 +
        opacity:0.0;
 +
        top:0px;   
 +
        left:0px;
 +
        z-index:1;   
 +
}
 +
 
 +
#slides .current {
 +
    z-index:3;
 +
    opacity:1.0;
 +
}
 +
 
 +
#slides .previous {
 +
    z-index:2;
 +
}
 +
 
 +
.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);
 +
  line-height:1.0em;
 +
}
 +
 
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
    font-size:12px;
 +
   line-height:1.0em;
 +
}
 +
 
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 
 +
.progress .current {
 +
background-color:white;
 +
}
 +
 
 +
/* slide ends here */
 +
//leftbox, rightbox starts here
 +
 
 +
#myleftrightbox
 +
{
 +
position:relative;
 +
width:850px;
 +
float:left;
 +
background-color:#d2d2d2;
 +
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 #105ec5;
 +
margin-right:3.75px solid #105ec5;
 +
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 #05bcea;
 +
margin-right:3.75px solid #05bcea;
 +
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:#105ec5;
 +
}
 +
#myleftrightbox .fourboxes-4:hover {
 +
background-color:#05bcea;
 +
}
 +
 
 +
#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 .fourboxes2-1
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #6a6a6a;
 +
margin-right:3.75px solid #6a6a6a;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #ff8a00;
 +
margin-right:3.75px solid #ff8a00;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-3
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #03d557;
 +
margin-right:3.75px solid #03d557;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-4
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #ff8a00;
 +
margin-right:3.75px solid #ff8a00;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-1:hover {
 +
background-color:#6a6a6a;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-2:hover {
 +
background-color:#ff8a00;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-3:hover {
 +
background-color:#323947;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-4:hover {
 +
background-color:#4a4a4a;
 +
}
 +
 
 +
#myleftrightbox .spacebox
 +
{
 +
float:left;
 +
width:5px;
 +
 
 +
}
 +
#myleftbox
 +
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .smallbox
 +
{
 +
width:604px;
 +
float:left;
 +
background-color:#bfbfbf;
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
}
 +
#myleftbox .smallbox h1
 +
{
 +
color:#004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallbox p
 +
{
 +
color: #004b85;
 +
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
 +
{
 +
width:191px;
 +
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 .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;
 +
}
 +
 
 +
#myleftbox .threeleft
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threecenter
 +
{
 +
width:175px;
 +
#float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .threeright
 +
{
 +
width:175px;
 +
float:right;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
 
 +
 
 +
#sponsorbox
 +
{
 +
position: relative;
 +
width: 208px;
 +
margin-top:15px;
 +
float: right;
 +
height: auto;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat
 +
{
 +
left:-3px;
 +
width:198px;
 +
float: right;
 +
background-color: #004b85;
 +
margin-top: 0px;
 +
margin-bottom:5px;
 +
border-radius: 4px;
 +
padding: 5px 5px 5px 5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
}
 +
 
 +
#sponsorbox .sponsorfloat h2
 +
{
 +
#color:#ba9108;
 +
color:white;
 +
font-size:130%;
 +
}
 +
//leftbox, rightbox ends here
 +
 
 +
#sponsorbox .sponsorfloat a
 +
{
 +
color:white;
 +
font: sans-serif;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
 +
}
 +
.newsAnnouncement
 +
{
 +
width:205px;
 +
height:110px;
 +
overflow-x:hidden;
 +
overflow-y:scroll;
}
}
Line 311: Line 856:
     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);
 +
}
#footer-box-1 {
#footer-box-1 {
          
          
Line 321: Line 875:
}
}
 +
#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;
 +
}
 +
//twitt style ends here
</style>
</style>
Line 348: Line 983:
   <div id="newnavi">
   <div id="newnavi">
     <ul class="newmenu">
     <ul class="newmenu">
-
        <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
+
    <li ><a target="new" href="https://2012.igem.org/" title="Back to iGEM">iGEM</a>
 +
          <ul>
 +
          <li><a target="new" href="https://2012.igem.org/">Main iGEM</a></li>
 +
          <li><a
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a></li>
 +
          <li><a
 +
href="https://2012.igem.org/Team:UC_Davis/Human_Practices">Human
 +
Practices</a></li>
 +
          </ul>
 +
        </li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
+
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions"
 +
title="Attributions">Attributions</a></li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
+
         <li ><a title="https://2012.igem.org/Team:UC_Davis/Data"
 +
title="Data">Data</a>
           <ul>
           <ul>
-
             <li ><a href="./Data.htm ">Data 1</a></li>
+
             <li ><a
-
             <li ><a href="./Data.htm ">Data 2</a></li>
+
href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity"
-
            <li ><a href="./Data.htm ">Data 3</a></li>
+
title="Data">Cutinase Activity</a></li>
-
        </ul>
+
             <li ><a
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol"
 +
title="Data">Ethylene Glycol</a></li>
 +
<li ><a
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Modeling"
 +
title="Data">Modeling</a></li>
 +
            <li ><a
 +
href="https://2012.igem.org/Team:UC_Davis/Parts">Parts</a></li>
 +
          </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/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
-
             <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/Protocols ">Protocols</a></li>
-
             <li ><a href="./Notebook.htm ">Week 3</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 369: Line 1,023:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a></li>
+
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
 +
          <ul>
 +
            <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">Module Engineering</a></li>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">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">Background</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>
 +
          </ul>
 +
        </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/Home" title="Home">Home</a></li>
+
         <li class="selected"><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="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/a/a4/UCD_Slide_4.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 -->
 +
 +
<div id="bodyContent"> 
 +
<!--  <div id="contentSub"></div> -->
 +
<!--  </div> -->
 +
<!-- float: right; first try -->
 +
<!-- 1st row four boxes starts here -->
 +
<div id="myleftrightbox">
 +
<div id="myleftrightbox"  class="fourboxes-1">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project"><img src="https://static.igem.org/mediawiki/2012/7/73/UCD_project_small_banner.jpg
 +
"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-2">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="https://static.igem.org/mediawiki/2012/5/55/UCD_modular_small_banner.jpg
 +
"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-3">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Strain"><img src="https://static.igem.org/mediawiki/2012/e/ec/UCD_chassis_small_banner.jpg
 +
"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-4">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="https://static.igem.org/mediawiki/2012/f/ff/UCD_protein_small_banner.jpg
 +
"></a>
 +
</div>
 +
</div>
 +
<!-- 1st row four boxes ends here -->
 +
<!-- 2nd row four boxes ends here -->
 +
<div id="myleftrightbox">
 +
<div id="myleftrightbox"  class="fourboxes2-1">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity"><img src="https://static.igem.org/mediawiki/2012/d/da/UCD_data_small_banner.jpg"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes2-2">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Notebook"><img src="https://static.igem.org/mediawiki/2012/2/24/UCD_notebook_small_banner.jpg"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes2-3">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Parts"><img src="https://static.igem.org/mediawiki/2012/3/3f/UCD_parts_small_banner.jpg"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes2-4">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Criteria"><img src="https://static.igem.org/mediawiki/2012/1/18/UCD_criteria_small_banner.jpg"></a>
 +
</div>
 +
</div>
 +
<!-- 2nd row four boxes ends here -->
 +
 +
 +
 +
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
 +
 +
<div id="sponsorbox">
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
 +
<center>
 +
<h2>UCDavis iGEM Tweets</h2>
 +
</center>
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 10,
 +
  interval: 30000,
 +
  width: 203,
 +
  height: 100,
 +
 
 +
  theme: {
 +
    shell: {
 +
      background: '#004b85',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#004b85',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
   
   
-
+
  },
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/data_banner.jpg" width="850" height="269">
+
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('UCDavisiGEM').start();
-
  <div id="bodyContent">  
+
</script>
-
            <div id="contentSub"></div>
+
</div>
 +
<!-- twitter ends here -->
 +
</div>
-
<br>
+
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>Our Sponsors</h2>
 +
<a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
 +
</center>
-
  <div class="floatbox3">
+
<center>
-
<h1> Data</h1>
+
<a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
-
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.  
+
</center>
-
  </div>
+
 
 +
<center>
 +
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.cs.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/6/6b/UCD_Computer_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg
 +
" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg
 +
" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.research.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/9/99/UCD_Research_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://ucomm.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/b/b4/UCD_Communications_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a title="" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/25/UCD_Schultz_sponsor.jpg
 +
" width="200"></a>
 +
</center>
</div>
</div>
-
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
</div>
</div>
 +
<!--  <br> -->
 +
<!-- div id="myleftbox" style="width:625px; float:left;" -->
 +
<div id="myleftbox">
 +
 +
 +
<div id="myleftbox"  class="smallbox">
 +
<h1> Welcome </h1>
 +
<p>Welcome to iGEM 2012 at UC Davis!</p>
 +
 +
This year's UC Davis team is composed of ten undergraduates, two advisors, and two graduate students. We come from different areas of study, but we're all working together on this year's synthetic biology project for the iGEM competition. Due to the global impact of plastic pollution, we have decided to focus on biodegradation of polyethylene terephthalate (PET). PET is a widely used material, commonly found in plastic bottles, textiles, and other consumer goods. However, only a small percentage of it ends up being recycled, meaning a majority of the PET ends up in landfills and the oceans. It is a global issue, and achieving our goal would have a big impact on the issue of plastic degradation.
</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;"><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><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Welcome</a> </li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Tweets</a></li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Sponsors</a> </li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a> </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><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Who we are</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Students</a></li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Advisors</a> </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/Catalyst ">Module
 +
Engineering</a></li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering
 +
">Protein Engineering</a></li>
 +
<li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">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/Criteria">Critera</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">Notebook</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/Gallery">Gallery</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Critera</a> </li>
 +
</ul> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a
 +
title="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </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/Data/Cutinase_Activity ">
 +
Cutinase Activity</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol ">
 +
Ethylene Glycol</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Modeling ">
 +
Modeling</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Parts ">Parts</a></li> </ul>
 +
 +
<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><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/Main_Page
 +
">Main iGEM</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria "> Criteria</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Human_Practices ">Human
 +
Practices</a></li> </ul>
 +
</div>
 +
<!-- site map ends here -->
 +
 +
</div>
 +
</div>
 +
<!--  </div> -->
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</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>

Latest revision as of 21:54, 2 August 2013

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors

Welcome

Welcome to iGEM 2012 at UC Davis!

This year's UC Davis team is composed of ten undergraduates, two advisors, and two graduate students. We come from different areas of study, but we're all working together on this year's synthetic biology project for the iGEM competition. Due to the global impact of plastic pollution, we have decided to focus on biodegradation of polyethylene terephthalate (PET). PET is a widely used material, commonly found in plastic bottles, textiles, and other consumer goods. However, only a small percentage of it ends up being recycled, meaning a majority of the PET ends up in landfills and the oceans. It is a global issue, and achieving our goal would have a big impact on the issue of plastic degradation.

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