Team:Rutgers/Template/Header

From 2012.igem.org

(Difference between revisions)
m
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
/* IE10 Consumer Preview */
+
<html>
-
background-image: -ms-linear-gradient(right, #F4ED13 0%, #2DE59E 100%);
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Rutgers 2012 iGEM Team: Biofuels in Biology</title>
-
/* Mozilla Firefox */  
+
<link rel='stylesheet' type='text/css' href='https://2012.igem.org/Template:Team:Rutgers/menu?action=raw&amp;ctype=text/css' />
-
background-image: -moz-linear-gradient(right, #F4ED13 0%, #2DE59E 100%);
+
-
/* Opera */  
+
<link rel='stylesheet' type='text/css' href='https://2012.igem.org/Template:Team:Rutgers/style?action=raw&amp;ctype=text/css' />
-
background-image: -o-linear-gradient(right, #F4ED13 0%, #2DE59E 100%);
+
-
/* Webkit (Safari/Chrome 10) */
 
-
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #F4ED13), color-stop(1, #2DE59E));
 
-
/* Webkit (Chrome 11+) */  
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
-
background-image: -webkit-linear-gradient(right, #F4ED13 0%, #2DE59E 100%);
+
-
/* W3C Markup, IE10 Release Preview */  
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
-
background-image: linear-gradient(to left, #F4ED13 0%, #2DE59E 100%);
+
 
 +
<style type="text/css">
 +
 
 +
/* Reset */
 +
/* Showcase
 +
-------------*/
 +
 
 +
#awOnePageButton .view-slide
 +
{
 +
display: none;
 +
}
 +
 
 +
/* This class is removed after the showcase is loaded */
 +
/* Assign the correct showcase height to prevent loading jumps in IE */
 +
.showcase-load
 +
{
 +
height: 470px; /* Same as showcase javascript option */
 +
overflow: hidden;
 +
}
 +
 
 +
/* Container when content is shown as one page */
 +
.showcase-onepage
 +
{
 +
/**/
 +
}
 +
 
 +
/* Container when content is shown in slider */
 +
.showcase
 +
{
 +
position: relative;
 +
margin: auto;
 +
}
 +
 
 +
.showcase-content-container
 +
{
 +
background-color: #003;
 +
}
 +
 +
/* Navigation arrows */
 +
.showcase-arrow-previous, .showcase-arrow-next
 +
{
 +
position: absolute;
 +
background: url('https://static.igem.org/mediawiki/2012/f/f0/Arrows.png');
 +
width: 33px;
 +
height: 33px;
 +
top: 220px;
 +
cursor: pointer;
 +
}
 +
 +
.showcase-arrow-previous
 +
{
 +
left: -60px;
 +
}
 +
 +
.showcase-arrow-previous:hover
 +
{
 +
background-position: 0px -34px;
 +
}
 +
 +
.showcase-arrow-next
 +
{
 +
right: -56px;
 +
background-position: -34px 0;
 +
}
 +
 +
.showcase-arrow-next:hover
 +
{
 +
background-position: -34px -34px;
 +
}
 +
 +
/* Content */
 +
.showcase-content
 +
{
 +
background-color: #DDD;
 +
text-align: center;
 +
}
 +
 +
.showcase-content-wrapper
 +
{
 +
text-align: center;
 +
height: 600px;
 +
width: 800px;
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
 +
/* Styling the tooltips */
 +
.showcase-plus-anchor
 +
{
 +
background-image: url('https://static.igem.org/mediawiki/2012/2/2f/Plus.png');
 +
background-repeat: no-repeat;
 +
}
 +
 +
.showcase-plus-anchor:hover
 +
{
 +
background-position: -32px 0;
 +
}
 +
 +
div.showcase-tooltip
 +
{
 +
background-color: #fff;
 +
color: #000;
 +
text-align: left;
 +
padding: 5px 8px;
 +
background-image: url(../images/white-opacity-80.png);
 +
}
 +
 +
/* Styling the caption */
 +
.showcase-caption
 +
{
 +
color: #000;
 +
padding: 8px 15px;
 +
text-align: left;
 +
position: absolute;
 +
bottom: 10px; left: 10px; right: 10px;
 +
display: none;
 +
background-image: url(../images/white-opacity-80.png);
 +
}
 +
 +
.showcase-onepage .showcase-content
 +
{
 +
margin-bottom: 10px;
 +
}
 +
 +
/* Button Wrapper */
 +
.showcase-button-wrapper
 +
{
 +
clear: both;
 +
margin-top: 10px;
 +
text-align: center;
 +
}
 +
 +
.showcase-button-wrapper span
 +
{
 +
margin-right: 3px;
 +
padding: 2px 5px 0px 5px;
 +
cursor: pointer;
 +
font-size: 12px;
 +
color: #444444;
 +
}
 +
 +
.showcase-button-wrapper span.active
 +
{
 +
color: #fff;
 +
}
 +
 +
/* Thumbnails */
 +
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
 +
{
 +
background-color: #000;
 +
}
 +
 +
.showcase-thumbnail-wrapper
 +
{
 +
overflow: hidden;
 +
}
 +
 +
.showcase-thumbnail
 +
{
 +
width: 120px;
 +
height: 90px;
 +
cursor: pointer;
 +
border: solid 1px #333;
 +
position: relative;
 +
}
 +
 +
.showcase-thumbnail-caption
 +
{
 +
position: absolute;
 +
bottom: 2px;
 +
padding-left: 10px;
 +
padding-bottom: 5px;
 +
}
 +
 +
.showcase-thumbnail-content
 +
{
 +
padding: 10px;
 +
text-align: center;
 +
padding-top: 25px;
 +
}
 +
 +
 
 +
.showcase-thumbnail-cover
 +
{
 +
background-image: url(../images/black-opacity-40.png);
 +
position: absolute;
 +
top: 0; bottom: 0; left: 0; right: 0;
 +
}
 +
 +
.showcase-thumbnail:hover
 +
{
 +
border: solid 1px #999;
 +
}
 +
 +
.showcase-thumbnail:hover .showcase-thumbnail-cover
 +
{
 +
display: none;
 +
}
 +
 +
.showcase-thumbnail.active
 +
{
 +
border: solid 1px #999;
 +
}
 +
 +
.showcase-thumbnail.active .showcase-thumbnail-cover
 +
{
 +
display: none;
 +
}
 +
 +
.showcase-thumbnail-wrapper-horizontal
 +
{
 +
padding: 10px;
 +
}
 +
 +
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
 +
{
 +
margin-right: 10px;
 +
width: 116px;
 +
}
 +
 +
.showcase-thumbnail-wrapper-vertical
 +
{
 +
padding: 10px;
 +
}
 +
 +
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
 +
{
 +
margin-bottom: 10px;
 +
}
 +
 +
.showcase-thumbnail-button-backward,
 +
.showcase-thumbnail-button-forward
 +
{
 +
padding: 7px;
 +
cursor: pointer;
 +
}
 +
 +
.showcase-thumbnail-button-backward
 +
{
 +
padding-bottom: 0px;
 +
padding-right: 0px;
 +
}
 +
 +
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
 +
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
 +
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
 +
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
 +
{
 +
background-image: url('https://static.igem.org/mediawiki/2012/5/59/Arrows-small.png');
 +
background-repeat: no-repeat;
 +
display: block;
 +
width: 17px;
 +
height: 17px;
 +
}
 +
 +
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
 +
{
 +
background-position: 0 -51px;
 +
margin-left: 55px;
 +
}
 +
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
 +
{
 +
background-position: -17px -51px;
 +
}
 +
 +
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
 +
{
 +
background-position: 0 -34px;
 +
margin-left: 55px;
 +
}
 +
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
 +
{
 +
background-position: -17px -34px;
 +
}
 +
 +
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
 +
{
 +
background-position: 0 -17px;
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
 +
{
 +
background-position: -17px -17px;
 +
}
 +
 +
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
 +
{
 +
background-position: 0 0;
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
 +
{
 +
background-position: -17px 0;
 +
}
 +
 +
/* Hide button text */
 +
.showcase-thumbnail-button-forward span span,
 +
.showcase-thumbnail-button-backward span span
 +
{
 +
display: none;
 +
}
 +
 +
 
 +
 
 +
/* Clear (used for horizontal thumbnails)
 +
-------------------------------------------*/
 +
 
 +
.clear
 +
{
 +
clear: both;
 +
display: block;
 +
overflow: hidden;
 +
visibility: hidden;
 +
width: 0;
 +
height: 0;
 +
float: none;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
<style>
 +
#p-logo {
 +
  display:none;
 +
}
 +
 
 +
#search-controls {
 +
  display:none;
 +
}
 +
 
 +
#siteSub {
 +
  display:none;
 +
}
 +
 
 +
.firstHeading {
 +
  display:none;
 +
}
 +
 
 +
#top-section {
 +
  height: 20px;
 +
  border:0px;
 +
}
 +
 
 +
#content {
 +
  border:0px;
 +
  background:none;
 +
  opacity:1.0;
 +
}
 +
 
 +
#siteSub {
 +
  display:none;
 +
}
 +
 
 +
#contentSub {
 +
  display:none;
 +
}
 +
 
 +
#catlinks {
 +
  border:0px;
 +
  display:none;
 +
}
 +
 
 +
#footer-box {
 +
  display:none;
 +
}
 +
 
 +
#menubar li a {
 +
  color:#333333;
 +
  background-color:transparent;
 +
}
 +
 
 +
#menubar li a:hover {
 +
  text-decoration:none;
 +
  color:#993333;
 +
}
 +
 
 +
#menubar ul {
 +
  color:transparent;
 +
  background-color:transparent;
 +
}
 +
 
 +
#menubar {
 +
  background-color:transparent;
 +
  margin-top:5px;
 +
  font-size:11px;
 +
  white-space:nowrap;
 +
  overflow:hidden
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
</head>
 +
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 +
 
 +
<ul id="menu">
 +
 
 +
<li><a href="https://2012.igem.org/Team:Rutgers" class="drop">Home</a><!-- Begin Home Item -->
 +
 
 +
   
 +
        <div class="dropdown_2columns"><!-- Begin 2 columns container -->
 +
   
 +
            <div class="col_2">
 +
<h2>"Welcome!"</h2>
 +
            </div>
 +
   
 +
            <div class="col_2">
 +
                <p>Hi and welcome here! This is the Rutgers iGEM Team of 2012's Official Wiki. </p>           
 +
                <p>Enjoy!</p>           
 +
            </div>
 +
 
 +
         
 +
        </div><!-- End 2 columns container -->
 +
   
 +
  </li><!-- End Home Item -->
 +
 
 +
<li><a href="#" class="drop">Projects</a><!-- Begin 5 columns Item -->
 +
   
 +
        <div class="dropdown_5columns"><!-- Begin 5 columns container -->
 +
       
 +
            <div class="col_5">
 +
                <h2>RUiGEM: 2012</h2>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Biofuels in Biology</p>
 +
 +
            </div>
 +
           
 +
 
 +
 +
 
 +
           
 +
 +
          <div class="col_3"> <a href="https://2012.igem.org/Team:Rutgers/BIB"><img src="https://static.igem.org/mediawiki/2012/f/f7/Hd_bib.png" width="70" height="70" class="img_left imgshadow" alt="" /></a>
 +
<p>To develop strains of bacteria that produce high levels of 1-butanol we have introduced the genes coding for a biochemical pathway from Clostridium acetobutylicum into a mutant E. coli strain that produces a high level of NADH.The combination of these chemical pathways is predicted to increase the level of butanol production.. &gt;&gt;
 +
  <a href="https://2012.igem.org/Team:Rutgers/BIB2">Read more...</a><a href="https://2012.igem.org/Team:Rutgers/BIB2">Plasmid Map</a> <a href="https://2012.igem.org/Team:Rutgers/BIB3">Results</a></p>
 +
</div>
 +
 +
 +
<div class="col_3"> <a href="https://2012.igem.org/Team:Rutgers/BEAS"><img src="https://static.igem.org/mediawiki/2012/6/63/Hd_eas.png" width="70" height="70" class="img_left imgshadow" alt="" /></a>
 +
<p>The Etch-a-Sketch project aims to create a lawn of bacteria that can be drawn on with a laser pointer. This seemingly inconsequential task actually presents many interesting engineering challenges. We have designed a novel genetic switch to tackle these problems. If our work proves successful, it will serve as a useful model for future projects that require large signal amplification.
 +
<a href="https://2012.igem.org/Team:Rutgers/BEAS">Read more...</a></p>
 +
  </div>
 +
 +
 
 +
 +
 
 +
        </div><!-- End 5 columns container -->
 +
 
 +
   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
<li><a href="#" class="drop">Notebook</a><!-- Begin 5 columns Item -->
 +
   
 +
        <div class="dropdown_5columns"><!-- Begin 5 columns container -->
 +
       
 +
            <div class="col_5">
 +
                <h2>RUiGEM 2012: Biofuel in Bacteria</h2>
 +
 
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Biofuel in Bacteria</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2012.igem.org/Team:Rutgers/lab">Our Lab Notebook</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2012.igem.org/Team:Rutgers/ref">Our References</a></p>
 +
            </div>     
 +
 
 +
            <div class="col_1">
 +
 
 +
                <p><a href="http://openwetware.org/wiki/Escherichia_coli">Openwetware/E. coli Protocols</a></p>
 +
            </div>   
 +
 
 +
        </div><!-- End 5 columns container -->
 +
 
 +
   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
 
 +
<li><a href="#" class="drop">Team</a><!-- Begin 5 columns Item -->
 +
   
 +
        <div class="dropdown_5columns"><!-- Begin 5 columns container -->
 +
       
 +
            <div class="col_5">
 +
                <h2>RUiGEM 2012: The team.</h2>
 +
 
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Biofuel in Bacteria</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2012.igem.org/Team:Rutgers/Team">Our Team</a></p>
 +
            </div>
 +
 
 +
        </div><!-- End 5 columns container -->   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
 +
 +
<li><a href="#" class="drop">Safety</a><!-- Begin 5 columns Item -->
 +
   
 +
        <div class="dropdown_3columns align_right"><!-- Begin 5 columns container -->
 +
       
 +
            <div class="col_5">
 +
                <h2>How can synthetic biology be better understood?</h2>
 +
 
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Biofuel in Bacteria</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2012.igem.org/Team:Rutgers/Safety">BioSafety</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2012.igem.org/Team:Rutgers/humanpractices">Human Practices</a></p>
 +
            </div>       
 +
 +
 +
 
 +
        </div><!-- End 5 columns container -->
 +
 
 +
   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
 +
 
 +
<li><a href="https://2012.igem.org/Main_Page" class="drop">iGEM</a><!-- Begin 5 columns Item -->
 +
<div class="dropdown_3columns align_right"><!-- Begin 3 columns container --> 
 +
 
 +
<div class="col_3"> 
 +
            <h2>The International Genetically Engineered Machine (iGEM)</h2> 
 +
</div> 
 +
 
 +
            <div class="col_1"> 
 +
 
 +
                <ul class="greybox"> 
 +
                    <li><a href="https://2011.igem.org/Team:Rutgers">2011 iGEM</a></li> 
 +
                    <li><a href="http://en.wikipedia.org/wiki/Igem">Wikipedia/iGEM</a></li> 
 +
                </ul>   
 +
 
 +
            </div> 
 +
 
 +
            <div class="col_1"> 
 +
 
 +
                <ul class="greybox"> 
 +
                    <li><a href="http://ung.igem.org/Team_Wikis?year=2010">2010 Wikis</a></li> 
 +
                    <li><a href="http://ung.igem.org/Team_Wikis?year=2009">2009 Wikis</a></li> 
 +
                </ul>   
 +
 
 +
            </div> 
 +
 
 +
            <div class="col_1"> 
 +
 
 +
                <ul class="greybox"> 
 +
                    <li><a href="http://rutgersigem.com">Rutgers iGEM</a></li> 
 +
                    <li><a href="http://rutgers.edu">Rutgers</a></li> 
 +
                </ul>   
 +
 
 +
            </div> 
 +
           
 +
        </div><!-- End 5 columns container -->
 +
 
 +
   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
</ul>
 +
 
 +
</body>
 +
</html>

Latest revision as of 17:17, 7 August 2013

Rutgers 2012 iGEM Team: Biofuels in Biology