Team:UC Davis
From 2012.igem.org
(Difference between revisions)
2013.igem.nu (Talk | contribs) |
|||
(44 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'); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | $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: | + | #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: | + | 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( | + | # 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(' | + | 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: | + | 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; | ||
- | |||
- | |||
background: #004b85; | background: #004b85; | ||
- | + | 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: | + | 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: | + | 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: | + | 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 { | ||
- | + | ||
- | + | background: #05bcea; | |
- | background: | + | |
} | } | ||
#newnavi .newmenu li:hover ul li a { | #newnavi .newmenu li:hover ul li a { | ||
- | text-align: | + | text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444; |
- | background-color: | + | background-color: #05bcea; text-decoration:none; |
} | } | ||
#newnavi .newmenu li:hover ul li a:hover { | #newnavi .newmenu li:hover ul li a:hover { | ||
- | + | 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 { | #slides { | ||
position:relative; | position:relative; | ||
- | height: | + | 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: | + | background-color:; |
margin-top: 0px; | margin-top: 0px; | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 347: | Line 655: | ||
#myleftbox .smallbox | #myleftbox .smallbox | ||
{ | { | ||
- | width: | + | width:604px; |
float:left; | float:left; | ||
background-color:#bfbfbf; | background-color:#bfbfbf; | ||
- | margin-top: | + | 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 | ||
{ | { | ||
Line 374: | Line 695: | ||
float:left; | float:left; | ||
background-color:rgba(143,143,143,0.7); | background-color:rgba(143,143,143,0.7); | ||
- | margin-top: | + | margin-top: 15px; |
border-radius: 4px; | border-radius: 4px; | ||
border-left:2px solid #e8eff1; | border-left:2px solid #e8eff1; | ||
Line 436: | Line 757: | ||
color: white; | color: white; | ||
} | } | ||
+ | |||
Line 441: | Line 763: | ||
{ | { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 208px; |
- | margin-top: | + | margin-top:15px; |
float: right; | float: right; | ||
height: auto; | height: auto; | ||
Line 449: | Line 771: | ||
#sponsorbox .sponsorfloat | #sponsorbox .sponsorfloat | ||
{ | { | ||
- | width: | + | left:-3px; |
+ | width:198px; | ||
float: right; | float: right; | ||
background-color: #004b85; | background-color: #004b85; | ||
Line 472: | Line 795: | ||
{ | { | ||
color:white; | color:white; | ||
+ | font: sans-serif; | ||
+ | } | ||
+ | |||
+ | #sponsorbox .sponsorfloat p | ||
+ | { | ||
+ | font: sans-serif; | ||
} | } | ||
.newsAnnouncement | .newsAnnouncement | ||
Line 480: | Line 809: | ||
overflow-y:scroll; | overflow-y:scroll; | ||
} | } | ||
+ | |||
.floatbox3 | .floatbox3 | ||
{ | { | ||
Line 526: | 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 536: | 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 563: | Line 983: | ||
<div id="newnavi"> | <div id="newnavi"> | ||
<ul class="newmenu"> | <ul class="newmenu"> | ||
- | + | <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 | + | <li ><a title="https://2012.igem.org/Team:UC_Davis/Data" |
+ | title="Data">Data</a> | ||
<ul> | <ul> | ||
- | <li ><a href="./Data | + | <li ><a |
- | <li ><a href="./Data | + | href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity" |
- | + | title="Data">Cutinase Activity</a></li> | |
- | + | <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=" | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a></li> |
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 587: | 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 | + | <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"> | + | <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" | + | <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 599: | Line 1,044: | ||
<div id="slides"> | <div id="slides"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" /> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" /> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" /> |
- | <img src=" | + | <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 --> | ||
- | |||
<div id="bodyContent"> | <div id="bodyContent"> | ||
Line 612: | 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> | + | <h2>UCDavis iGEM Tweets</h2> |
</center> | </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' | ||
+ | } | ||
+ | |||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: true, | ||
+ | loop: false, | ||
+ | live: true, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('UCDavisiGEM').start(); | ||
+ | |||
+ | </script> | ||
</div> | </div> | ||
+ | <!-- twitter ends here --> | ||
</div> | </div> | ||
Line 649: | Line 1,182: | ||
<center> | <center> | ||
- | <a href="http://www. | + | <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 656: | Line 1,189: | ||
</center> | </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> | <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> | <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> | ||
+ | |||
+ | <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=" | + | <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 |
- | <a href="https://2012.igem.org/Team:UC_Davis/ | + | 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 |
- | <a href="https://2012.igem.org/Team:UC_Davis/ | + | 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 |
- | <a href="https://2012.igem.org/Team:UC_Davis/Project/ | + | 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> | ||
Line 720: | 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
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.