Team:UC Davis/Attributions

From 2012.igem.org

(Difference between revisions)
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>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
        $('.ntabs a').click(function() {
 +
$this = $(this);
 +
$('.npanel').hide();
 +
$('.ntabs a.active').removeClass('active');
 +
$this.addClass('active').blur();
 +
var contents = $this.attr('href');
 +
$(contents).fadeIn(250);
 +
return false;     
 +
});
 +
$('.ntabs li:first a').click();
 +
});
 +
$(document).ready(function(){
 +
$("#firstpane p.menu_head").click(function()
 +
{
 +
    $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
 +
    $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"});
 +
});
 +
});
 +
</script> 
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 121: Line 142:
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(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 161:
     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 220: Line 247:
         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;
         list-style-image:none;
         list-style-image:none;
-
         background:#004b85;
+
         background: #004b85;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
Line 230: Line 257:
         height:24px;
         height:24px;
         width: 103px;
         width: 103px;
-
         background:#004b85;
+
         background: #004b85;
-
        border-left: solid 2px white;
+
#        margin-left: solid 2px transparent;
-
        border-right: solid 2px white;
+
#        margin-right: solid 2px transparent;
 +
#        margin-bottom: solid 1px transparent;
 +
#        border-right: 4px solid #eaf0f2;
 +
#        border-left: 2px solid #eaf0f2;
 +
        border-right: 2px solid transparent;
 +
        border-left: 2px solid transparent;
 +
        text-align:center;
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 250: Line 283:
}
}
#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:23px; background:lavender;  width:103px; opacity:0.7; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
Line 264: Line 297:
height:18px; background:silver; color:#000; border:solid 0px #444;       
height:18px; background:silver; color:#000; border:solid 0px #444;       
}
}
 +
/* slide starts here */
 +
#slides {
 +
    position:relative;
 +
    height:350px;
 +
    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;
 +
}
 +
/* slide ends here */
 +
//leftbox, rightbox starts here
 +
 +
#myleftbox
 +
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:#d2d2d2;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .smallbox
 +
{
 +
width:595px;
 +
float:left;
 +
background-color:#bfbfbf;
 +
margin-top: 17px;
 +
margin-bottom: 10px;
 +
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 .threeboxes
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
 +
}
 +
 +
#myleftbox .threeleft
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:#ba9108;
 +
margin-top: 17px;
 +
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: 17px;
 +
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: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#sponsorbox
 +
{
 +
position: relative;
 +
width: 215px;
 +
margin-top:17px;
 +
float: right;
 +
height: auto;
 +
}
 +
 +
#sponsorbox .sponsorfloat
 +
{
 +
width:205px;
 +
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;
 +
}
 +
.newsAnnouncement
 +
{
 +
width:205px;
 +
height:110px;
 +
overflow-x:hidden;
 +
overflow-y:scroll;
 +
}
 +
<!-- notebook tab style starts here -->
 +
.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: #ba9108;
 +
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("./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;
 +
}
 +
<!-- notebook tab style ends here -->
 +
#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(./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:#006699;
 +
  background-color:#EFEFEF;
 +
  padding-left:10px;
 +
  font-weight:bold;
 +
  text-decoration:none;
 +
}
 +
#firstpane .menu_body a:hover {
 +
  color: #000000;
 +
  text-decoration:underline;
 +
}
 +
.floatbox3
.floatbox3
Line 283: Line 568:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
left:10px;
left:10px;
}
}
Line 350: Line 635:
         <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
         <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
+
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/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://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
Line 361: Line 646:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
-
             <li ><a href="./Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="./Notebook.htm ">Week 2</a></li>
+
            <li ><a href="Notebook.htm ">Week 1</a></li>
-
             <li ><a href="./Notebook.htm ">Week 3</a></li>
+
             <li ><a href="Notebook.htm ">Week 2</a></li>
 +
             <li ><a href="Notebook.htm ">Week 3</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 373: Line 659:
             <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/Strain">Strain</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">Catalyst</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering" style="font-size:8pt">Protein Engineering</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 380: Line 666:
     </ul>
     </ul>
   </div>
   </div>
-
+
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/attributions_banner1.jpg" width="850" height="228">
+
<img src="http://img.photobucket.com/albums/v26/bluemelon/attributions_banner1.jpg" width="850" height="214">
-
  <div id="bodyContent">  
+
<div id="bodyContent">
-
            <div id="contentSub"></div>
+
<!--  <div id="contentSub"></div> -->
 +
<!--  </div> -->
 +
<!-- float: right; first try -->
 +
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
-
<br>
+
<div id="sponsorbox">
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>News</h2>
 +
</center>
 +
<div class="newsAnnouncement">
 +
<ul>
 +
<li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.  </li>
 +
<li>Requested the protocal from the iGEM Washington 2011 team, July 10th.  </li>
 +
<li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
 +
<li>Sushi buffet for lunch, June 21st</li>
 +
<li>First day of iGEM meeting, June 18th</li>
 +
</ul>
 +
</div>
 +
</div>
-
  <div class="floatbox3">
+
<div id="sponsorbox" class="sponsorfloat">
-
<h1> Header </h1>
+
<center>
-
<article>
+
<h2>Criteria</h2>
-
text
+
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
-
</article>
+
</center>
-
  </div>
+
</div>
-
<br>  
+
<div id="sponsorbox" class="sponsorfloat">
-
  <div class="floatbox3">
+
<center>
-
<h1> Header </h1>
+
<h2>Our Sponsors</h2>
-
  </div>
+
<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>
 +
 
 +
<center>
 +
<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>
 +
 
 +
<center>
 +
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
 +
</center>
</div>
</div>
-
<script>if (window.runOnloadHook) runOnloadHook();</script>
+
 
 +
<!--
 +
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 +
<center>
 +
<h2>Start a Family</h2>
 +
Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
</div>
</div>
 +
-->
 +
</div>
</div>
 +
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox">
 +
<!-- Attributions content starts here -->
 +
<h1>Attributions</h1>
 +
Text
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
<!--  </div> -->
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 20:55, 15 August 2012

Team:UC Davis - 2012.igem.org

News

  • Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.
  • Requested the protocal from the iGEM Washington 2011 team, July 10th.
  • Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill.
  • Sushi buffet for lunch, June 21st
  • First day of iGEM meeting, June 18th

Criteria

View our judging criteria for iGEM 2012 here.

Our Sponsors

Attributions

Text

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