Team:Penn State/Project
From 2012.igem.org
Sgt Bisendi (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
- | + | ||
<head> | <head> | ||
- | <title> | + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
- | <style> | + | <meta name="description" content="your description goes here" /> |
+ | <meta name="keywords" content="your,keywords,goes,here" /> | ||
+ | <meta name="author" content="Your Name" /> | ||
+ | |||
+ | <title>andreas02 v3.0</title> | ||
+ | <style type="text/css"> | ||
+ | body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;} | ||
+ | #container { | ||
+ | background: #fff; | ||
+ | margin: 0 auto 20px; | ||
+ | padding: 5px 20px 20px; | ||
+ | width: 800px; | ||
+ | } | ||
- | + | /* Site title */ | |
- | + | #logo { | |
- | + | margin: 15px 0 0; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #logo h1 a {border:none; color:#505050;} | ||
+ | #logo h1 a:hover {border:none; color:#303030; text-decoration:none;} | ||
+ | #logo p {font-size:1.3em; color:#505050; margin:0 0 20px 0;} | ||
- | + | /* Tags */ | |
- | + | a { | |
+ | color: #303030; | ||
+ | text-decoration: none; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-style: none; | ||
+ | border-right-style: none; | ||
+ | border-bottom-style: none; | ||
+ | border-left-style: none; | ||
+ | border-bottom-color: #505050; | ||
+ | } | ||
+ | a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;} | ||
+ | a img {border:0;} | ||
+ | h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;} | ||
+ | h2 { | ||
+ | font-size: 24pt; | ||
+ | font-weight: bolder; | ||
+ | margin: 0 0 12px; | ||
+ | font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-style: normal; | ||
+ | color: #356C80; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;} | ||
+ | p { | ||
+ | line-height: 1.5em; | ||
+ | margin: 0 0 15px; | ||
+ | text-align: left; | ||
+ | color: #000; | ||
+ | } | ||
+ | ul,ol {margin:0 0 15px 15px; padding:0;} | ||
+ | li {margin:0 0 3px 0;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* Toptabs menu */ | |
- | + | #toptabs {font-size:.8em; margin:10px auto -13px; width:760px;} | |
- | + | #toptabs p {color:gray; text-align:right;} | |
- | + | .toptab {background:#f0f0f0 url(../images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;} | |
- | + | .toptab:hover {background:#fafafa url(../images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;} | |
- | + | .activetoptab { | |
- | + | background: #fff url(../images/corner2.gif) top right no-repeat; | |
- | + | border-bottom: 1px solid #fff; | |
- | + | margin: 0 0 0 4px; | |
- | + | padding: 4px 5px 3px; | |
- | + | text-decoration: none; | |
- | + | color: #282C2D; | |
- | + | } | |
- | + | .activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;} | |
- | + | /* Navitabs menu */ | |
- | + | #navitabs {clear:both;} | |
- | + | .navitab {background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;} | |
- | + | .navitab:hover {background:#d0d0d0 url(../images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;} | |
- | + | .activenavitab {background:#505050 url(../images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;} | |
+ | .activenavitab:hover {color:#fff; text-decoration:none;} | ||
- | + | /* Header description area */ | |
- | + | #desc { | |
+ | clear: both; | ||
+ | color: #fff; /* height:200px; */ | ||
+ | margin: 5px 0 15px; | ||
+ | padding: 0 0 5px 0; | ||
+ | background-image: url(../images/indexNav1.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left bottom; | ||
+ | text-align: left; | ||
+ | font-size: 18pt; | ||
+ | background-color: black; | ||
+ | width: 800px; | ||
+ | height: 230px; | ||
+ | } | ||
+ | #desc p { | ||
+ | font-size: 10pt; | ||
+ | line-height: 1.3em; | ||
+ | padding: 0 0 0 15px; | ||
+ | width: 325px; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | #desc h2 { | ||
+ | color: #fff; | ||
+ | padding: 15px 15px 0; | ||
+ | text-align: left; | ||
+ | text-size: 18pt; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | #desc a {border-color:#fff; color:#fff; text-decoration:none;} | ||
+ | /* Main content */ | ||
+ | #main { | ||
+ | border-right: 1px solid #d8d8d8; | ||
+ | float: left; | ||
+ | width: 620px; | ||
+ | margin-top: 0; | ||
+ | margin-right: 5; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 5; | ||
+ | padding-top: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | /* Sidebar */ | ||
+ | #sidebar {float:right; width:150px;} | ||
+ | #sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;} | ||
+ | #sidebar ul {margin:0 0 15px 0; padding:0;} | ||
+ | #sidebar li {list-style:none;} | ||
+ | ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;} | ||
+ | ul.sidelink li a{background:#f0f0f0 url(../images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;} | ||
+ | ul.sidelink li a:hover {background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border:none; text-decoration:none;} | ||
+ | |||
+ | /* Footer */ | ||
+ | #footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;} | ||
+ | #footer a {color:gray;} | ||
+ | #footer a:hover {color:#303030;} | ||
+ | #footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;} | ||
+ | |||
+ | /* Additional classes */ | ||
+ | .photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;} | ||
+ | .timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;} | ||
+ | .right {margin:-8px 0 8px 0; text-align:right;} | ||
+ | .block { | ||
+ | padding: 10px; | ||
+ | background-color: #EBEBEB; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .block a: {color: #000; | ||
+ | border: none; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .block a:hover { | ||
+ | color: #090; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | text-decoration:none | ||
+ | } | ||
+ | .hide {display:none; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #blenderAni { | ||
+ | height: 250px; | ||
+ | width: 400px; | ||
+ | background-color: #999; | ||
+ | margin-left: 135px; | ||
+ | } | ||
+ | #logoiGEM { | ||
+ | height: 114px; | ||
+ | width: 280px; | ||
+ | float: right; | ||
+ | background-image: url(../images/Sweatshirt_Logo.jpg); | ||
+ | padding-bottom: 15px; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | #logoPSU { | ||
+ | height: 54px; | ||
+ | width: 116px; | ||
+ | background-image: url(../images/psuLogo.jpeg); | ||
+ | } | ||
+ | #boxLeft { | ||
+ | background-color: #f0f0f0; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | height: 350px; | ||
+ | width: 188px; | ||
+ | margin-top: 10px; | ||
+ | margin-right: 16px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
- | == | + | #boxRight { |
- | === | + | background-color: #f0f0f0; |
- | < | + | text-align: left; |
- | + | float: left; | |
- | </p> | + | height: 350px; |
- | <p> | + | width: 188px; |
- | + | margin-top: 10px; | |
- | </p> | + | margin-right: 5px; |
- | <p> | + | padding-bottom: 10px; |
- | + | margin-bottom: 10px; | |
- | </ | + | |
- | === | + | } |
- | + | ||
- | === | + | .mscProj { |
- | + | font-family: Verdana, Geneva, sans-serif; | |
+ | font-size: 16px; | ||
+ | color: #333; | ||
+ | background-color: #FF9; | ||
+ | text-align: center; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 8px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .biDirProj { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 16px; | ||
+ | background-color: #69F; | ||
+ | color: #333; | ||
+ | text-align: right; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .codOptProj { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 16px; | ||
+ | color: #333; | ||
+ | background-color: #F99; | ||
+ | text-align: center; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #boxCenter { | ||
+ | background-color: #f0f0f0; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | height: 350px; | ||
+ | width: 190px; | ||
+ | margin-top: 10px; | ||
+ | margin-right: 16px; | ||
+ | margin-bottom: 10px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .readmore { | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 12px; | ||
+ | color: #333333; | ||
+ | text-align: right; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="container"> | ||
+ | <div id="logoiGEM"></div> | ||
+ | <div id="logoPSU"></div> | ||
+ | <div id="navitabs"> | ||
+ | <h2 class="hide">Sample navigation menu:</h2> | ||
+ | <a class="navitab" href="https://2012.igem.org/Team:Penn_State">Home</a><span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Team">Team</a><span class="hide"> | </span> <a class="activenavitab" href="#">Projects</a><span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a><span class="hide"> | </span> <a class="navitab" href="#">Modeling </a><span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Notebook">Notebook</a><span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Safety">Other</a> </div> | ||
+ | <div id="desc"> | ||
+ | <h2>Team Projects</h2> | ||
+ | <p>Utilizing synthetic biology cloning techniques, the Penn State iGEM team has designed three genetic constructs that test the most basic assumptions of molecular biology. While each of the individual projects looks at a different aspect of the mantra, they all come together under the umbrella of Questioning the Central Dogma of Molecular Biology.</p> | ||
+ | <p class="right"><a href="#">Possible Link</a> »</p> | ||
+ | </div> | ||
+ | <div id="main"> | ||
+ | <div class="mscProj" id="boxLeft"><span class="mscProj">Multiple Start Codons</span></span> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p class="block">mRNA strands should have only one recognized start codon. What happens when multiple start codons are introduced in translation?<p class="readmore">read more... | ||
+ | </div> | ||
+ | <div class="biDirProj" id="boxCenter"><span class="biDirProj">BidirectionalPromoters</span><p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p class="block">Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand? <p class="readmore">read more... | ||
+ | </div> | ||
+ | <div class="codOptProj" id="boxRight"><span class="codOptProj"> --Codon Optimization</span> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p class="block">Each organism has a preferred sequence for each amino acid. What happens when the cell is overloaded by one amino acid codon?<p class="readmore">read more... | ||
+ | </div> | ||
+ | <h2> </h2> | ||
+ | </div> | ||
+ | <div id="sidebar"> | ||
+ | <h3>Check these Out!</h3> | ||
+ | <ul class="sidelink"> | ||
+ | <li><a href="#">Judging Criteria</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Human Practices</a></li> | ||
+ | </ul> | ||
+ | <h3>Picture Gallery</h3> | ||
+ | <img class="photo" src="../images/test.jpg" height="100" width="130" alt="" /> | ||
+ | <h3>Possible Links:</h3> | ||
+ | <ul> | ||
+ | Possible Links | ||
+ | <li><a href="#">Possible Link</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <p><strong>© Hannah Jepsen-Burger<a href="#"></a></strong> | Follow us on Twitter<a href="#"></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- InstanceEndEditable --> | ||
+ | </body> | ||
+ | <!-- InstanceEnd --></html> |
Revision as of 02:17, 2 October 2012
Team Projects
Utilizing synthetic biology cloning techniques, the Penn State iGEM team has designed three genetic constructs that test the most basic assumptions of molecular biology. While each of the individual projects looks at a different aspect of the mantra, they all come together under the umbrella of Questioning the Central Dogma of Molecular Biology.
mRNA strands should have only one recognized start codon. What happens when multiple start codons are introduced in translation?
read more...
Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand?
read more...
Each organism has a preferred sequence for each amino acid. What happens when the cell is overloaded by one amino acid codon?
read more...