"
Team:Calgary/SandboxMain
From 2012.igem.org
| Line 194: | Line 194: | ||
} | } | ||
| + | /***positioning of elements in ZE EPIC BOX***/ | ||
#epicbox{ | #epicbox{ | ||
| Line 204: | Line 205: | ||
#boximgcontainer div{ | #boximgcontainer div{ | ||
float: left; | float: left; | ||
| + | position: relative; | ||
} | } | ||
| - | #orangebox div{ | + | #orangebox{ |
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | #orangebox .imgbox div{ | ||
width: 644px; | width: 644px; | ||
height: 215px; | height: 215px; | ||
background: #F8C22E; | background: #F8C22E; | ||
} | } | ||
| + | #orangebox .iconcontainer{ | ||
| + | position: relative; | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | #orangebox .iconbox div{ | ||
| + | width: 104px; | ||
| + | height: 104px; | ||
| + | position: relative; | ||
| + | } | ||
| + | #obox1 div{ | ||
| + | background: #FFD35A; | ||
| + | } | ||
| + | #orangebox div:hover, #orangebox div.iconbox:hover{ | ||
| + | background: #FFE44F; | ||
| + | } | ||
| + | |||
#fredbox div{ | #fredbox div{ | ||
width: 320px; | width: 320px; | ||
| - | height: | + | height: 220px; |
background: #72E85B; | background: #72E85B; | ||
| - | + | ||
} | } | ||
| + | #fredbox div:hover{ | ||
| + | background: #94FF7D; | ||
| + | } | ||
| + | |||
#oscarbox div{ | #oscarbox div{ | ||
width: 320px; | width: 320px; | ||
| - | height: | + | height: 220px; |
background: #5BB5E8; | background: #5BB5E8; | ||
| - | + | ||
margin-left: 4px; | margin-left: 4px; | ||
} | } | ||
| + | #oscarbox div:hover{ | ||
| + | background: #7DD7FF; | ||
| + | } | ||
| + | |||
#boxinfo{ | #boxinfo{ | ||
float: right; | float: right; | ||
position: relative; | position: relative; | ||
width: 320px; | width: 320px; | ||
| - | left: | + | left: 3px; |
background: #555555; | background: #555555; | ||
| - | height: | + | height: 755px; |
} | } | ||
#boxinfo h2{ | #boxinfo h2{ | ||
| Line 520: | Line 549: | ||
<div id="epicbox"> | <div id="epicbox"> | ||
<div id="boximgcontainer"> | <div id="boximgcontainer"> | ||
| - | < | + | <div id="orangebox"> |
| - | <div class="imgbox"> | + | <div class="iconcontainer"> |
| + | <a id="obox1" class="iconbox" href="#"> | ||
| + | <div> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/6/6b/UCalgary2012_IconHP1.png"></img> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | |||
| + | <a class="imgbox" href="#"> | ||
| + | <div> | ||
<img src="https://static.igem.org/mediawiki/2012/9/9e/UCalgary2012_EpicBoxHP_-_Blank.png"></img> | <img src="https://static.igem.org/mediawiki/2012/9/9e/UCalgary2012_EpicBoxHP_-_Blank.png"></img> | ||
</div> | </div> | ||
| - | + | </a> | |
| + | </div> | ||
<a id="fredbox" href="#"> | <a id="fredbox" href="#"> | ||
<div class="imgbox"> | <div class="imgbox"> | ||
Revision as of 18:59, 29 August 2012
FRED and OSCAR: Converting Naphthenic Acids to Biofuels
Naphthenic acids (NAs) are a group of recalcitrant carboxylic acid-containing compounds which are byproducts of the bitumen extraction process in the northern Alberta oil sands. These toxic and corrosive compounds are part of the solid and liquid wastes deposited into large holding areas called tailings ponds, which pose a potential environmental and economic concern to Alberta and to other areas. The University of Calgary 2012 iGEM team aims to develop a collection of NA-sensing and degrading organisms for their detection and bioremediation.
The Concept
Our project consists of three major components: FRED, OSCAR, and the overarching Human Practices considerations surrounding both of their design. Click on the boxes to your left to learn more about what iGEM Calgary has done so far!
