Team:UC Davis

From 2012.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
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 -->
<!-- slide script starts here -->
Line 87: Line 88:
     if ( $current.length == 0 ) $current = $('#slides IMG:last');
     if ( $current.length == 0 ) $current = $('#slides IMG:last');
-
 
     var $next =  $current.next().length ? $current.next()
     var $next =  $current.next().length ? $current.next()
         : $('#slides IMG:first');
         : $('#slides IMG:first');
-
   
 
-
    var $n_sibs  = $current.siblings();
 
-
    var rndNum = Math.floor(Math.random() * $n_sibs.length );
 
-
    var $next  = $( $n_sibs[ rndNum ] );
 
-
 
-
    $current.addClass('previous');
 
 +
      $current.addClass('previous');
     $next.css({opacity: 0.0})
     $next.css({opacity: 0.0})
         .addClass('current')
         .addClass('current')
Line 102: Line 97:
             $current.removeClass('current previous');
             $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() {
$(function() {
Line 108: Line 127:
</script>
</script>
 +
 +
</script>
<!-- slide script ends here -->
<!-- slide script ends here -->
Line 134: 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 146: 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 -->
Line 158: Line 180:
     padding: 0;
     padding: 0;
     padding-bottom: 10px;
     padding-bottom: 10px;
-
#    background:url(http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg);
+
#    background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg);
#    background-repeat: no-repeat;
#    background-repeat: no-repeat;
#    background-attachment: fixed;
#    background-attachment: fixed;
Line 178: Line 200:
body {
body {
 +
display:inherit;
background-color: rgba(255,255,255,1);
background-color: rgba(255,255,255,1);
-
background-image: url('http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg');
+
background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg');
background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 246: 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 258: Line 281:
         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 263: Line 287:
#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 279: Line 294:
}
}
#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 285: 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 291: 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: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 329: Line 388:
     z-index:2;
     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 */
/* slide ends here */
//leftbox, rightbox starts 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
#myleftbox
{
{
Line 337: Line 645:
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 347: Line 655:
#myleftbox .smallbox  
#myleftbox .smallbox  
{
{
-
width:595px;
+
width:604px;
float:left;
float:left;
background-color:#bfbfbf;
background-color:#bfbfbf;
-
margin-top: 17px;
+
margin-top: 15px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 368: Line 676:
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 390: Line 725:
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 403: Line 738:
#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 415: Line 750:
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 422: Line 757:
color: white;
color: white;
}
}
 +
 +
#sponsorbox
#sponsorbox
{
{
position: relative;
position: relative;
-
width: 215px;
+
width: 208px;
-
margin-top:17px;
+
margin-top:15px;
float: right;
float: right;
height: auto;
height: auto;
Line 434: Line 771:
#sponsorbox .sponsorfloat
#sponsorbox .sponsorfloat
{
{
-
width:205px;
+
left:-3px;
 +
width:198px;
float: right;
float: right;
background-color: #004b85;
background-color: #004b85;
Line 457: Line 795:
{
{
color:white;
color:white;
 +
font: sans-serif;
 +
}
 +
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
}
}
.newsAnnouncement
.newsAnnouncement
Line 465: Line 809:
overflow-y:scroll;
overflow-y:scroll;
}
}
 +
.floatbox3
.floatbox3
{
{
Line 511: 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 521: 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 548: 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 ><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="https://2012.igem.org/Team:UC_Davis/Notebook">Notebook</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/Gallery">Gallery</a></li>
-
            <li ><a href="Notebook.htm ">Week 2</a></li>
+
-
            <li ><a href="Notebook.htm ">Week 3</a></li>
+
           </ul>
           </ul>
         </li>
         </li>
Line 572: Line 1,025:
         <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">Module 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 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>
           </ul>
         </li>
         </li>
Line 584: Line 1,044:
<div id="slides">
<div id="slides">
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-1-1.jpg" width="850" height="349" alt="" class="current" />
+
     <img src="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-2-1.jpg" width="850" height="349" alt="" />
+
     <img src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-3-1.jpg" width="850" height="349" alt="" />
+
     <img src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-4-1.jpg" width="850" height="349" alt="" />
+
     <img src="https://static.igem.org/mediawiki/2012/a/a4/UCD_Slide_4.jpg" width="850" height="280" alt="" />
-
+
</div>
</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 -->  
<!-- slide show ends here -->  
-
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
 
<div id="bodyContent">   
<div id="bodyContent">   
Line 597: Line 1,061:
<!--  </div> -->
<!--  </div> -->
<!-- float: right; first try -->
<!-- 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" 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 634: Line 1,182:
<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>
+
<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>
Line 641: Line 1,189:
</center>
</center>
-
</div>
+
<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>
-
<!--
 
-
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 
<center>
<center>
-
<h2>Start a Family</h2>
+
<a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg
-
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.
+
" width="200"></a>
-
</div>
+
</center>
-
-->
+
-
<div id="sponsorbox" class="sponsorfloat">
 
<center>
<center>
-
<h2>Criteria</h2>
+
<a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg
-
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
+
" width="200"></a>
</center>
</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>
</div>
</div>
-
 
+
<!--  <br> -->
<!-- div id="myleftbox" style="width:625px; float:left;" -->
<!-- div id="myleftbox" style="width:625px; float:left;" -->
<div id="myleftbox">
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox">
<div id="myleftbox"  class="smallbox">
Line 666: Line 1,227:
<p>Welcome to iGEM 2012 at UC Davis!</p>
<p>Welcome to iGEM 2012 at UC Davis!</p>
-
This year's UC Davis team is composed of ten undergraduates, two advisors, and a graduate student. We come from different areas of study, but we're all working together on this year's synthetic biology project. Due to the global impact of plastic pollution, we have decided to focus on biodegradation of polyethylene terephthalate (PET). PET is a commonly and widely used plastic, but only a small percentage of them are recycled, meaning a majority of the trash 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.
+
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;"
 +
>
-
<div id="myleftbox" class="threeboxes">
+
<li style="float:left;margin:0 10px;"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Strain"><img src="http://img.photobucket.com/albums/v26/bluemelon/strain_small_banner-1.jpg"></a>
+
href="https://2012.igem.org/Team:UC_Davis"><p>Home</p><ul
-
</div>
+
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>
-
<div id="myleftbox" class="threeboxes">
+
<li style="float:left;margin:0 10px;"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="http://img.photobucket.com/albums/v26/bluemelon/catalyst_small_banner-orange-1.jpg"></a>
+
href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p><ul
-
</div>
+
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>
-
<div id="myleftbox" class="threeboxes">
+
<li style="float:left ;margin:0 10px;"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="http://img.photobucket.com/albums/v26/bluemelon/protein_small_banner.jpg"></a>
+
href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a>
-
</div>
+
<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>
-
<!-- the second row of the three boxes starts here-->
+
<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>
-
<div id="myleftbox"  class="threeboxes">
+
<li style="float:left ;margin:0 10px;"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Data "><img src="http://img.photobucket.com/albums/v26/bluemelon/data_small_banner.jpg"></a>
+
href="https://2012.igem.org/Team:UC_Davis/Notebook ">
-
</div>
+
<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>
-
<div id="myleftbox" class="threeboxes">
+
<li style="float:left ;margin:0 10px;"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Notebook "><img src="http://img.photobucket.com/albums/v26/bluemelon/notebook_small_banner-1.jpg"></a>
+
title="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p></a> <ul
-
</div>
+
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>
-
<div id="myleftbox"  class="threeboxes">
+
<li style="float:left ;margin:0 10px"><a
-
<a href="https://2012.igem.org/Team:UC_Davis/Team "><img src="http://img.photobucket.com/albums/v26/bluemelon/protocols_small_banner.jpg"></a>
+
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
-
</div>
+
<p>Attribution </p></a><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
 +
Attribution</a></li>
-
<!-- the second row of the three boxes ends here-->
+
<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>
Line 704: Line 1,339:
</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>

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"