Team:Gothenburg

From 2014.igem.org

(Difference between revisions)
m (Attempted fix of overlapping video and navbar in IE)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- <!doctype HTML> -->
+
{{CSS/Main}}
 +
{{Team:Gothenburg/UpperTemplate}}
 +
 
<html>
<html>
<head>
<head>
<meta charset="utf-8" />
<meta charset="utf-8" />
-
<title>TemplateUp</title>
 
-
 
<style>
<style>
-
.firstHeading {
+
h1.firstHeading {
-
display: none;
+
display: none;
-
}
+
}
 +
 +
#bodyContent {
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.15);
 +
}
 +
 +
#ourContent {
 +
padding: 10px;
 +
}
 +
 +
.imgRight {
-
nav {
+
padding: 1em;
-
width: 660px;
+
}
-
margin-left:auto;
+
-
margin-right:auto;
+
#welcome {
-
display: block;
+
width: 100%;
-
}
+
}
 +
 +
</style>
 +
 +
</head>
-
nav ul {
+
<body>
-
background: #808080;
+
<div id="ourContent"><!--main content -->
-
background: linear-gradient(top, #808080 0%, #f0f0f0 100%); 
+
<p align="center">
-
background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%);
+
<iframe width="560" height="315" src="//www.youtube.com/embed/1Q50H1jMgyM?wmode=transparent" frameborder="0" allowfullscreen></iframe>
-
background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%);
+
</p>
-
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
+
-
-webkit-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
padding: 0 10px;
+
-
list-style: none;
+
-
position: relative;
+
-
display: block;
+
-
margin-right: 0px;
+
-
margin-left: 0px;
+
-
}
+
-
nav ul ul {
+
<table>
-
display: none;
+
<tr>
-
background: #e7e7e7;
+
<td colspan="3">
-
border-radius: 0;
+
<h2>Introduction</h2>
-
padding: 0;
+
<p>Our project intends to create a generation counter in Saccharomyces cerevisiae. The yeast cell would express fluorescent proteins of different colors according to the number of daughter cells spawn. Nowadays, the replicative age of a yeast cell is determined by counting the budding scars with the help of a microscope. This process is time-consuming and not automated. Once our idea is implemented, it would be possible to use a flow cytometric device to sort the cells according to their color and, consequently, generation number. To achieve that, we are building genetic circuits with a logical AND gate ensuring generation specific expression of different fluorescent proteins.
-
position: absolute;
+
</p>
-
top: 100%;
+
</td>
-
margin: 0;
+
</tr>
-
margin-top: -1px;
+
-
}
+
-
nav ul li:hover > ul {
+
<tr>
-
display: block;
+
<td>
-
}
+
<div class="imgRight" align="center">
 +
<img src="https://static.igem.org/mediawiki/2014/3/30/TeamGBG_Explanation_Cute.jpg"
 +
width="900px" height="auto" />
 +
<br>
 +
 +
</div>
 +
</td>
 +
</tr>
-
nav ul li {
 
-
float: left;
 
-
}
 
-
 
-
nav ul li:hover {
 
-
background: #e7e7e7;
 
-
background: linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%); 
 
-
background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
 
-
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
 
-
}
 
-
 
-
.red:hover, .red:focus {
 
-
background-color: #f3d3d3;
 
-
background: linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); 
 
-
background: -moz-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 
-
background: -webkit-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 
-
}
 
-
.yellow:hover, .yellow:focus {
+
<tr> <td colspan="3" height="15px"> </td></tr>
-
background-color: #f3f3d3;
+
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
-
background: linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);  
+
<tr> <td colspan="3" height="5px"> </td></tr>
-
background: -moz-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
+
-
background: -webkit-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
+
-
}
+
-
+
-
.green:hover, .green:focus {
+
-
background-color: #d3f3d3;
+
-
background: linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);  
+
-
background: -moz-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
+
-
background: -webkit-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
+
-
}
+
-
+
-
.blue:hover, .blue:focus {
+
-
background-color: #d3d3f3;
+
-
background: linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); 
+
-
background: -moz-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
+
-
background: -webkit-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
+
-
}
+
-
+
-
.cyan:hover, .cyan:focus {
+
-
background-color: #d3f3f3;
+
-
background: linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); 
+
-
background: -moz-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
+
-
background: -webkit-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
+
-
}
+
-
+
-
.pink:hover, .pink:focus {
+
-
background-color: #f3d3f3;
+
-
background: linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); 
+
-
background: -moz-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
+
-
background: -webkit-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
+
-
}
+
-
+
-
nav ul li:hover a {
+
-
color: #000000;
+
-
}
+
-
 
+
-
nav ul li:first-child:hover {
+
-
background-color: #e7e7e7;
+
-
}
+
-
 
+
-
nav ul li:last-child:hover {
+
-
background-color: #e7e7e7;
+
-
}
+
-
nav ul li a {
+
</table>
-
display: block;
+
-
padding: 15px 30px;
+
-
color: #000000;
+
-
text-decoration: none;
+
-
}
+
-
+
-
nav ul li a:visited {
+
-
text-decoration:none;
+
-
color: #000000;
+
-
}
+
-
 
+
-
nav ul ul li {
+
-
float: none;
+
-
border-bottom: 1px solid #f0f0f0;
+
-
border-right: 1px solid #f0f0f0;
+
-
border-left: 1px solid #f0f0f0;
+
-
position: relative;
+
-
}
+
-
 
+
-
nav ul ul li:first-child {
+
-
border-top: 1px solid #f0f0f0;
+
-
}
+
-
nav ul ul li a {
+
</div>
-
padding: 15px 30px;
+
<div id='footer-boxx' class='noprint'>
-
color: #000000;
+
        <div id="footer">
-
}
+
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
-
nav ul ul li a:visited {
 
-
text-decoration:none;
 
-
color: #000000;
 
-
}
 
-
nav ul ul li a:hover {
+
  <!-- Recentchanges is not handles well DEBUG -->
-
background: #d3d3d3;
+
-
}
+
-
nav ul ul ul {
+
-
position: absolute;
+
-
left: 100%;
+
-
top:0;
+
-
}
+
-
nav ul:after {
 
-
content: "";
 
-
clear: both;
 
-
display: block;
 
-
}
 
-
 
-
#banner {
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
width: 660px;
 
-
display: block;
 
-
}
 
-
 
-
#title {
 
-
float: left;
 
-
}
 
-
 
-
table, td, th {
 
-
padding: 0px
 
-
}
 
-
</style>
 
-
</head>
 
-
<body>
+
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
-
<table id="banner">
 
-
<tr>
 
-
<td id="title">
 
-
<img src="http://static.giantbomb.com/uploads/ignore_jpg_scale_super/0/7785/2159258-_insert_title_.png" width="540px" height="165px" />
 
-
</td>
 
-
<td>
 
-
<table id="logos">
 
-
<tr>
 
-
<th>
 
-
<a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank">
 
-
<img src="https://scontent-a-ams.xx.fbcdn.net/hphotos-xaf1/t1.0-9/10492215_690566680990741_1563064325472748899_n.jpg" width="110px" height="120px" />
 
-
</a>
 
-
</th>
 
-
 
-
<tr>
 
-
<td>
 
-
<a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
 
-
<img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="51px" height="46px" />
 
-
</a>
 
-
<a href="https://2014.igem.org/Main_Page" target="_blank">
 
-
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" height="55px">
 
-
</a>
 
-
</td>
 
-
</tr>
 
-
</table>
 
-
</td>
 
-
</tr>
 
-
</table>
 
-
 
-
<nav>
 
-
<ul>
 
-
<li>
 
-
<a class="red" href="https://2014.igem.org/Team:Gothenburg/">Home</a>
 
-
</li>
 
-
 
-
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Project/">Project</a>
 
-
<ul>
 
-
<li><a class="yellow" href="#">Overview</a></li>
 
-
<li><a class="yellow" href="#">In Detail</a></li>
 
-
<li><a class="yellow" href="#">Methods</a>
 
-
<ul>
 
-
<li><a class="yellow" href="#">Dry Work</a></li>
 
-
<li><a class="yellow" href="#">Wet Work</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Team/">Team</a>
 
-
<ul>
 
-
<li><a class="green" href="https://igem.org/Team.cgi?year=2014/" target="_blank">Official Team profile</a></li>
 
-
<li><a class="green" href="#">Unofficial Team profile</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Notebook/">Notebook</a>
 
-
<ul>
 
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling/">Modeling</a></li>
 
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Safety/">Safety</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Parts/">Parts</a>
 
-
<ul>
 
-
<li><a class="blue" href="#">Part 1</a></li>
 
-
<li><a class="blue" href="#">Part 2</a></li>
 
-
<li><a class="blue" href="#">Part 3</a></li>
 
-
<li><a class="blue" href="#">Part 4</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions/">Attributions</a></li>
 
-
</ul>
 
-
</nav>
 
 +
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
</body>
</body>
-
</html>
 

Latest revision as of 12:15, 17 October 2014

TemplateUp

Introduction

Our project intends to create a generation counter in Saccharomyces cerevisiae. The yeast cell would express fluorescent proteins of different colors according to the number of daughter cells spawn. Nowadays, the replicative age of a yeast cell is determined by counting the budding scars with the help of a microscope. This process is time-consuming and not automated. Once our idea is implemented, it would be possible to use a flow cytometric device to sort the cells according to their color and, consequently, generation number. To achieve that, we are building genetic circuits with a logical AND gate ensuring generation specific expression of different fluorescent proteins.


Retrieved from "http://2014.igem.org/Team:Gothenburg"