|
|
| (86 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | __NOTOC__
| |
| | <html> | | <html> |
| - | | + | <head> |
| - | | + | |
| - | <style> | + | |
| - | h1.firstHeading { display: none; }
| + | |
| - | | + | |
| - | p {text-align: justify;}
| + | |
| - | | + | |
| - | a:link { color: #black; text-decoration: none}
| + | |
| - | a:visited { color:#00b0e6; text-decoration: none}
| + | |
| - | a:hover { color:#f29400; text-decoration: none}
| + | |
| - | a:active { color:#f29400; text-decoration: none}
| + | |
| - | | + | |
| - | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
| + | |
| - | | + | |
| - | table#team_members { text-align: justify; border: 0; }
| + | |
| - | table#team_members h2, table#team_members h3 { clear: both; }
| + | |
| - | | + | |
| - | | + | |
| - | /*-----------------------------------------------------------------------------------------------*/
| + | |
| - | div.MenuBar ul li ul.DropDownMenu {
| + | |
| - | display: none; /* Hides all drop-down menus. */
| + | |
| - | | + | |
| - | }
| + | |
| - | /*
| + | |
| - | li:hover works in IE7 and FF2.
| + | |
| - | a:hover works in IE6 and FF2.
| + | |
| - | a:hover breaks li:hover in FF2.
| + | |
| - | */
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| + | |
| - | display: none; /* Hides all side menus. */
| + | |
| - | }
| + | |
| - | /*------------------------------------------------------------------------------------- Menu Bar */
| + | |
| - | div.MenuBar {
| + | |
| - | font: arial, helvetica, sans-serif;
| + | |
| - | height: 30px;
| + | |
| - | width: 910px;
| + | |
| - | /*width: 100%*/
| + | |
| - | margin: 0;
| + | |
| - | border-top: 0;
| + | |
| - | border-right: 0;
| + | |
| - | border-left: 0;
| + | |
| - | padding: 0;
| + | |
| - | background: black;
| + | |
| - |
| + | |
| - | }
| + | |
| - | div.MenuBar ul {
| + | |
| - | font: arial, helvetica, sans-serif;
| + | |
| - | text-align: center;
| + | |
| - | list-style-type: none;
| + | |
| - | margin: 0.5em auto;
| + | |
| - | border: 0;
| + | |
| - | padding: 0;
| + | |
| - | background: black;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li {
| + | |
| - | font: arial, helvetica, sans-serif;
| + | |
| - | display: block;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | font-size: 1.3em;
| + | |
| - | float: left;
| + | |
| - | background: black;
| + | |
| - | text-align: center;
| + | |
| - | width: 107px;
| + | |
| - | position: relative; /* Sets the positioning context for each drop-down menu. */
| + | |
| - | }
| + | |
| - | | + | |
| - | div.MenuBar ul li a {
| + | |
| - | font: arial, helvetica, sans-serif;
| + | |
| - | display: block;
| + | |
| - | background: black;
| + | |
| - | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| + | |
| - | color: #ffffff;
| + | |
| - | padding-top: 4px;
| + | |
| - | padding-bottom: 4px;
| + | |
| - | padding-left: 1em; /* Sets the left space between top-level items. */
| + | |
| - | padding-right: 1em; /* Sets the right space between top-level items. */
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*------------------------------------------------------------------------------ Drop-Down Menus */
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
| - | display: block;
| + | |
| - | width: 10em; /* Drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | height: 1em;
| + | |
| - | padding: 1px; /* Sets the drop-down menu "effective border" width. */
| + | |
| - | position: absolute;
| + | |
| - | top: 23px; /* Places the drop-down menu under the menu bar.
| + | |
| - | Keep it sync with the menu bar height. */
| + | |
| - | left: 0; /* Aligns the drop-down menu to its top-level item. */
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | | + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
| - | width: 10em; /* Keep it sync with the drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | height: 1em;
| + | |
| - | padding-left: 0;
| + | |
| - | padding-right: 0;
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | ul.DropDownMenu li a span {
| + | |
| - | display: block;
| + | |
| - | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
| + | |
| - | padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
| + | |
| - | text-align: right; /* Aligns the >> symbol to the right. */
| + | |
| - | }
| + | |
| - | ul.DropDownMenu li a span span {
| + | |
| - | float: left; /* Aligns the text (back) to the left. */
| + | |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | height: 20px;
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | /*----------------------------------------------------------------------------------- Side Menus */
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
| - | display: block;
| + | |
| - | width: 11em; /* Side menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | padding: 1px; /* Sets the side menu "effective border" width. */
| + | |
| - | position: absolute;
| + | |
| - | top: -1px; /* Aligns the side menu to its drop-down menu item.
| + | |
| - | Keep it sync with the side menu "effective border" width. */
| + | |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
| - | width: 11em; /* Keep it sync with the side menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | }
| + | |
| - | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
| + | |
| - | padding-left: 1.5em; /* Sets the left space of each side menu item. */
| + | |
| - | padding-right: 0.5em; /* Sets the right space of each side menu item. */
| + | |
| - | text-align: left;
| + | |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | }
| + | |
| - | /*----------------------------------------------------------------------------- Browser Specific */
| + | |
| - | * html div.MenuBar ul li a {
| + | |
| - | float: left; /* Required for IE55 and IE6.
| + | |
| - | Breaks O9.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | * html ul.DropDownMenu li a:hover {
| + | |
| - | cursor: hand; /* Required for IE55.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | ul.DropDownMenu li a:hover {
| + | |
| - | cursor: pointer; /* Required for IE6 and IE7.
| + | |
| - | Hidding it (* html) from non-IE browsers breaks IE7!
| + | |
| - | }
| + | |
| - | * html div.MenuBar a:hover {
| + | |
| - | text-decoration: none; /* Required for IE55 and IE6.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | * html div.MenuBar ul li table,
| + | |
| - | * html div.MenuBar ul li table td {
| + | |
| - | border: 0; /* Required for IE55 and IE6.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | /*------------------------------------------------------------------------------- Default Colors */
| + | |
| - | div.MenuBar {
| + | |
| - | background-color: Menu;
| + | |
| - | border-bottom: 1px solid ButtonShadow;
| + | |
| - | }
| + | |
| - | div.MenuBar a {
| + | |
| - | background-color: Menu; /* Top-level unselected items. */
| + | |
| - | color: MenuText;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover a,
| + | |
| - | div.MenuBar ul li a:hover {
| + | |
| - | color: #ea7f16;
| + | |
| - | background-color: Highlight; /* Top-level selected item. */
| + | |
| - | color: HighlightText;
| + | |
| - | }
| + | |
| - | /*...............................................................................................*/
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
| - | background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
| - | background-color: Menu; Drop-down menu unselected items.
| + | |
| - | Sets the drop-down menu "effective background" color. */
| + | |
| - | color: MenuText;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
| + | |
| - | background-color: Highlight; /* Drop-down menu selected item. */
| + | |
| - | color: HighlightText;
| + | |
| - | }
| + | |
| - | /*...............................................................................................*/
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
| - | background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
| - | background-color: Menu; /* Side menu unselected items.
| + | |
| - | Sets the side menu "effective background" color. */
| + | |
| - | color: MenuText;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
| - | background-color: Highlight; /* Side menu selected item. */
| + | |
| - | color: HighlightText;
| + | |
| - | }
| + | |
| - | /*-----------------------------------------------------------------------------------------------*/
| + | |
| - | /*Script-Free 3-Level Menu 1.2 Tailor
| + | |
| - | www.CesarDaniel.info
| + | |
| - | /*-------------------------------------------------------------------------------------- General */
| + | |
| - | body {
| + | |
| - | background: white;
| + | |
| - | color: black;
| + | |
| - | margin: 0;
| + | |
| - | border: 0;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | div.MenuBar {
| + | |
| - | font: 13px arial, helvetica, sans-serif;
| + | |
| - | }
| + | |
| - | div.MenuBar ul {
| + | |
| - | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | }
| + | |
| - | /*--------------------------------------------------------------------------------------- Colors */
| + | |
| - | div.MenuBar {
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | border-bottom: 1px solid ButtonShadow;
| + | |
| - | }
| + | |
| - | div.MenuBar a,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover a,
| + | |
| - | div.MenuBar ul li a:hover,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
| - | background-color: #00b0e6; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
| - | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
| + | |
| - | }
| + | |
| - | /*--------------------------------------------------------------------------------------- Widths */
| + | |
| - | /*
| + | |
| - | | + | |
| - | /*
| + | |
| - | Menu Bar 1
| + | |
| - | Drop-Down Menu #2
| + | |
| - | */
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
| + | |
| - | width: 11em; /* Drop-down menu width. */
| + | |
| - | }
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
| + | |
| - | width: 12em; /* Drop-down menu width. */
| + | |
| - | }
| + | |
| - | | + | |
| - | /*...............................................................................................*/
| + | |
| - | /*
| + | |
| - | Menu Bar 1
| + | |
| - | Drop-Down Menu #2
| + | |
| - | Side Menu #1
| + | |
| - | */
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
| + | |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width. */
| + | |
| - | }
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
| + | |
| - | width: 10em; /* Side menu width. */
| + | |
| - | }
| + | |
| - | /*...............................................................................................*/
| + | |
| - | /*
| + | |
| - | Menu Bar 1
| + | |
| - | Drop-Down Menu #2
| + | |
| - | Side Menu #2
| + | |
| - | */
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
| + | |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width. */
| + | |
| - | }
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
| + | |
| - | width: 10em; /* Side menu width. */
| + | |
| - | }
| + | |
| - | /*...............................................................................................*/
| + | |
| - | /*
| + | |
| - | Menu Bar 1
| + | |
| - | Drop-Down Menu #2
| + | |
| - | Side Menu #3
| + | |
| - | */
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
| + | |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
| - | Keep it sync with the drop-down menu width. */
| + | |
| - | }
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
| + | |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
| + | |
| - | width: 10em; /* Side menu width. */
| + | |
| - | }
| + | |
| - | /*...............................................................................................*/
| + | |
| - | | + | |
| - | </style>
| + | |
| - | | + | |
| - | | + | |
| - | <body>
| + | |
| - | <div id="header"><img src="http://www.gastonday.org/images/crest.gif" alt="Team Gaston Day School" /></div>
| + | |
| - | <div class='MenuBar' id="navi">
| + | |
| - | <ul>
| + | |
| - | <li>
| + | |
| - | <a href="https://2009.igem.org/Team:Gaston_Day_School" style="color: white">Home
| + | |
| - | <!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2009.igem.org/Team:Gaston_Day_School" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM6">
| + | |
| - | <li><a href="https://2009.igem.org/Team:GastonDaySchool/Team"><span><span>Overview</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>Undergraduates</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Team#There_are_many_Universities_-_and_there_is_Heidelberg_..."><span><span>University</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Team#DKFZ"><span><span>DKFZ</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Team#Bioquant"><span><span>BioQuant</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/BioRegioRN"><span><span>BioRegion Rhein-Neckar</span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Project"><span><span>Overall Project</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Project/Sensing"><span><span>Sensing</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_I"><span><span>Killing I - Phages</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_II"><span><span>Killing II - Colicin</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Project/Visualization"><span><span>Visualization</span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li>
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM2">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Parts"><span><span>Submitted Parts</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Parts/Characterization"><span><span>Characterization</span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM3">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Chemotaxis"><span><span>Chemotaxis-Colicin</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Phage"><span><span>Phage Dynamics model</span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Notebook/Overview" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM5">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"><span><span>Sensing ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="SideMenu" id="MB1-DDM2-SM1">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Cloning"><span>Cloning strategy</span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"><span>Notebook</span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"><span><span>Killing I - Phages ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="SideMenu" id="MB1-DDM2-SM2">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Cloning"><span>Cloning strategy</span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"><span>Notebook</span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"><span><span>Killing II - Colicin ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="SideMenu" id="MB1-DDM2-SM3">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Cloning"><span>Cloning strategy</span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"><span>Notebook</span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/visualization"><span><span>Visualization</span></span></a>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/seminar"><span><span>Seminar on Synthetic Biology</span></span></a>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li style="width: 160px">
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview" style="color: white">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="DropDownMenu" id="MB1-DDM4">
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview"><span><span>Project Overview</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Phips_the_Phage"><span><span>Phips the Phage</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Essay"><span><span>Essay</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Surveys"><span><span>Surveys</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Open_Day"><span><span>Open Day</span></span></a></li>
| + | |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Nobel_Prize"><span><span>Nobel Prize</span></span></a></li>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li>
| + | |
| - | <a href="https://2008.igem.org/Team:Heidelberg/Sponsors" style="color: white">Sponsors</a>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | <div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
| + | |
| - | </body>
| + | |
| - | | + | |
| - | | + | |
| - | /*...............................................................................................*/
| + | |
| - | | + | |
| - | <!-- HTML Codes by Quackit.com -->
| + | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | .html-marquee {height:30px;width:900px;background-color:navy;font-family:Cursive;font-size:20pt;color:white;border-width:4;border-style:double;border-color:000000;}
| + | body { |
| - | </style>
| + | background: #fff url(https://static.igem.org/mediawiki/2009/1/13/Awesome.png) no-repeat fixed; |
| - | <marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="12" >Gaston Day School 2009 iGems Competition Wiki Page</marquee><p style="font-family:verdana,arial,sans-serif;font-size:10px;"> </a></p>
| + | } |
| - | | + | |
| - | <html>
| + | |
| - | <script>
| + | |
| - | function haxbackground(){
| + | |
| - | document.getElementById('cartoonmap').style.backgroundImage='url(https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png)';
| + | |
| - | }
| + | |
| - | function unhaxbackground(){
| + | |
| - | document.getElementById('cartoonmap').style.backgroundImage="url('https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png')";
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | <style>
| + | |
| - | dl#cartoonmap{
| + | |
| - | background:url('picture') transparent top left no-repeat;
| + | |
| - | display:block;
| + | |
| - | position:relative;
| + | |
| - | width:965px;
| + | |
| - | height:708px;
| + | |
| - | margin:0px;
| + | |
| - | | + | |
| - | border:0px solid gray;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dt{
| + | |
| - | display:none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Common stuff between links */
| + | |
| - | dl#cartoonmap dd a{
| + | |
| - | position:absolute;
| + | |
| - | | + | |
| - | border:0px dashed silver;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd a span{
| + | |
| - | display:none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* link positions (x,y,w,h) */
| + | |
| - | dl#cartoonmap dd#ph a{ left:50px; bottom:85px; width:310px; height:270px; z-index:200;}
| + | |
| - | dl#cartoonmap dd#at a{ left:365px; bottom:85px; width:305px; height:270px; z-index:200;}
| + | |
| - | dl#cartoonmap dd#u a{ left:665px; bottom:85px; width:300px; height:270px; z-index:200;}
| + | |
| - | | + | |
| - | /* link hover doings */
| + | |
| - | dl#cartoonmap dd a:hover{
| + | |
| - | border-style:solid;
| + | |
| - | border-width:1px;
| + | |
| - | background:url('picture') transparent top left no-repeat;
| + | |
| - | }
| + | |
| - | /* colored borders! */
| + | |
| - | dl#cartoonmap dd#ph a:hover, dl#cartoonmap dd#ph a:hover span, dl#cartoonmap dd#ph a:hover span div.first{ border-color:violet; }
| + | |
| - | dl#cartoonmap dd#at a:hover, dl#cartoonmap dd#at a:hover span, dl#cartoonmap dd#at a:hover span div.first{ border-color:orange; }
| + | |
| - | dl#cartoonmap dd#u a:hover, dl#cartoonmap dd#u a:hover span, dl#cartoonmap dd#u a:hover span div.first{ border-color:red; }
| + | |
| - | dl#cartoonmap dd#g a:hover, dl#cartoonmap dd#g a:hover span, dl#cartoonmap dd#g a:hover span div.first{ border-color:gold; }
| + | |
| - | dl#cartoonmap dd#p a:hover, dl#cartoonmap dd#p a:hover span, dl#cartoonmap dd#p a:hover span div.first{ border-color:green; }
| + | |
| - | dl#cartoonmap dd#time a:hover, dl#cartoonmap dd#time a:hover span, dl#cartoonmap dd#time a:hover span div.first{ border-color:lightblue; }
| + | |
| - | | + | |
| - | dl#cartoonmap dd#ph a:hover span div.first {background:#ecf; color:#333;}
| + | |
| - | dl#cartoonmap dd#at a:hover span div.first {background:#fc3; color:#333;}
| + | |
| - | dl#cartoonmap dd#u a:hover span div.first {background:#fcc; color:#333;}
| + | |
| - | dl#cartoonmap dd#g a:hover span div.first {background:#ffa; color:#333;}
| + | |
| - | dl#cartoonmap dd#p a:hover span div.first {background:#cfc; color:#333;}
| + | |
| - | dl#cartoonmap dd#time a:hover span div.first {background:lightblue; color:#333;}
| + | |
| - | | + | |
| - | /* subsequent hover positions (change when link positions change) (-left,h-imgH) */
| + | |
| - | dl#cartoonmap dd#ph a:hover{ background-position:-50px -253px; }
| + | |
| - | dl#cartoonmap dd#at a:hover{ background-position:-50px -253px; }
| + | |
| - | dl#cartoonmap dd#u a:hover{ background-position:-50px -253px; }
| + | |
| - | | + | |
| - | dl#cartoonmap dd#time a:hover{ background-position:-620px -423px; }
| + | |
| - | | + | |
| - | /*
| + | |
| - | link hover spans place everything at (180,10)
| + | |
| - | put=new-old puttop=new-(imageheight-(bottom+height))
| + | |
| - | */
| + | |
| - | dl#cartoonmap dd a:hover span{
| + | |
| - | display:block;
| + | |
| - | position:absolute;
| + | |
| - | | + | |
| - | width:700px;
| + | |
| - | height:239px;
| + | |
| - | | + | |
| - | border-width:1px;
| + | |
| - | border-style:solid;
| + | |
| - | | + | |
| - | color:black;
| + | |
| - | background-color:white;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd a:hover span div.first{
| + | |
| - | display:block;
| + | |
| - | font-size:120%;
| + | |
| - | font-weight:bold;
| + | |
| - | padding:2px;
| + | |
| - | text-align:center;
| + | |
| - | border-bottom:0px dashed;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd a:hover span div.rest{
| + | |
| - | font-size:12pt;
| + | |
| - | font-face:Arial;
| + | |
| - | margin-left:1em;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd#ph a:hover span{
| + | |
| - | left:-50px;
| + | |
| - | top:-245px;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd#at a:hover span{
| + | |
| - | left:-200px;
| + | |
| - | top:-245px;
| + | |
| - | }
| + | |
| - | dl#cartoonmap dd#u a:hover span{
| + | |
| - | left:-400px;
| + | |
| - | top:-245px;
| + | |
| - | }
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | /* Others that don't fit into a pattern */
| + | |
| - | dl#cartoonmap dd#banner span img{
| + | |
| - | position:absolute;
| + | |
| - | /*left:283px;*/
| + | |
| - | right:10px;
| + | |
| - | top:13px;
| + | |
| - |
| + | |
| - | | + | |
| - | /* For preloading purposes only */
| + | |
| - | background:url('picture') transparent no-repeat;
| + | |
| - | background-position:-965px -965px;
| + | |
| - | } | + | |
| | | | |
| | </style> | | </style> |
| - | <dl id="cartoonmap">
| + | </head> |
| - | <dt>Banner</dt>
| + | |
| - |
| + | |
| - | | + | |
| - | <dt>one</dt>
| + | |
| - | <dd id="ph"><a href="one" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
| + | |
| - | <span><div class="first">Placement</div>
| + | |
| - | <div class="rest">The compound is placed in the water to detect the presence of nitrates.</div></span>
| + | |
| - | </a></dd>
| + | |
| - | | + | |
| - | <dt>two</dt>
| + | |
| - | <dd id="at"><a href=".two" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
| + | |
| - | <span><div class="first">Contact</div>
| + | |
| - | <div class="rest">The sensor is makes contact with the nitrate.</div></span>
| + | |
| - | </a></dd>
| + | |
| - | | + | |
| - | <dt>3</dt>
| + | |
| - | <dd id="u"><a href="3" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
| + | |
| - | <span><div class="first">Reaction</div>
| + | |
| - | <div class="rest">When the sensor comes into contact with the nitrate it glows red to singal the nitrate's presence.</div></span>
| + | |
| - | </a></dd>
| + | |
| - | | + | |
| - |
| + | |
| - | </dl>
| + | |
| | </html> | | </html> |
| - | {{:Team:gds}}
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| - | {| style="width:965px;border:1x solid gray;"
| + | <div id="header">{{Template:Team:Gaston_Day_School/Templates/Header}}</div> |
| - | |-
| + | <html><p><h1>What is iGEM?</h1></p></html> |
| - | | style="vertical-align:top;width:50%;border-right:0px solid gray;" | <font size="5.5"><b>''GDS Spartans''.</b></font><br>
| + | <html><p><b>With the help of Ms. Anne Byford, the Gaston Day School iGEM team, consisting of students from the 10th to 12th grades in high school, are developing a bioengineered organism that will detect the presence of nitrate pollution in water. This year 112 teams from all over the world are competing in the Synthetic Biology iGEM competition.</b></p> |
| - | == '''Team Participants''' ==
| + | |
| | | | |
| - | * Sheran Hussain (THE founder-meister)
| + | <p>The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method.</p> |
| - | * Brian Elgort (THE )
| + | |
| - | * Alex Hall (THE bodyguard-meister)
| + | |
| - | * Ryan Kane (THE quail-meister)
| + | |
| - | * Lauren Toole (THE Toole-meister)
| + | |
| - | * Rosemary Dunning (THE )
| + | |
| - | * Ivana Chan (THE )
| + | |
| - | * William Farmer (THE kayak-meister)
| + | |
| - | * Will Rudisil (THE mad scientist-meister)
| + | |
| - | * Daniel Thompson (THE )
| + | |
| - | * Amir Feinberg (THE )
| + | |
| - | <br> | + | |
| - | == '''Advisors''' ==
| + | |
| | | | |
| - | * Ms. Anne Byford
| + | <p>iGEM began in January of 2003 with a month-long course during MIT's Independent Activities Period (IAP). The students designed biological systems to make cells blink. This design course grew to a summer competition with 5 teams in 2004, 13 teams in 2005 - the first year that the competition grew internationally, 32 teams in 2006, 54 teams in 2007, and 84 teams in 2008. Projects ranged from banana and wintergreen smelling bacteria, to an arsenic biosensor, to Bactoblood, and buoyant bacteria.</p> |
| - | * Dr. Ghulam Hussain
| + | |
| - | * Dr. Alan Hartley
| + | |
| - | <br> | + | |
| - | == '''Who We Are:''' ==
| + | |
| | | | |
| - | We are a select group of dedicated students from Gaston Day. We have high school sophmores, juniors, and seniors on our team. This is the inaugural year of iGems at Gaston Day, and Gaston Day hosts the only high school team competing this year in the Western Hemisphere.
| + | <p>This year, we expect 120 teams with over 1200 participants from countries across Asia, Europe, Latin America, and the US to participate in the competition. They will specify, design, build, and test simple biological systems made from standard, interchangeable biological parts. Teams will present their projects at the iGEM Championship Jamboree in November 2009. </p> |
| - | Gaston Day School is a small, private school in the town of Gastonia, North Carolina. It was established in 1967. With recent expansions our school now hosts upwards of 550 students, ranging from pre-kindergarten to 12th grade.
| + | |
| | | | |
| - | | style="vertical-align:top;" | {{:more}} <!-- Edit the News page for news please. -->
| + | <p>Fore more information please visit <a href="http://www.igem.org">www.igem.org</a>. </p> |
| - | |}
| + | <p><h1>Synthetic Biology... huh?</h1></p> |
| - | {{:Team:gds/Footer}}
| + | <p>The new field of <a href="http://syntheticbiology.org/">Synthetic Biology</a> was first recognized in 2003. It can be defined as:</P> |
| | + | <p>A) the design and construction of new biological parts, devices, and systems, and</p> |
| | + | <p>B) the re-design of existing, natural biological systems for useful purposes. </p> |
| | + | <a href="http://www3.clustrmaps.com/user/9d290494"><img src="http://www3.clustrmaps.com/stats/maps-no_clusters/2009.igem.org-Team-Gaston_Day_School-thumb.jpg" alt="Locations of visitors to this page" /> |
| | + | </a> |
The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method.
iGEM began in January of 2003 with a month-long course during MIT's Independent Activities Period (IAP). The students designed biological systems to make cells blink. This design course grew to a summer competition with 5 teams in 2004, 13 teams in 2005 - the first year that the competition grew internationally, 32 teams in 2006, 54 teams in 2007, and 84 teams in 2008. Projects ranged from banana and wintergreen smelling bacteria, to an arsenic biosensor, to Bactoblood, and buoyant bacteria.
This year, we expect 120 teams with over 1200 participants from countries across Asia, Europe, Latin America, and the US to participate in the competition. They will specify, design, build, and test simple biological systems made from standard, interchangeable biological parts. Teams will present their projects at the iGEM Championship Jamboree in November 2009.
A) the design and construction of new biological parts, devices, and systems, and
B) the re-design of existing, natural biological systems for useful purposes.
"
