Team:UC Davis E

From 2012e.igem.org

(Difference between revisions)
(Undo revision 868 by NCsicsery (talk))
 
(57 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}, 4000, 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}, 4000, 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:last');
 +
        $current.addClass('current');
 +
 +
});
 +
 +
}
 +
$(function() {
 +
    setInterval( "slider()", 7000 );
 +
});
 +
 +
</script>
 +
 +
</script>
 +
 +
<!-- slide script ends here -->
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 89: Line 137:
min-height:100%; /* real browsers */
min-height:100%; /* real browsers */
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -45px !important;
+
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important;
height:auto !important; /* real browsers */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
height:100%; /* IE6: treaded as min-height*/
Line 106: Line 154:
#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 166:
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/2012e/4/41/Bestbg.gif");
-
#   height:100%;
+
#    background-repeat: repeat;
-
 
+
#   background-attachment: fixed;
 +
#   background-size:100% auto;
}
}
Line 149: Line 190:
     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: #E9E9E9;
 +
background-image: ;
 +
background-size: 100%;
 +
background-repeat: repeat;
 +
background-attachment:fixed;
 +
 +
    color: black;
 +
    font: x-small sans-serif;
 +
    margin: 0;
 +
    padding: 0;
 +
#    height:100%;
 +
}
 +
#topmenubar {
#topmenubar {
Line 176: Line 233:
.topleft-menu:hover {
.topleft-menu:hover {
     color: white;
     color: white;
-
    background-color: #bbbbbb
 
}
}
Line 194: Line 250:
     padding-left: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-right: 0px;
-
}
+
}            
.topleft-menu li a {
.topleft-menu li a {
     padding: 0px 7px 0px 0px;
     padding: 0px 7px 0px 0px;
Line 202: Line 258:
}
}
#.left-menu .selected:hover {
#.left-menu .selected:hover {
-
#    color: #5555FF;
+
#    color: #2a2a7f;
#}
#}
.topleft-menu:hover a {
.topleft-menu:hover a {
-
     color: white;
+
     color: ;
}
}
#newnavi {  
#newnavi {  
         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 276:
         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:#004b85;
+
         background: #2a2a7f;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
+
         background: #2a2a7f;
-
        width: 103px;
+
         text-align:center;
-
         background:#004b85;
+
-
        border-left: solid 2px white;
+
-
         border-right: solid 2px white;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
-
         background: #ba9108;
+
         background: #afc55b;
}
}
#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:121.5px; 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 298:
}
}
#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      {
-
position:relative; background: #05bcea;
+
position:relative; background: #afc55b;
}
}
#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: #afc55b;  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: #afc55b;
-
         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: #afc55b; 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: #afc55b; color:#ffffff; width:150px;     
 +
}
 +
/* slide starts here */
 +
#slides {
 +
    position:relative;
 +
    height:420px;
 +
    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:-400px;
 +
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:#676767;
 +
}
 +
#myleftrightbox .fourboxes-2:hover {
 +
background-color:#676767;
 +
}
 +
#myleftrightbox .fourboxes-3:hover {
 +
background-color:#676767;
 +
}
 +
#myleftrightbox .fourboxes-4:hover {
 +
background-color:#676767;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .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:#676767;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-2:hover {
 +
background-color:#676767;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-3:hover {
 +
background-color:#676767;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2-4:hover {
 +
background-color:#676767;
 +
}
 +
 
 +
#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:820px;
 +
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:820px;
 +
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 283: Line 783:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
-
left:10px;
+
-
}
+
-
 
+
-
.floatbox3 hp{
+
-
font-weight:bold;
+
-
font-size: 20px;
+
-
color: #004b85;;
+
left:10px;
left:10px;
}
}
Line 318: Line 811:
     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 328: Line 830:
}
}
 +
#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;
 +
 +
}
 +
 +
div#left {
 +
    float: left;
 +
    width: 410px;
 +
    background-color: "#bfbfbf";
 +
    padding 2px;
 +
}
 +
div#right {
 +
    float: right;
 +
    width: 410px;
 +
    background-color: "#bfbfbf";
 +
    padding 2px;
 +
}
 +
 +
//twitt style ends here
</style>
</style>
Line 338: Line 935:
   <div id="main-content">     
   <div id="main-content">     
-
 
+
<a href="https://2012e.igem.org/Team:UC_Davis_E"><img src="http://img.photobucket.com/albums/v26/bluemelon/logo.png" align="left"></a><br><br><br>
  <div id="topmenubar" class="topleft-menu" >
  <div id="topmenubar" class="topleft-menu" >
    <ul>
    <ul>
Line 345: Line 942:
                 <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&amp;action=edit&amp;redlink=1">Discussion</a></li>
                 <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&amp;action=edit&amp;redlink=1">Discussion</a></li>
-
               <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project/Strain&action=edit">Edit</a></li>
+
               <li><a href="https://2012e.igem.org/wiki/index.php?title=Team:UC_Davis_E&action=edit">Edit</a></li>
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=history">History</a></li>
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=history">History</a></li>
                 <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis">Move</a></li>
                 <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis">Move</a></li>
Line 355: Line 952:
   <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 href="https://2012e.igem.org/Team:UC_Davis_E/Contact" title="Contact">Contact</a>
 +
          <ul>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Contact ">Contact Us</a></li>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Attributions ">Attributions</a></li>
 +
            <li ><a href="https://2012e.igem.org/wiki/index.php/Main_Page ">iGEM E</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/Data" title="Data">Data</a>
+
         <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Media" title="Media">Media</a>
           <ul>
           <ul>
-
             <li ><a href="./Data.htm ">Data 1</a></li>
+
             <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/News_Releases ">News Releases</a></li>
-
            <li ><a href="./Data.htm ">Data 2</a></li>
+
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Technical_Papers ">Technical Papers</a></li>
-
            <li ><a href="./Data.htm ">Data 3</a></li>
+
-
        </ul>
+
-
        </li>
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
+
-
          <ul>
+
-
            <li ><a href="./Notebook.htm ">Week 1</a></li>
+
-
            <li ><a href="./Notebook.htm ">Week 2</a></li>
+
-
            <li ><a href="./Notebook.htm ">Week 3</a></li>
+
           </ul>
           </ul>
         </li>
         </li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
+
         <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business" title="Business">Business</a>
 +
<ul>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business_Model ">Business Model</a></li>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business_Plan">Business Plan</a></li>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Partners">Partners</a></li>
 +
          </ul>
 +
</li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
+
         <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Technology" title="Technology">Technology</a>
           <ul>
           <ul>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
+
             <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Bioindustrial_Enzyme">Bioindustrial Enzyme</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
+
             <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Products">Products</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
+
             <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Process_Advantage">Process Advantage</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a></li>
+
         <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Company" title="Company">Company</a>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
+
          <ul>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Vision">Vision</a></li>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Management">Management</a></li>
 +
            <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Advisory_Board">Advisory Board</a></li>
 +
 
 +
          </ul>
 +
</li>
 +
 
 +
         <li class="selected"><a href="https://2012e.igem.org/Team:UC_Davis_E" title="Home">Home</a></li>
     </ul>
     </ul>
   </div>
   </div>
-
+
<!-- slide show starts here -->
-
+
<div id="slides">
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="228">
+
-
  <div id="bodyContent">  
+
    <img  src="https://static.igem.org/mediawiki/igem.org/8/8a/UCD_Slide1_Background_Alt.jpg" width="850" height="420" alt="" class="current" />
-
            <div id="contentSub"></div>
+
    <img  src="https://static.igem.org/mediawiki/2012/1/13/UCD_Slide2_Background.jpg" width="850" height="420" alt="" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/7/78/UCD_Slide3_Background.jpg" width="850" height="420" 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>
 +
    </ul>
 +
<!-- slide show ends here -->  
-
<br>
+
<div id="bodyContent"> 
 +
<!--  <div id="contentSub"></div> -->
 +
<!--  </div> -->
-
  <div class="floatbox3">
 
-
<h1> Strain </h1>
 
-
<article>
 
-
text
+
<!--  <br> -->
-
 
+
<!-- div id="myleftbox" style="width:625px; float:left;" -->
-
</article>
+
<div id="myleftbox">
-
  </div>
+
 +
<div id="myleftbox"  class="smallbox">
 +
<h1> AmberCycle Industries</h1>
 +
<p>AmberCycle Industries is applying an industrial synthetic biology platform to provide high-performing alternatives to petroleum-sourced fuels and chemicals.</p>
<br>
<br>
-
<div class="floatbox3">
 
-
<hp>Background</hp>
 
-
<article>
 
-
Text goes here
 
-
</article></div>
 
<br>
<br>
-
<div class="floatbox3">
+
<div id="left" align="center">
-
<hp>What we're doing</hp>
+
<p>Our Vision</p>
-
<article>
+
<div align="left">
-
Text goes here
+
<br>
-
</article></div>
+
<ul>
 +
<li>Establish ''Biocycling'' as a primary means of plastic disposal for corporations and consumers.</li>
 +
<li>Develop an effective means to expand possible recyclable product pool.</li>
 +
<li>Promote our synthetic biology platform for the future socioeconomic endeavors.</li>
 +
</ul>
 +
</div>
 +
<br>
 +
<img src="http://img.photobucket.com/albums/v26/bluemelon/logo.png" align="center"></img>
 +
</div>
 +
 
 +
<div id="right" align="center">
 +
<p>Media</p>
 +
<iframe width="400" height="225" src="http://www.youtube.com/embed/YVy1nbmQb8E?rel=0" frameborder="0" allowfullscreen></iframe>
 +
</div>
<br>
<br>
-
<div class="floatbox3">
+
<br>
-
<hp>References</hp>
+
 
-
<article>
+
-
Text goes here
+
-
</article></div>
+
</div>
</div>
 +
 +
<!-- site map starts here -->
 +
<div id="myleftbox"  class="smallboxsite" style=" padding-top: 15px; padding-left: 350px; width: 485px;">
 +
<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://2012e.igem.org/Team:UC_Davis_E/Terms_of_Use"> <p>Legal</p></a></li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/Team:UC_Davis_E/Site_Map"> <p>Site Map</p></a></li>
 +
 +
</ul>
 +
</div>
 +
<!-- site map ends here -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
</div>
</div>
-
 
+
<!-- footer ends here -->
-
 
+
-
</body>
+
</html>
</html>

Latest revision as of 03:21, 28 October 2012

Team:UC Davis - 2012.igem.org




AmberCycle Industries

AmberCycle Industries is applying an industrial synthetic biology platform to provide high-performing alternatives to petroleum-sourced fuels and chemicals.



Our Vision


  • Establish ''Biocycling'' as a primary means of plastic disposal for corporations and consumers.
  • Develop an effective means to expand possible recyclable product pool.
  • Promote our synthetic biology platform for the future socioeconomic endeavors.