Team:Northwestern

From 2012.igem.org

(Difference between revisions)
(fixed the overlap of divs of the banner and content container)
(updated update sections)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Northwestern/Templates/Skinning}}
{{:Team:Northwestern/Templates/Header}}
{{:Team:Northwestern/Templates/Header}}
Line 5: Line 6:
<style type="text/css">
<style type="text/css">
-
/*Cleaning and Resetting the Background*/
+
/*Welcome Banner*/
-
#top-section {
+
#welcome {
-
    height: 1px; }
+
-
#p-logo {
+
-
    height:1px; overflow:hidden; display:none;}
+
-
#search-controls {
+
-
    display:none;}
+
-
#globalWrapper {
+
-
    background: #FFF;}
+
-
#content {
+
-
    border: 0px;
+
-
    width: 100%;}
+
-
h1.firstHeading {
+
-
    display: none;}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    border-bottom: 0px;}
+
-
body {
+
-
    font: 62.5% Georgia,"Times New Roman",serif;
+
-
    margin: 0;
+
-
    padding: 0;}
+
-
.left-menu a {
+
-
    color: black; }
+
-
.left-menu:hover {
+
-
    color: black;
+
-
    background: transparent; }
+
-
.left-menu:hover a {
+
-
    color: black; }
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black; }
+
-
 
+
-
/*Theme Formatting*/
+
-
/*    background: url("https://static.igem.org/mediawiki/2012/f/f8/Backgroundtile.png") repeat scroll 0 0 #F5F4F0; */
+
-
#globalWrapper {
+
-
    background: #fafafa}
+
-
#content {
+
-
    background: #fafafa;
+
-
    padding: 0;
+
-
}
+
-
#bodyContent {
+
-
    background: #fafafa;}
+
-
#top-section {
+
-
    height:14px;
+
-
    width: 100%;
+
-
    border: 0;
+
-
    background: rgba(51,51,51,1) }
+
-
.left-menu a {
+
-
    color: white; }
+
-
.left-menu:hover {
+
-
    color: white;
+
-
    background: transparent; }
+
-
.left-menu:hover a {
+
-
    color: white; }
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: white; }
+
-
 
+
-
/*Main Header*/
+
-
#header1 {
+
-
    /* background: url("https://static.igem.org/mediawiki/2012/c/c0/Wheat_field_stock_by_kuiwi.png"); */
+
-
    height: 150px;
+
-
    width: 100%;
+
-
    position: relative;
+
-
    top: 0;
+
-
    left: 0;
+
-
    margin: 0;
+
-
    padding: 0;}
+
-
 
+
-
#headerContainer {
+
-
    /* background-color: rgba(255,255,255,0.5); */
+
-
    position: relative;
+
     width: 1000px;
     width: 1000px;
-
    height: 150px;
 
-
    margin: auto;}
 
-
 
-
/*Slideshow Header*/
 
-
#header2 {
 
-
    background: #520063;
 
     height: 200px;
     height: 200px;
-
    width: 1000px;
 
     position: relative;
     position: relative;
-
    text-align: center;
 
-
    font-size: 100px;
 
-
    color: #FFF;
 
     top: 0;
     top: 0;
     left: 0;
     left: 0;
Line 94: Line 16:
     padding: 0;
     padding: 0;
     border: 0;
     border: 0;
-
     clear: both;}
+
     clear: both;
-
#welcome {
+
    box-shadow:00 10px 10px #444; }
-
     width: 1000px;
+
.shortcut {
-
     height: 240px;
+
    margin:0;
-
     position: relative;
+
     width: 238px;
-
     top: 0;
+
     height:98px;
-
     left: 0;
+
     display:inline-block;
-
     margin: auto;
+
     vertical-align:top;
-
     padding: 0;
+
    border:1px solid #444; }
-
     border: 0;
+
#sc1 {
-
     clear: both;}
+
     float:left;
 +
    background:transparent url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png') center top no-repeat;
 +
    background-position:0 0; }
 +
#sc1:hover {
 +
    background: url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png');
 +
    background-position:0 -100px; }
 +
#sc2 {
 +
     margin:0 0 0 15px;
 +
     background:transparent url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png') center top no-repeat;
 +
    background-position:0 -200px; }
 +
#sc2:hover {
 +
     background:transparent url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png') center top no-repeat;
 +
    background-position:0 -300px; }
 +
#sc3 {
 +
     float:right;
 +
    background:transparent url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png') center top no-repeat;
 +
    background-position:0 -400px; }
 +
#sc3:hover {
 +
    background:transparent url('https://static.igem.org/mediawiki/2012/c/cd/Css_sprite_buttons.png') center top no-repeat;
 +
    background-position:0 -500px; }
</style>
</style>
<div id="welcome">
<div id="welcome">
-
<img style="position:absolute; bottom:0;" src="https://static.igem.org/mediawiki/2012/3/3e/Lowerbanner.png">
+
<img src="https://static.igem.org/mediawiki/2012/3/3e/Lowerbanner.png">
</div>
</div>
-
<div id="container" style="width:1000px; margin:auto; position:relative">
+
<div class="container">
 +
<div class="content">
 +
<div class="arrow">
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Arrow.png">
 +
    <p class="arrow-header">shortcuts
 +
</div>
 +
<div style="top:0; height:100px; width:75%; position:relative; float:right">
 +
<a id="sc1" class="shortcut" href="https://2012.igem.org/Team:Northwestern/Project"></a>
 +
<a id="sc2" class="shortcut" href="https://2012.igem.org/Team:Northwestern/Project/Results"></a>
 +
<a id="sc3" class="shortcut" href="https://2012.igem.org/Team:Northwestern/Modeling"></a>
 +
</div>
 +
</div>
 +
<div class="content">
 +
<div class="arrow">
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Arrow.png">
 +
    <p class="arrow-header">updates
 +
</div>
-
<div id="content1" style="background-color:#FFFFFF;height:500px;width:300px;float:left; ">
+
<table style="border:0; background:transparent;">
 +
<tr>
 +
<td width="250px"><h1>14 October 2012:</h1></td>
 +
<td><p><b>WE RECIEVED A GOLD MEDAL AND ARE HEADING TO THE INTERNATIONAL JAMBOREE!</b> We're incredibly excited and are looking forward to seeing all the other teams in Boston!</td>
 +
</tr>
 +
<tr>
 +
<td width="250px"><h1>15 July 2012:</h1></td>
 +
<td><p>We added our Team Project Description here on the front page!</td>
 +
</tr>
 +
<tr>
 +
<td width="250px"><h1>5 September 2012:</h1></td>
 +
<td><p>We've added our sponsors to our attributions page! Thanks so much, sponsors! We wouldn't have been able to do this without you.</td>
 +
</tr>
 +
<tr>
 +
<td width="250px"><h1>7 September 2012:</h1></td>
 +
<td><p>We added our <a href="https://2012.igem.org/Team:Northwestern/Project">abstract</a> and our answers to our <a href="https://2012.igem.org/Team:Northwestern/Safety">safety questions</a>!</td>
 +
</tr>
 +
</table>
</div>
</div>
-
<div id="content2" style="background-color:#FFFFFF;height:500px;width:700px;float:right;">
+
<div class="content">
-
<p style="font-size:16px">Vitamin and mineral deficiency is a serious health concern that affects a vast amount of the world’s population. Surprisingly, this deficiency is not always due to a lack of nutrients in the diet but rather due to the low bioavailability, and thus poor absorption, of those nutrients. Specifically, according to the World Health Organization iron deficiency affects over 30% of the world’s population and affects more people than any other condition in the world.  Iron deficiency can lead to anemia, general ill-health, and  premature death.  
+
<div class="arrow arrow-text">
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Arrow.png">
 +
    <p class="arrow-header">description
 +
</div>
 +
<p style="font-size:16px">Vitamin and mineral deficiency is a serious health concern that affects a vast amount of the world’s population. Surprisingly, this deficiency is not always due to a lack of nutrients in the diet but rather due to the low bioavailability (and thus poor absorption) of those nutrients. Specifically, according to the World Health Organization, iron deficiency affects over 30% of the world’s population and affects more people than any other condition in the world.  Iron deficiency can lead to anemia, general ill-health, and  premature death. <a href="http://www.who.int/nutrition/topics/ida/en/">Click here to access the World Health Organization page on iron deficiency.</a>
<p style="font-size:16px">Iron and other nutrients are not available in the food we eat due to molecules known as chelators. Chelators bind to nutrients rendering them unavailable for the body to use. Our project focuses on breaking down the strongest and most prevalent chelator of iron in foods: phytic acid (phytate). Phytic acid is naturally broken down by enzymes known as phytases.
<p style="font-size:16px">Iron and other nutrients are not available in the food we eat due to molecules known as chelators. Chelators bind to nutrients rendering them unavailable for the body to use. Our project focuses on breaking down the strongest and most prevalent chelator of iron in foods: phytic acid (phytate). Phytic acid is naturally broken down by enzymes known as phytases.
Line 129: Line 107:
</div>
</div>
-
<div id="header2">
+
<div class="content">
-
<p style="position:relative; top:90px">Under Construction :)
+
<div class="arrow">
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Arrow.png">
 +
    <p class="arrow-header">schools
 +
</div>
 +
<div style="top:0; height:105px; width:75%; position:relative; float:right">
 +
<a href="http://www.northwestern.edu/"><img style="border:1px solid #444; float:left" src="https://static.igem.org/mediawiki/2011/d/d9/Sponsor_northwestern.jpg"></a>
 +
<a href="http://www.weinberg.northwestern.edu/"><img style="border:1px solid #444; margin:0 0 0 36px;" src="https://static.igem.org/mediawiki/2011/7/79/Sponsor_weinberg.jpg"></a>
 +
<a href="http://www.mccormick.northwestern.edu/"><img style="border:1px solid #444; float:right;" src="https://static.igem.org/mediawiki/2011/e/ea/Sponsor_mccormick.jpg"></a>
 +
</div>
</div>
</div>
-
 
-
<!--<div id="footer" style="background-color:#FFFFFF;clear:both;border:2px solid;text-align:center;">
 
-
Footer</div>-->
 
</div>
</div>
</html>
</html>

Latest revision as of 03:28, 27 October 2012

shortcuts

updates

14 October 2012:

WE RECIEVED A GOLD MEDAL AND ARE HEADING TO THE INTERNATIONAL JAMBOREE! We're incredibly excited and are looking forward to seeing all the other teams in Boston!

15 July 2012:

We added our Team Project Description here on the front page!

5 September 2012:

We've added our sponsors to our attributions page! Thanks so much, sponsors! We wouldn't have been able to do this without you.

7 September 2012:

We added our abstract and our answers to our safety questions!

description

Vitamin and mineral deficiency is a serious health concern that affects a vast amount of the world’s population. Surprisingly, this deficiency is not always due to a lack of nutrients in the diet but rather due to the low bioavailability (and thus poor absorption) of those nutrients. Specifically, according to the World Health Organization, iron deficiency affects over 30% of the world’s population and affects more people than any other condition in the world. Iron deficiency can lead to anemia, general ill-health, and premature death. Click here to access the World Health Organization page on iron deficiency.

Iron and other nutrients are not available in the food we eat due to molecules known as chelators. Chelators bind to nutrients rendering them unavailable for the body to use. Our project focuses on breaking down the strongest and most prevalent chelator of iron in foods: phytic acid (phytate). Phytic acid is naturally broken down by enzymes known as phytases.

We aim to build a system to directly deliver phytase to the digestive system in order to increase the bioavailability of iron.

schools