Team:Rutgers/Template/Header
From 2012.igem.org
(Difference between revisions)
m |
|||
Line 1: | Line 1: | ||
- | + | <html> | |
- | + | <head> | |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Rutgers 2011 iGEM Team: Complex Circuits in Synthetic Biology</title> | ||
- | / | + | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/menu?action=raw&ctype=text/css' /> |
- | + | ||
- | / | + | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/style?action=raw&ctype=text/css' /> |
- | + | ||
- | |||
- | |||
- | / | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> |
- | + | ||
- | /* | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script> |
- | background-image: | + | |
+ | <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