|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | __NOTOC__
| + | {{Template:Uppsala}}<!--Do not remove the first and last lines in this page!--> |
- | <html>
| + | {{Template:Uppsalabrickbat}} |
- | | + | |
- | | + | |
- | <style>
| + | |
- | h1.firstHeading { display: none; }
| + | |
- | | + | |
- | p {text-align: justify;}
| + | |
- | | + | |
- | a:link { color: #00b0e6; 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: red;
| + | |
- |
| + | |
- | }
| + | |
- | div.MenuBar ul {
| + | |
- | font: arial, helvetica, sans-serif;
| + | |
- | text-align: center;
| + | |
- | list-style-type: none;
| + | |
- | margin: 0.5em auto;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | background: red;
| + | |
- | }
| + | |
- | div.MenuBar ul li {
| + | |
- | font: arial, helvetica, sans-serif;
| + | |
- | display: block;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | font-size: 1.3em;
| + | |
- | float: left;
| + | |
- | background: red;
| + | |
- | 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: red;
| + | |
- | 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: red; /* 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: red; /* 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: red;
| + | |
- | 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: red; /* 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: red; /* 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="https://static.igem.org/mediawiki/2010/e/e3/Uppsala_universitet_medium.jpg" alt="Team Uppsala" /><img src="https://static.igem.org/mediawiki/igem.org/5/54/Uppsala_480257b.jpg" alt="Team Uppsala" /></div>
| + | |
- | <div class='MenuBar' id="navi">
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-Sweden" 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://2010.igem.org/Team:Uppsala-SwedenTeam" 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://2010.igem.org/Team:Uppsala-SwedenTeam"><span><span>Overview</span></span></a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Uppsala-SwedenTeam_Members#Advisors"><span><span>Advisors</span></span></a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Uppsala-SwedenTeam_Members#Undergraduates"><span><span>Undergraduates</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-SwedenProject" 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://2010.igem.org/Team:Uppsala-SwedenProject"><span><span>Overall Project</span></span></a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Uppsala-SwedenNotebook/material"><span><span>Material & Methods</span></span></a>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-SwedenParts" 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://2010.igem.org/Team:Uppsala-SwedenParts"><span><span>Submitted Parts</span></span></a></li>
| + | |
- |
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-SwedenModeling" 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://2010.igem.org/Team:Uppsala-SwedenModeling"><span><span>Overview</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-Swedenbrickbat" style="color: white">BrickBAT
| + | |
- | <!--[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://2010.igem.org/Team:Uppsala-SwedenNotebook/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">
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Uppsala-SwedenSponsors" 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>
| + | |
- | <h1>Brick Biosafety Assesment Tool</h1>
| + | |
- | <script type="text/javascript"><!--
| + | |
- | google_ad_client="pub-9324829980761295";
| + | |
- | google_ad_host="pub-1556223355139109";
| + | |
- | google_ad_width=728;
| + | |
- | google_ad_height=15;
| + | |
- | google_ad_format="728x15_0ads_al_s";
| + | |
- | google_ad_host_channel="0001";
| + | |
- | google_color_border="FFFFFF";
| + | |
- | google_color_bg="FFFFFF";
| + | |
- | google_color_link="CC6600";
| + | |
- | google_color_url="333333";
| + | |
- | google_color_text="333333";
| + | |
- | //--></script>
| + | |
- | <script type="text/javascript"
| + | |
- | src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
| + | |
- | </script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | function show_score(){
| + | |
- | var user_qone,user_qtwo,user_qthree,user_qfour,user_qfive,user_qsix,user_qseven;
| + | |
- | for (i=0;i<document.questions.qone.length;i++) {
| + | |
- | if (document.questions.qone[i].checked) {
| + | |
- | user_qone = document.questions.qone[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qtwo[i].checked) {
| + | |
- | user_qtwo = document.questions.qtwo[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qthree[i].checked) {
| + | |
- | user_qthree = document.questions.qthree[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qfour[i].checked) {
| + | |
- | user_qfour = document.questions.qfour[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qfive[i].checked) {
| + | |
- | user_qfive = document.questions.qfive[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qsix[i].checked) {
| + | |
- | user_qsix = document.questions.qsix[i].value;
| + | |
- | }
| + | |
- | if (document.questions.qseven[i].checked) {
| + | |
- | user_qseven = document.questions.qseven[i].value;
| + | |
- | }
| + | |
- | }
| + | |
- | score=parseInt(user_qone)+parseInt(user_qtwo)+parseInt(user_qthree)+parseInt(user_qfour)+parseInt(user_qfive)+parseInt(user_qsix)+parseInt(user_qseven);
| + | |
- | if(score > 30){brick=5}
| + | |
- | else if(score > 25){brick=4}
| + | |
- | else if(score > 20){brick=3}
| + | |
- | else if(score > 15){brick=2}
| + | |
- | else {brick=1}
| + | |
- | alert("Your total BrickBAT score is "+ brick);
| + | |
- | | + | |
- | }
| + | |
- | </script>
| + | |
- | <P>Rate your Component on a scale of 1 to 5 (1 being the safest) for below questions</P>
| + | |
- | <form name="questions">
| + | |
- | <OL>
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the trait being expressed in the Part?</P>
| + | |
- | <input type="radio" name="qone" value="1" /> 1<br />
| + | |
- | | + | |
- | <input type="radio" name="qone" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qone" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qone" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qone" value="5" /> 5<br />
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the donor
| + | |
- | organisms of the genes used?</P>
| + | |
- | <input type="radio" name="qtwo" value="1" /> 1<br />
| + | |
- | | + | |
- | <input type="radio" name="qtwo" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qtwo" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qtwo" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qtwo" value="5" /> 5<br />
| + | |
- | <P STYLE="margin-bottom: 0in"></P>
| + | |
- | <LI><P STYLE="margin-bottom: 0in">If the part or device contains
| + | |
- | sub-parts, how would you classify the components?</P>
| + | |
- | | + | |
- | <input type="radio" name="qthree" value="1" /> 1<br />
| + | |
- | <input type="radio" name="qthree" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qthree" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qthree" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qthree" value="5" /> 5<br />
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the
| + | |
- | efficiency of promoters in the part or device?</P>
| + | |
- | | + | |
- | <input type="radio" name="qfour" value="1" /> 1<br />
| + | |
- | <input type="radio" name="qfour" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qfour" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qfour" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qfour" value="5" /> 5<br />
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the
| + | |
- | Transcriptome, Proteome and Metabolome by considering factors such
| + | |
- | as unintended splicing sites and reading frame change?</P>
| + | |
- | | + | |
- | <input type="radio" name="qfive" value="1" /> 1<br />
| + | |
- | <input type="radio" name="qfive" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qfive" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qfive" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qfive" value="5" /> 5<br />
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the gene
| + | |
- | products based on Antigenicity and pathogenesis?</P>
| + | |
- | | + | |
- | <input type="radio" name="qsix" value="1" /> 1<br />
| + | |
- | <input type="radio" name="qsix" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qsix" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qsix" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qsix" value="5" /> 5<br />
| + | |
- | <LI><P STYLE="margin-bottom: 0in">How would you classify the
| + | |
- | effectiveness of the part or device to survive outside lab
| + | |
- | conditions?</P>
| + | |
- | | + | |
- | <input type="radio" name="qseven" value="1" /> 1<br />
| + | |
- | <input type="radio" name="qseven" value="2" /> 2<br />
| + | |
- | <input type="radio" name="qseven" value="3" /> 3<br />
| + | |
- | <input type="radio" name="qseven" value="4" /> 4<br />
| + | |
- | <input type="radio" name="qseven" value="5" /> 5<br />
| + | |
- | </OL>
| + | |
- | <input type="button" onclick="show_score()" value="Evaluate" />
| + | |
- | | + | |
- | <input type="reset" value="Reset">
| + | |
- | </form>
| + | |
- | <P><BR><BR>
| + | |
- | </P>
| + | |
- | | + | |
- | </body>
| + | |
- | </html>
| + | |
- | | + | |
- | {|
| + | |
- | |-valign="top" border="0"
| + | |
- | |width="650px" style="padding: 0 20px 0 0;"|
| + | |
- | | + | |
- | | + | |
- | |}
| + | |
Rate your Component on a scale of 1 to 5 (1 being the safest) for below questions