Team:Rutgers/Template/Header

From 2012.igem.org

(Difference between revisions)
m
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 2011 iGEM Team: Complex Circuits in Synthetic Biology</title>
-
/* Mozilla Firefox */  
+
<link rel='stylesheet' type='text/css' href='https://2011.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://2011.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%);
+
 
 +
<link rel="stylesheet" href="http://zacstewart.github.com/Meow/jquery.meow.css" type="text/css" media="screen" title="no title" charset="utf-8">
 +
 
 +
<link rel="stylesheet" href="https://raw.github.com/necolas/normalize.css/master/normalize.css" type="text/css" media="screen">
 +
 
 +
<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: #000;
 +
}
 +
 +
/* Navigation arrows */
 +
.showcase-arrow-previous, .showcase-arrow-next
 +
{
 +
position: absolute;
 +
background: url('https://static.igem.org/mediawiki/2011/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/2011/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/2011/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://2011.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: Complex is Simple</h2>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Complex Circuits</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/EAS1">Bacterial ETCH-A-SKETCH</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/FA1">Bacterial FULL ADDER</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/MYS!S">MYS!S BioBrick Optimizer</a></p>
 +
            </div>
 +
 +
<div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/MD1">Modeling</a></p>
 +
            </div>
 +
           
 +
 +
            <div class="col_3">
 +
 
 +
                <img src="http://gears.rutgers.edu/images/icons/eas.png" width="70" height="70" class="img_left imgshadow" alt="" />
 +
<p>The Etch-a-Sketch project aims to create a lawn of bacteria that can be drawn on with a laser pointer.
 +
<a href="https://2011.igem.org/Team:Rutgers/EAS1">Read more...</a></p>
 +
</div>
 +
 +
 +
<div class="col_3"> 
 +
                <img src="http://gears.rutgers.edu/images/icons/bfa.png" width="70" height="70" class="img_left imgshadow" alt="" />
 +
<p>The Full Adder project seeks to create bacteria that can mimic a digital full adder.
 +
<a href="https://2011.igem.org/Team:Rutgers/FA1">Read more...</a></p>
 +
</div>
 +
 +
 +
<div class="col_3"> 
 +
                <img src="http://gears.rutgers.edu/images/icons/mys.png" width="70" height="70" class="img_left imgshadow" alt="" />
 +
<p>Rutgers iGEM software team strives to provide a tool to improve the standard parts registry by checking, and if need be modifying, the BioBrick parts.
 +
<a href="https://2011.igem.org/Team:Rutgers/MYS!S">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 2011: Complex is Simple</h2>
 +
 
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Complex Circuits</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/LB1">Our Lab Notebook</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/References">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 2011: The team and our appreciation to those that helped us.</h2>
 +
 
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p class="black_box">Complex Circuits</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/Team">Our Team</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/Acknowledgements">Our Acknowledgements</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">Complex Circuits</p>
 +
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/Safety">BioSafety</a></p>
 +
            </div>
 +
           
 +
            <div class="col_1">
 +
 
 +
                <p><a href="https://2011.igem.org/Team:Rutgers/HP1">Human Practices</a></p>
 +
            </div>       
 +
 +
 +
 
 +
        </div><!-- End 5 columns container -->
 +
 
 +
   
 +
  </li><!-- End 5 columns Item -->
 +
 
 +
 +
 
 +
<li><a href="https://2011.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">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>

Revision as of 08:13, 1 October 2012

Rutgers 2011 iGEM Team: Complex Circuits in Synthetic Biology