Team:UC Davis/Team

From 2012.igem.org

(Difference between revisions)
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>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $("#firstpane p.menu_head").click(function(){
 +
    $(this).css({backgroundImage:"url(http://img.photobucket.com/albums/v26/bluemelon/arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
 +
    $(this).siblings().css({backgroundImage:"url(https://static.igem.org/mediawiki/2012/1/1d/UCD_arrow_right.png)"});
 +
});
 +
});
 +
</script>
<style type="text/css">
<style type="text/css">
Line 106: Line 114:
#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 126:
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 -->
 
-
 
-
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(http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg);
-
#   height:100%;
+
#    background-repeat: no-repeat;
-
 
+
#   background-attachment: fixed;
 +
#   background-size:100% auto;
}
}
Line 149: Line 147:
     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 {
 +
background-color: rgba(255,255,255,1);
 +
background-image: url('http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg');
 +
background-size: 100%;
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
 +
    color: black;
 +
    font: x-small sans-serif;
 +
    margin: 0;
 +
    padding: 0;
 +
#    height:100%;
 +
}
 +
#topmenubar {
#topmenubar {
Line 211: Line 224:
         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 233:
         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: #004b85;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
+
         background: #004b85;
-
        width: 103px;
+
         text-align:center;
-
         background:#004b85;
+
-
         border-left: solid 2px white;
+
-
        border-right: solid 2px white;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 238: Line 249:
}
}
#newnavi .newmenu li a  {
#newnavi .newmenu li a  {
-
text-align:center; vertical-align:middle; width:82px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
+
text-align:center; vertical-align:middle; width:86px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
}
}
#newnavi .newmenu li:hover a {
#newnavi .newmenu li:hover a {
Line 244: Line 255:
}
}
#newnavi .newmenu ul    {
#newnavi .newmenu ul    {
-
position:absolute; left:0px; top:-990px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:lavender;
+
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background: #05bcea;
}
}
#newnavi .newmenu li:hover      {
#newnavi .newmenu li:hover      {
Line 250: Line 261:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:3;
+
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
-
         height:17px;
+
          
-
        border:none;
+
         background: #05bcea;
-
         background:lavender;
+
}
}
#newnavi .newmenu li:hover ul li a      {
#newnavi .newmenu li:hover ul li a      {
-
text-align:center; height:17px; padding:0px;display:block; font-size:12px; width:103px; line-height:16px; text-indent:0px; color:#444;  
+
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;  
-
background-color:transparent; text-decoration:none; border:0px solid transparent;       
+
background-color: #05bcea; text-decoration:none;       
}
}
#newnavi .newmenu li:hover ul li a:hover {
#newnavi .newmenu li:hover ul li a:hover {
-
height:18px; background:silver; color:#000; border:solid 0px #444;       
+
background: #05bcea; color:#ffffff; width:150px;       
}
}
-
/* gallery starts here */
+
 
-
.gallery-nav {
+
#slides {
-
position: relative;
+
    position:relative;
-
height: 140px;
+
    height:280px;
-
width: 735px;
+
    width: 840px
-
top: -20px;
+
   
-
margin:0px;
+
-
padding-left:115px;
+
-
padding-top:0px;
+
-
padding-right:0px;
+
-
background: #D2D2D2;
+
}
}
-
.gallery-nav-1 {
+
 
-
position: relative;
+
#slides IMG {
-
height: 150px;
+
        position:absolute;
-
width: 735px;
+
        opacity:0.0;
-
top: -20px;
+
        top:0px;  
-
margin-top:-10px;
+
        left:0px;
-
margin-left:0px;
+
        z-index:1;  
-
padding-left:115px;
+
-
padding-right:0px;
+
-
background: #D2D2D2;
+
}
}
-
.gallery-nav li {
+
 
-
        float: left;
+
#slides .current {
-
        margin-right: 20px;
+
    z-index:3;
-
        list-style-type:none;
+
    opacity:1.0;
-
        list-style-image:none;
+
}
}
-
.gallery-nav-1 li {
+
 
-
        float: left;
+
#slides .previous {
-
        margin-right: 20px;
+
    z-index:2;
-
        list-style-type:none;
+
-
        list-style-image:none;
+
}
}
-
a.tooltip {
+
 
-
        position: relative;
+
.progress {
-
        display: block;
+
 
-
        width: 100px;
+
margin-top:-270px;
-
        height: 100px;
+
margin-left:20px;
-
        border: 3px solid #888888;
+
position:absolute;
-
        background: #fff no-repeat center;
+
 
-
        background-size: cover;
+
-
        text-decoration: none;
+
-
        /* CSS3 Border-radius
+
-
        -webkit-border-radius: 55px;
+
-
        -khtml-border-radius: 55px;
+
-
        -moz-border-radius: 55px;
+
-
        border-radius: 55px; */
+
-
        /* CSS3 Transition */
+
-
        -webkit-transition: all .4s ease-in .3s;
+
-
        -moz-transition: all .01s ease-in .02s;
+
-
        -o-transition: all .4s ease-in .3s;
+
-
        -ms-transition: all .4s ease-in .3s;
+
-
        transition: all .01s ease-in .02s;
+
}
}
-
a.tooltip:hover,
+
 
-
a.tooltip:focus {
+
.progress li{
-
                border-color: #05bcea;
+
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);
}
}
-
a.tooltip .tooltip-box {
+
 
-
                opacity: 0;
+
.progress li a{
-
                position: absolute;
+
    padding-left: 6px;
-
/*              left: 50%;          */
+
    padding-right: 6px;
-
                left: -190px;
+
-
                bottom: 1500px;
+
-
                width: 36em;
+
-
/*              margin-left: -10.4em; */
+
-
                margin-left: 0px;
+
-
                padding: .8em;
+
-
                line-height: 0.9em;
+
-
                background: #444444;
+
-
                z-index:auto;
+
-
                text-decoration: none;
+
-
                /* CSS3 Border-radius */
+
-
                -webkit-border-radius: 15px 0px;
+
-
                -khtml-border-radius: 15px 0px;
+
-
                -moz-border-radius: 15px 0px;
+
-
                border-radius: 15px 0px;
+
-
                /* CSS3 Transition */
+
-
                -webkit-transition: all .001s ease-in .01s;
+
-
                -moz-transition: all .001s ease-in .01s;
+
-
                -o-transition: all .001s ease-in .01s;
+
-
                -ms-transition: all .001s ease-in .01s;
+
-
                transition: all .001s ease-in .01s;
+
}
}
-
a.tooltip:hover .tooltip-box,
+
 
-
a.tooltip:focus .tooltip-box {
+
.progress li a:hover {
-
                opacity: 0.9;
+
text-decoration:none;
-
                bottom: 117px;
+
-
                text-decoration: none;
+
}
}
-
a.tooltip .tooltip-box:before {
+
 
-
                content: '';
+
.progress .current {
-
                position: absolute;
+
background-color:white;
-
                bottom: -10px;
+
-
                left: 231px;
+
-
                border-top: 10px solid #111;
+
-
                border-left: 10px solid transparent;
+
-
                border-right: 10px solid transparent;
+
-
                }
+
-
a.tooltip .tooltip-title {
+
-
                color: #fff;
+
}
}
-
a.tooltip .tooltip-title-major {
+
 
-
                color: #05bcea;
+
#myleftrightbox
 +
{
 +
position:relative;
 +
width:850px;
 +
float:left;
 +
background-color:transparent;
 +
margin-top: 0px;
 +
margin-left:3.75px solid transparent;
 +
margin-right:3.75px solid transparent;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
}
}
-
a.tooltip .tooltip-desc {
+
 
-
                        margin-bottom: 0;
+
#myleftrightbox .fourboxes
-
                        font-size: 12px;
+
{
-
                        text-align: justify;
+
width:191px;
-
                        color: #bcbcbc;
+
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;
}
}
-
/* Photos */
+
 
-
a.tooltip.photo1 {
+
#myleftrightbox .fourboxes-1
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Akshay.jpg);
+
{
 +
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;
}
}
-
a.tooltip.photo2 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Christine.jpg);
+
#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;
}
}
-
a.tooltip.photo3 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Colin-1.jpg);
+
#myleftrightbox .fourboxes-3
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
}
}
-
a.tooltip.photo4 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Deborah.jpg);
+
#myleftrightbox .fourboxes-4
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
}
}
-
a.tooltip.photo5 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Mattan.jpg);
+
#myleftrightbox .fourboxes-1:hover {
 +
background-color:green;
}
}
-
a.tooltip.photo6 {
+
#myleftrightbox .fourboxes-2:hover {
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Nick.jpg);
+
background-color:orange;
}
}
-
a.tooltip.photo7 {
+
#myleftrightbox .fourboxes-3:hover {
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Pui.jpg);
+
background-color:#05bcea;
}
}
-
a.tooltip.photo8 {
+
#myleftrightbox .fourboxes-4:hover {
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Sahar.jpg);
+
background-color:#676767;
}
}
-
a.tooltip.photo9 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Sergio.jpg);
+
 
 +
#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;
}
}
-
a.tooltip.photo10 {
+
 
-
        background-image: url(http://img.photobucket.com/albums/v26/bluemelon/Spencer.jpg);
+
#myleftrightbox .spacebox
 +
{
 +
float:left;
 +
width:5px;
 +
 
}
}
-
a.tooltip.photo11 {
+
#myleftbox
-
        background-image: url(./Marc.jpg);
+
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
}
}
-
a.tooltip.photo12 {
+
#myleftbox .smallbox
-
        background-image: url(./Ilias.jpg);
+
{
 +
width:604px;
 +
float:left;
 +
background-color:#bfbfbf;
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
}
}
-
a.tooltip.photo13 {
+
#myleftbox .smallbox h1
-
        background-image: url();
+
{
 +
color:#004b85;
 +
font-weight:bold;
}
}
-
/* /////////////////////////////////////////
 
-
        =Global Classes
 
-
///////////////////////////////////////// */
 
-
.clearfix:after {
+
#myleftbox .smallbox h2
-
        content: "";
+
{
-
        display: block;
+
color:#004b85;
-
        clear: both;
+
font-weight:bold;
-
         }
+
}
-
        .ie6 .clearfix { height: 1px; } /* IE6 */
+
 
-
         .ie7 .clearfix { min-height: 1px; } /* IE7 */
+
#myleftbox .smallbox p
-
/* gallery ends here */
+
{
 +
color: #004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallboxsite
 +
{
 +
width:604px;
 +
float:left;
 +
background-color:rgba(191,191,191,0.6 );
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
 
 +
}
 +
#myleftbox .threeboxes
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threeboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threeleft
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threecenter
 +
{
 +
width:175px;
 +
#float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .threeright
 +
{
 +
width:175px;
 +
float:right;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .twoboxes
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .twoboxes1
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:1px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
left:9px;
 +
}
 +
 
 +
#myleftbox .twoboxes:hover {
 +
background-color:red;
 +
}
 +
 
 +
#myleftbox .twoboxes1:hover {
 +
background-color:green;
 +
}
 +
 
 +
#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%;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
 
 +
.ntabs {
 +
margin: 0;
 +
padding: 0;
 +
zoom : 1;
 +
}
 +
.ntabs li {
 +
float: left;
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.ntabs a {
 +
display: block;
 +
text-decoration: none;
 +
padding: 1px 8px 1px 8px;
 +
background-color: #c7c7c7;
 +
margin-right:1px;
 +
border: 1px solid rgb(153,153,153);
 +
         border-radius: 4px 4px 0px 0px;
 +
margin-bottom: -1px;
 +
font-size:14px;
 +
line-height:25px;
 +
}
 +
.ntabs a.active {
 +
border-bottom: 1px solid #fdf2b2;
 +
background-color: #fdf2b2;
 +
color: #004b85;
 +
position: relative;
 +
}
 +
.ntabs a:hover {
 +
         background-color: rgba(186,145,8,0.3);     
 +
}
 +
.npanelContainer {
 +
background:url("http://img.photobucket.com/albums/v26/bluemelon/notepad_pattern.jpg") repeat;
 +
clear: both;
 +
margin-bottom: 25px;
 +
border: 1px solid rgb(153,153,153);
 +
background-color: white;
 +
padding: 17px 0 0 10px;;
 +
        font-size:14px;
 +
        line-height:25px;
 +
        border-radius:4px;
 +
}
 +
 
 +
.npanel h2 {
 +
color: rgb(57,78,121);
 +
text-shadow: none;
 +
}
 +
.npanel p {
 +
color: black;
 +
}
 +
 
 +
 
 +
 
 +
#firstpane {
 +
position:relative;
 +
}
 +
#firstpane p {
 +
display:block;
 +
}
 +
#firstpane .menu_head {
 +
padding: 5px 20px;
 +
cursor: pointer;
 +
position: relative;
 +
margin:1px;
 +
      font-weight:bold;
 +
      background: #eef4d3 url(https://static.igem.org/mediawiki/2012/1/1d/UCD_arrow_right.png) center left no-repeat;
 +
background-position: 5px center;
 +
        background-size: 0.7em auto;
 +
}
 +
 
 +
#firstpane .menu_body {
 +
display:none;
 +
background-color:#e1e1e1;
 +
        background-image:none !important;
 +
        margin-top:-5px
 +
        border-radius:4px;
 +
        padding:10px;
 +
}
 +
#firstpane .menu_body a {
 +
  display:block;
 +
  color:black;
 +
  background-color:#E1E1E1;
 +
  padding-left:10px;
 +
  font-weight:normal;
 +
  text-decoration:none;
 +
}
 +
#firstpane .menu_body a:hover {
 +
  color: #000000;
 +
  text-decoration:underline;
 +
}
 +
 
 +
 
 +
 
.floatbox3
.floatbox3
{
{
Line 447: Line 791:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
left:10px;
left:10px;
}
}
Line 475: Line 819:
     padding: 0 .0em;}
     padding: 0 .0em;}
-
 
+
#catlinks {
 +
background-color:transparent;
 +
border:1px solid transparent;
 +
}
 +
#footpage {
 +
background-color:transparent;
 +
}
 +
#footer-box {
 +
background-color:rgba(191,191,191,0.5);
 +
margin-top:0px;
 +
}
#footer-box-1 {
#footer-box-1 {
          
          
Line 484: Line 838:
         border: 1px solid #444444;
         border: 1px solid #444444;
}
}
 +
#tweets {
 +
    width: 203px;
 +
    margin: 0 auto;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-widget,
 +
#tweets .twtr-doc {
 +
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
 +
#tweets .twtr-hd {
 +
    display:none;
 +
    background: #d40;
 +
    color: #fff;
 +
    -moz-border-radius: 4px 4px 0 0;
 +
    border-radius: 4px 4px 0 0;
 +
    font-family: sans-serif !important;
 +
    }
 +
 +
#tweets .twtr-hd *,
 +
#tweets .twtr-hd h4 a {
 +
 +
    background: #d40 !important;
 +
    font: sans-serif !important;
 +
}
 +
 +
#tweets .twtr-hd h3,
 +
#tweets .twtr-hd h4 {
 +
 +
    font-weight: normal;
 +
    text-align: left;
 +
    margin:0;
 +
}
 +
 +
#tweets .twtr-hd h3 {
 +
       
 +
    background: #fff !important;
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 1.0em !important;
 +
    padding: 0.2em !important;
 +
    -moz-border-radius: 0px;
 +
    border-radius: 0px;
 +
 +
}
 +
 +
#tweets .twtr-tweet {
 +
 +
    background: #fff;
 +
    font: sans-serif !important;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-tweet a:link,
 +
#tweets .twtr-tweet a:visited,
 +
#tweets .twtr-tweet a:hover {
 +
 +
    color: #c40 !important;
 +
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text {
 +
 +
    border-bottom: 1px dashed #666 !important;
 +
    padding-bottom: 4px !important;
 +
    font: sans-serif;
 +
    font-size:12px;
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text p {
 +
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
 +
}
 +
 +
#overlay {
 +
  z-index:2;
 +
  position:fixed;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  background: black no-repeat scroll center center;
 +
}
 +
 +
#lightbox {
 +
  position: fixed;
 +
  width:840;
 +
  z-index:2;
 +
}
</style>
</style>
Line 523: Line 973:
         </ul>
         </ul>
         </li>
         </li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
+
         <li ><a title="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
-
             <li ><a href="./Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview ">Overview</a></li>
-
             <li ><a href="./Notebook.htm ">Week 2</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="./Notebook.htm ">Week 3</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 533: Line 983:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
+
         <li ><a title="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
           <ul>
           <ul>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Modular Engineering</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering" style="font-size:8pt">Protein Engineering</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering</a></li>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
+
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
     </ul>
     </ul>
   </div>
   </div>
 +
 +
<img src="https://static.igem.org/mediawiki/2012/2/25/UCD_Team_banner.jpg">
 +
 +
<div id="bodyContent"> 
 +
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
 +
<div id="sponsorbox">
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
 +
<center>
 +
<h2>UCDavis iGEM Tweets</h2>
 +
</center>
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 10,
 +
  interval: 30000,
 +
  width: 203,
 +
  height: 100,
 +
 
 +
  theme: {
 +
    shell: {
 +
      background: '#004b85',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#004b85',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
   
   
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/team_banner1.jpg" width="850" height="228">
+
  },
 +
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('UCDavisiGEM').start();
-
  <div id="bodyContent">  
+
</script>
-
            <div id="contentSub"></div>
+
</div>
 +
<!-- twitter ends here -->
 +
</div>
-
<br>
+
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>Our Sponsors</h2>
 +
<a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
 +
</center>
-
  <div class="floatbox3">
+
<center>
-
<h1> Who we are </h1>
+
<a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
-
+
</center>
-
  </div>
+
-
<br>
+
-
  <div class="floatbox3">
+
<center>
-
<h3> Undergraduates </h3>
+
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
-
  </div>
+
</center>
-
<!-- Students gallery starts here -->
+
 
-
        <ul class="gallery-nav clearfix">
+
<center>
-
                <li>
+
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
-
                        <a class="tooltip photo1">
+
</center>
-
                                <div class="tooltip-box">
+
 
-
                                        <h4 class="tooltip-title">Akshay Sethi </h4> <h5 class="tooltip-title-major">Biochemistry &amp; Molecular Biology </h5>
+
<center>
-
                                        <p class="tooltip-desc">Hey guys, my name is Akshay Sethi and I am a sophomore majoring in Biochemistry and Molecular Biology. This is my first year participating in iGEM and I have since taken a great interest into synthetic biology and its importance in the near future. I aspire to attend medical school, and to furthermore pursue a career in medicine or health care management. When I am not working in lab, I enjoy volunteering at a student-run clinic for the underserved and also staying active through tennis and basketball.
+
<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>
-
                                        </p>
+
</center>
-
                                </div>
+
 
-
                        </a>
+
<center>
-
                </li>
+
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
-
                <li>
+
</center>
-
                        <a class="tooltip photo2">
+
 
-
                                <div class="tooltip-box">
+
</div>
-
                                        <h4 class="tooltip-title">Christine Olson</h4>  <h5 class="tooltip-title-major">Neurobiology, Physiology  &amp; Behavior </h5>
+
</div>
-
                                        <p class="tooltip-desc">
+
<!-- <br> -->
 +
<!-- div id="myleftbox" style="width:625px; float:left;" -->
 +
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox"> <!-- team starts right below -->
 +
 
 +
 
 +
<h2> Undergraduates </h2>
 +
 
 +
<div id="firstpane" class="menu_list">
 +
 
 +
  <p class="menu_head">Akshay Sethi: <span style="font-weight:normal"> Biochemistry &amp; Molecular Biology </span> </p>
 +
    <div class="menu_body">
 +
<article>
 +
  <img src="http://img.photobucket.com/albums/v26/bluemelon/Akshay-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
 +
Hey guys, my name is Akshay Sethi and I am a sophomore majoring in Biochemistry and Molecular Biology. This is my first year participating in iGEM and I have since taken a great interest into synthetic biology and its importance in the near future. I aspire to attend medical school, and to furthermore pursue a career in medicine or health care management. When I am not working in lab, I enjoy volunteering at a student-run clinic for the underserved and also staying active through tennis and basketball.
 +
</article>
 +
    </div>
 +
 
 +
  <p class="menu_head">Christine Olson: <span style="font-weight:normal"> Neurobiology, Physiology  &amp; Behavior </span> </p>
 +
    <div class="menu_body">
 +
      <article>
 +
<img src="http://img.photobucket.com/albums/v26/bluemelon/Christine-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
RAHH (You have to imagine this in a pterodactyl voice, if you have ever heard one before)! My name’s Christine Olson. I am a fourth year neurobiology, physiology, and behavior major. Basically, that means that I am able to find something amazingly funny about anything you say or do. Actually, about anything that happens! I think the best thing in the world is a neuron. I mean, they look like trees! On my free time, I love biking out to huge fields of sunflowers and taking pictures. I also adore the farmers’ market here in Davis. After college, I plan on working in the biotechnology industry and then returning to a graduate school. Fun fact: I am an underground rapper. Real talk.
RAHH (You have to imagine this in a pterodactyl voice, if you have ever heard one before)! My name’s Christine Olson. I am a fourth year neurobiology, physiology, and behavior major. Basically, that means that I am able to find something amazingly funny about anything you say or do. Actually, about anything that happens! I think the best thing in the world is a neuron. I mean, they look like trees! On my free time, I love biking out to huge fields of sunflowers and taking pictures. I also adore the farmers’ market here in Davis. After college, I plan on working in the biotechnology industry and then returning to a graduate school. Fun fact: I am an underground rapper. Real talk.
-
                                        </p>
+
</article>
-
                                </div>
+
    </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Colin Deniston: <span style="font-weight:normal">Biological Sciences: Molecular  &amp; Cell Biology</span></p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo3">
+
    <article>
-
                                <div class="tooltip-box">
+
<img src="http://img.photobucket.com/albums/v26/bluemelon/Colin-2.jpg"  width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Colin Deniston</h4> <h5 class="tooltip-title-major">Biological Sciences: Molecular  &amp; Cell Biology </h5>
+
-
                                        <p class="tooltip-desc">
+
I’m a fifth year Biological Sciences major at UC Davis. I joined iGEM due to my interest in learning how to manage a realistically scaled research project, as well as, to increase my knowledge of in lab protocol and technique. On the iGEM team I work on the protein engineering and mutant creation/screening protocols. I hope to continue on to graduate school and eventually become a professor.  On my free time I’m an avid video game enthusiast of all game types. I also enjoy reading books, manga, and spending time with friends.  
I’m a fifth year Biological Sciences major at UC Davis. I joined iGEM due to my interest in learning how to manage a realistically scaled research project, as well as, to increase my knowledge of in lab protocol and technique. On the iGEM team I work on the protein engineering and mutant creation/screening protocols. I hope to continue on to graduate school and eventually become a professor.  On my free time I’m an avid video game enthusiast of all game types. I also enjoy reading books, manga, and spending time with friends.  
-
                                        </p>
+
</article>
-
                                </div>
+
    </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Deborah Park: <span style="font-weight:normal">Biological Sciences    </span> </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo4">
+
      <article>
-
                                <div class="tooltip-box">
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Deborah-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Deborah Park </h4> <h5 class="tooltip-title-major"> Biological Sciences </h5>
+
-
                                        <p class="tooltip-desc">
+
I'm a fourth year and I love brains! I love all things related to science, but neurobiology is something I would love to study more after graduation! I like to draw, play the violin, and listen to my favorite band, the ______! I love animals, so I like to help out at a ranch to take care of horses and dogs! I also like exclamation points!!!
I'm a fourth year and I love brains! I love all things related to science, but neurobiology is something I would love to study more after graduation! I like to draw, play the violin, and listen to my favorite band, the ______! I love animals, so I like to help out at a ranch to take care of horses and dogs! I also like exclamation points!!!
-
                                        </p>
+
        </article>  
-
                                </div>
+
  </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Mattan Hamou: <span style="font-weight:normal">Neurobiology, Physiology  &amp; Behavior     </span> </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo5">
+
<article>
-
                                <div class="tooltip-box">
+
<img src="http://img.photobucket.com/albums/v26/bluemelon/Mattan-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Mattan Hamou </h4> <h5 class="tooltip-title-major">Neurobiology, Physiology  &amp; Behavior </h5>
+
-
                                        <p class="tooltip-desc">
+
I am an undergraduate student at the University of California, Davis. As an undeclared Life Science major at UC Davis I am currently exploring all the opportunities available to me in the college of biological sciences. I am currently debating between cell biology and neurobiology, physiology and behavior. Through my Emergency Medical Technician training, I obtained a stronger sense of what life in the emergency medical world entails. After learning on a deeper level the value of genetic engineering this past year I wanted to shift to the laboratory spectrum of the medical field. My intention in joining iGEM was to research possible solutions to medical problems which would allow me to combine both of my aspirations of research in a practical medical field. My main interests in research are in cell functions and how they interact with one another, particularly in immunology and oncology, biomedical devices, and bioremediation. As treasurer of The Triple Helix, Outreach Assembly member, Garamendi for Congress volunteer, and brother of AEPi I am an active member of the UC Davis student body. In my spare time I play the saxophone, video games, sports, and watch a lot of movies. My favorite superhero is Batman :).
I am an undergraduate student at the University of California, Davis. As an undeclared Life Science major at UC Davis I am currently exploring all the opportunities available to me in the college of biological sciences. I am currently debating between cell biology and neurobiology, physiology and behavior. Through my Emergency Medical Technician training, I obtained a stronger sense of what life in the emergency medical world entails. After learning on a deeper level the value of genetic engineering this past year I wanted to shift to the laboratory spectrum of the medical field. My intention in joining iGEM was to research possible solutions to medical problems which would allow me to combine both of my aspirations of research in a practical medical field. My main interests in research are in cell functions and how they interact with one another, particularly in immunology and oncology, biomedical devices, and bioremediation. As treasurer of The Triple Helix, Outreach Assembly member, Garamendi for Congress volunteer, and brother of AEPi I am an active member of the UC Davis student body. In my spare time I play the saxophone, video games, sports, and watch a lot of movies. My favorite superhero is Batman :).
-
                                        </p>
+
</article>    
-
                                </div>
+
    </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Nick Csicsery: <span style="font-weight:normal">Biological Systems Engineering      </span> </p>
-
        </ul>
+
    <div class="menu_body">
-
        <ul class="gallery-nav-1 clearfix">
+
        <article>
-
                <li>
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Nick-1.jpg" width="300" height="160" align="left" style="margin-right:15px">
-
                        <a class="tooltip photo6">
+
-
                                <div class="tooltip-box">
+
-
                                        <h4 class="tooltip-title"> Nick Csicsery</h4> <h5 class="tooltip-title-major">Biological Systems Engineering </h5>
+
-
                                        <p class="tooltip-desc">
+
Hi, I'm Nick. This is my second year doing iGEM and I'm very excited to complete another project! I'm very interested in all things engineering and in learning more about synthetic biology. When I'm not in lab or studying for classes, I'm usually busy organizing events for the Biomedical Engineering Society at Davis. Otherwise, I like spending my time running long distances or playing guitar.  
Hi, I'm Nick. This is my second year doing iGEM and I'm very excited to complete another project! I'm very interested in all things engineering and in learning more about synthetic biology. When I'm not in lab or studying for classes, I'm usually busy organizing events for the Biomedical Engineering Society at Davis. Otherwise, I like spending my time running long distances or playing guitar.  
-
                                        </p>
+
        </article>
-
                                </div>
+
  </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Pui Yan Ho: <span style="font-weight:normal">Biotechnology: Microbiology &amp; Fermentation     </span> </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo7">
+
        <article>
-
                                <div class="tooltip-box">
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Pui-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Pui Yan Ho </h4> <h5 class="tooltip-title-major">Biotechnology: Microbiology &amp; Fermentation </h5>
+
-
                                        <p class="tooltip-desc">
+
Hello everyone, I’m Pui Yan! My ambition is to pursue a career in the biomedical field after completing my undergraduate studies. In the future, I plan to continue onto graduate school and become a college professor. In my spare time, I like to play piano and discover new restaurants to try. I would say that I’m a big fan of dessert and tapioca drinks, so I eat something sweet everyday all day!  
Hello everyone, I’m Pui Yan! My ambition is to pursue a career in the biomedical field after completing my undergraduate studies. In the future, I plan to continue onto graduate school and become a college professor. In my spare time, I like to play piano and discover new restaurants to try. I would say that I’m a big fan of dessert and tapioca drinks, so I eat something sweet everyday all day!  
-
                                        </p>
+
        </article>      
-
                                </div>
+
    </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Sahar Hojjat: <span style="font-weight:normal">Biological Sciences: Molecular  &amp; Cell Biology     </span>   </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo8">
+
        <article>
-
                                <div class="tooltip-box">
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Sahar-1.jpg"  width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Sahar Hojjat </h4> <h5 class="tooltip-title-major">Biological Sciences: Molecular  &amp; Cell Biology </h5>
+
-
                                        <p class="tooltip-desc">  
+
Hi!!! My name is Sahar and I am a senior at UC Davis. My major is Biological Sciences with an emphasis in Molecular and Cell Biology. I am pursuing to be a doctor but I also am really interested in the field of synthetic biology and so also want to pursue more research in the field. Some of my personal interests are dancing, yoga and meditation. An odd but interesting fact about me (that my team discovered actually) is that in all ways possible my name can be heard as laughter. “Saharhar,” “Rahahas,” (which is Sahar backwards) and even my middle name Rose, has been turned into “Rohohose.” OH! And a new, recent discovery, so my last name is Hojjat, is that the “ja” at the end is “ha” in Spanish; so now it’s “Hohojaja.”  
Hi!!! My name is Sahar and I am a senior at UC Davis. My major is Biological Sciences with an emphasis in Molecular and Cell Biology. I am pursuing to be a doctor but I also am really interested in the field of synthetic biology and so also want to pursue more research in the field. Some of my personal interests are dancing, yoga and meditation. An odd but interesting fact about me (that my team discovered actually) is that in all ways possible my name can be heard as laughter. “Saharhar,” “Rahahas,” (which is Sahar backwards) and even my middle name Rose, has been turned into “Rohohose.” OH! And a new, recent discovery, so my last name is Hojjat, is that the “ja” at the end is “ha” in Spanish; so now it’s “Hohojaja.”  
-
                                        </p>
+
        </article>          
-
                                </div>
+
    </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Sergio Waqued: <span style="font-weight:normal">Biomedical Engineering      </span>   </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo9">
+
        <article>
-
                                <div class="tooltip-box">
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Sergio-1.jpg" width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Sergio Waqued </h4> <h5 class="tooltip-title-major">Biomedical Engineering </h5>
+
<br><br>
-
                                        <p class="tooltip-desc">
+
Hello and good day, I'm Sergio Castro Waqued fourth year Biomedical Engineering student. I'm the team's renaissance man and resident troubleshooter. I enjoy transmuting ideas into a physical form and finagling with electronics.  
Hello and good day, I'm Sergio Castro Waqued fourth year Biomedical Engineering student. I'm the team's renaissance man and resident troubleshooter. I enjoy transmuting ideas into a physical form and finagling with electronics.  
-
                                        </p>
+
        </article>          
-
                                </div>
+
  </div>
-
                        </a>
+
 
-
                </li>
+
  <p class="menu_head">Spencer Wong: <span style="font-weight:normal">Genetics &amp; Economics    </span> </p>
-
                <li>
+
    <div class="menu_body">
-
                        <a class="tooltip photo10">
+
        <article>
-
                                <div class="tooltip-box">
+
                <img src="http://img.photobucket.com/albums/v26/bluemelon/Spencer-1.jpg" width="300" height="160" align="left" style="margin-right:15px">
-
                                        <h4 class="tooltip-title">Spencer Wong </h4> <h5 class="tooltip-title-major"> Genetics &amp; Economics</h5>
+
-
                                        <p class="tooltip-desc">
+
Hello!!! I’m Spencer, a junior who magically studies both Economics and Genetics. I speak with a lot of sass, and I love baking chocolate cakes. Food is amazing to me, and I think I should have been a Food Science major sometimes. I love learning about genetic manipulations, such as making things glow in the dark! I play volleyball, listen to Shwayze, and watch Teen Wolf. I’m a bobaholic, true story. I get tapioca (boba) at least once a week. After graduation, I hope to work at a biotechnology firm and then attend graduate school.
Hello!!! I’m Spencer, a junior who magically studies both Economics and Genetics. I speak with a lot of sass, and I love baking chocolate cakes. Food is amazing to me, and I think I should have been a Food Science major sometimes. I love learning about genetic manipulations, such as making things glow in the dark! I play volleyball, listen to Shwayze, and watch Teen Wolf. I’m a bobaholic, true story. I get tapioca (boba) at least once a week. After graduation, I hope to work at a biotechnology firm and then attend graduate school.
-
                                        </p>
+
        </article>          
-
                                </div>
+
    </div>
-
                        </a>
+
</div>
-
                </li>
+
<br>
-
        </ul><!-- e: .gallery-nav -->
+
<h2> Advisors </h2>
-
<!-- Students gallery ends here -->
+
<div id="firstpane" class="menu_list">
-
<!-- Advisors gallery starts here -->
+
-
  <div class="floatbox3">
+
  <p class="menu_head">Dr. Marc Facciotti <span style="font-weight:normal">     </span> </p>
-
<h3> Advisors </h3>
+
    <div class="menu_body">
-
Two UC Davis professors and one graduate student provide valuable insight, laboratory space, and academic clout to the undergraduate portion of the team.
+
        <article>
-
  </div>
+
                <img src="./" width="300" height="160" align="left" style="margin-right:15px">
-
<!-- Advisor gallery starts here -->
+
<br><br><br><br>
-
        <ul class="gallery-nav clearfix">
+
<ul>
-
                <li>
+
                         <li> Ph.D. in Biophysics </li>
-
                        <a class="tooltip photo11" href="http://www.bme.ucdavis.edu/facciotti">
+
<li> Position: Primary Investigator. The Boss. </li>
-
                                <div class="tooltip-box">
+
<li> Department: Biomedical Engineering </li>
-
                                        <h4 class="tooltip-title"> Dr. Marc Facciotti </h4> <h5 class="tooltip-title-major">Ph.D. in Biophysics </h5>
+
<li><a target="new" href="http://www.bme.ucdavis.edu/facciotti">Facciotti Lab Wesbite</a> </li>
-
                                        <p class="tooltip-desc">Position: Primary Investigator. The Boss. <br>Department: Biomedical Engineering <br>Facciotti Lab Wesbite <link href="http://www.bme.ucdavis.edu/facciotti">
+
</ul>
-
                                        </p>
+
        </article>
-
                                </div>
+
    </div>
-
                         </a>
+
-
                </li>
+
-
                <li>
+
-
                        <a class="tooltip photo12" href=" ">
+
-
                                <div class="tooltip-box">
+
-
                                        <h4 class="tooltip-title">Dr. Ilias Tagkopoulos</h4>  <h5 class="tooltip-title-major">Ph.D. in Electrical Engineering </h5>
+
-
                                        <p class="tooltip-desc">Position: Co-Primary Investigator <br>
+
-
                                        Department: Biomedical Engineering, Computer Science <br>
+
-
                                        Tagkopoulos Lab Website
+
-
                                        </p>
+
-
                                </div>
+
-
                        </a>
+
-
                </li>
+
-
                <li>
+
-
                        <a class="tooltip photo13" href=" ">
+
-
                                <div class="tooltip-box">
+
-
                                        <h4 class="tooltip-title">Graduate Student</h4>
+
-
                                        <p class="tooltip-desc">
+
-
                                        </p>
+
  <p class="menu_head">Dr. Ilias Tagkopoulos <span style="font-weight:normal">    </span>  </p>
-
                                </div>
+
    <div class="menu_body">
-
                        </a>
+
        <article>
-
                 </li>
+
                <img src="./" width="300" height="160" align="left" style="margin-right:15px">
-
    </ul>
+
<br><br><br>
-
<!-- Advisor gallery ends here -->
+
                 <ul>
-
<!-- Advisors gallery ends here -->
+
                        <li> Ph.D. in Electrical Engineering </li>
 +
                        <li> Position: Co-Primary Investigator </li>
 +
                        <li> Department: Biomedical Engineering, Computer Science  </li>
 +
                        <li> <a target="new" href="http://www.cs.ucdavis.edu/~iliast/">Tagkopoulos Lab Website </a></li>
 +
                </ul>
 +
        </article>
 +
    </div>
 +
 
 +
  <p class="menu_head">Graduate Student <span style="font-weight:normal">    </span>  </p>
 +
    <div class="menu_body">
 +
        <article>
 +
<!--       <img src="./" width="300" height="160" align="left" style="margin-right:15px"> -->
 +
<br><br>
 +
        </article>
 +
    </div>
 +
</div>
 +
</div>
 +
<!-- team ends here -->
 +
<!-- site map starts here -->
 +
<div id="myleftbox"  class="smallboxsite">
 +
<ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;"  >
 +
 
 +
<li style="float:left;margin:0 10px solid red"><a href="https://2012.igem.org/Team:UC_Davis"><p>Home</p><ul style="text-indent:-15px;
 +
list-style-image:none;list-style-type:none;color:#000000;"><li>Welcome </li><li>Tweets </li><li>Criteria </li><li>Sponsors </li> </ul> </a> </li>
 +
 
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p> <ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000 "><li>Who we are </li><li>Students </li><li>Advisors</li></ul></a> </li>
 +
 
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a> </li><li><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">Modular Engineering</a></li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst ">Chassis Engineering</a></li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering ">Protein Engineering</a></li> </ul> </li>
 +
 
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Safety "> <p>Safety</p></a> <a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Safety "> Safety</a> </li>
 +
 
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Notebook "> <p>Notebook</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000  "><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook">Overview</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a> </li> </ul> </li>
 +
 
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p><ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000"><li>Data One </li><li>Data Two </li><li>Data Three </li></ul></a> </li>
 +
 
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Attributions "> <p>Attribution </p></a><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Attributions "> Attribution</a></li>
 +
 
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Main_Page "> <p>iGEM </p></a><a style="color:#000000 " href="https://2012.igem.org/Main_Page " > iGEM</a></li>
 +
</ul>
 +
</div>
 +
<!-- site map ends here -->
 +
 
 +
</div>
</div>
</div>
 +
<!--  </div> -->
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
</div>
</div>
 +
</body>
 +
<!-- 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>
-
</body>
+
 
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
</div>
 +
<!-- footer ends here -->
</html>
</html>

Revision as of 22:54, 7 September 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors

Undergraduates


Advisors


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