|
|
(4 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html lang="en">
| |
- | <general layout from the "https://2011.igem.org/Team:Imperial_College_London" page -->
| |
- | <head>
| |
- | <style type="text/css">
| |
- | #top-section {
| |
- | width: 975px;
| |
- | height: 20px;
| |
- | background-color: transparent;
| |
- | border: none;
| |
- | }
| |
| | | |
- | #p-logo { display: none; }
| |
- | #search-controls { display: none; }
| |
- | .firstHeading { display: none; }
| |
- | #contentSub { margin: 0 0 0 0; }
| |
- | iframe { padding: 0px 0px 0px 0px; } /* 10px 20px 10px 20px; }*/
| |
- |
| |
- | body {
| |
- | background-color:#000000;
| |
- |
| |
- | background-size:100%;
| |
- | background-position:center;
| |
- | background-attachment:fixed;
| |
- | }
| |
- |
| |
- | .right-menu li a, .right-menu li a:hover {
| |
- | color: #3c6b27;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #iGEMLogo {
| |
- | position: absolute;
| |
- | top:40px;
| |
- | left:20px;
| |
- | }
| |
- |
| |
- | #ProjectTitle {
| |
- | position: relative;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | #ASULogo {
| |
- | position: absolute;
| |
- | top:45px;
| |
- | right:25px;
| |
- | }
| |
- |
| |
- | #menucontainer {
| |
- | overflow:visible;
| |
- | position:relative;
| |
- | z-index:3;
| |
- | }
| |
- |
| |
- | #content {
| |
- | position: relative;
| |
- | width: 975px;
| |
- | margin: 0 auto;
| |
- | padding-top:20px;
| |
- | padding-left:0px;
| |
- | padding-right:0px;
| |
- | padding-bottom:0px;
| |
- | //background: transparent;
| |
- | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png);
| |
- | //background-image:url(https://static.igem.org/mediawiki/2012/4/4b/2012ASUiGemLogo.png);
| |
- | //background-repeat:no-repeat;
| |
- | //background-position:center;
| |
- | //background-attachment:fixed;
| |
- | color: black;
| |
- | border: none;
| |
- | line-height: 1.5em;
| |
- | z-index: 2;
| |
- | }
| |
- |
| |
- | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
| |
- | margin-bottom: 0;
| |
- | }
| |
- |
| |
- | a {color:#t;}
| |
- | a:link {color:#93B825;}
| |
- | a:visited {color:#728F1D;}
| |
- | a:hover {color:#93B825;}
| |
- | a:active {color:#93B825;}
| |
- | a[name]:hover {text-decoration:none;}
| |
- |
| |
- |
| |
- | h1 {
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #800000;
| |
- | background: transparent;
| |
- | font-weight: bold;
| |
- | font-size: 2.2em;
| |
- | margin: 0 0 0 0;
| |
- | padding: 20px 20px 12px 20px;
| |
- | border-bottom: none;
| |
- | }
| |
- |
| |
- | h2 {
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #800000;
| |
- | background: transparent;
| |
- | font-weight: bold;
| |
- | font-size: 1.7em;
| |
- | margin: 0 0 0 0;
| |
- | padding: 18px 20px 7px 20px;
| |
- | border-bottom: none;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #800000;
| |
- | background: transparent;
| |
- | font-weight: bold;
| |
- | font-size: 1.4em;
| |
- | margin: 0 0 0 0;
| |
- | padding: 16px 20px 2px 20px;
| |
- | border-bottom: none;
| |
- | }
| |
- |
| |
- | h4 {
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #800000;
| |
- | background: transparent;
| |
- | font-weight: bold;
| |
- | font-size: 1.1em;
| |
- | margin: 0 0 0 0;
| |
- | padding: 0px 20px 1px 20px; //was 13.5px padding for top
| |
- | border-bottom: none;
| |
- | }
| |
- |
| |
- | p {
| |
- | font-family: helvetica,sans-serif;
| |
- | //color: #ffffff;
| |
- | background: transparent;
| |
- | //background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png);
| |
- | font-weight: normal;
| |
- | font-size: 1em;
| |
- | line-height: 1.7em;
| |
- | text-align: justify;
| |
- | margin: 0 0 0 0;
| |
- | padding: 5px 20px 0px 20px;
| |
- | }
| |
- |
| |
- | .figText {
| |
- | font-family: helvetica,sans-serif;
| |
- | font-style: italic;
| |
- | font-weight: bold;
| |
- | font-size: 1em;
| |
- | color:maroon;
| |
- | line-height: 1.7em;
| |
- | text-align: center;
| |
- | margin: 0 0 0 0;
| |
- | padding: 5px 20px 0px 20px;
| |
- | }
| |
- |
| |
- | ul {
| |
- | font-family: helvetica,sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 1em;
| |
- | line-height: 1.7em;
| |
- | text-align: left;
| |
- | margin: 0 0 0 0;
| |
- | padding: 5px 20px 0px 20px;
| |
- | }
| |
- |
| |
- | ul li {
| |
- | font-family: helvetica,sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 1em;
| |
- | line-height: 1.7em;
| |
- | text-align: left;
| |
- | margin: 0 0 0 20px;
| |
- | background:url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
| |
- | padding: 0px 20px 0px 5px;
| |
- | list-style-type: square;
| |
- | }
| |
- |
| |
- | table {
| |
- | background: transparent;
| |
- | } th {
| |
- | background-color:maroon;
| |
- | color:gold;
| |
- | }
| |
- |
| |
- | .border {
| |
- | border:1px solid #B2B2B2;
| |
- | z-index:101;
| |
- | }
| |
- |
| |
- | .borderMagnify {
| |
- | border:1px solid #B2B2B2;
| |
- | z-index:101;
| |
- | margin-left:-9px;
| |
- | margin-right:9px;
| |
- | }
| |
- |
| |
- | .imgbox {
| |
- | margin:20px;
| |
- | padding:10px;
| |
- | border:1px solid black;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | .vidbox {
| |
- | margin:20px;
| |
- | padding:10px;
| |
- | border:1px solid black;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | .newouterbox {
| |
- | background-color:#FF944D;
| |
- | border:1px solid #CCCCCC;
| |
- | margin:20px;
| |
- | padding-bottom:0px;
| |
- | }
| |
- |
| |
- | .newinnerbox {
| |
- | border:1px solid #CCCCCC;
| |
- | margin:10px 20px 20px 20px;
| |
- | padding-top:0px;
| |
- | padding-bottom:13px;
| |
- | background-color:#ffffff;
| |
- | }
| |
- |
| |
- | .newtext {
| |
- | text-align:center;
| |
- | background-color:#FF944D;
| |
- | color:#000000;
| |
- | }
| |
- |
| |
- | ul.a {
| |
- | margin: 0 0 0 40px;
| |
- | list-style-image: none;
| |
- | list-style-type:disc;
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #000000;
| |
- | background: #ffffff;
| |
- | font-weight: normal;
| |
- | font-size: 1em;
| |
- | line-height: 1.7em;
| |
- | text-align: justify;
| |
- | padding: 5px 20px 0px 20px;
| |
- | }
| |
- |
| |
- | ol.a {
| |
- | margin: 0 0 0 30px;
| |
- | list-style-position:inside;
| |
- | font-family: helvetica,sans-serif;
| |
- | color: #000000;
| |
- | background: #ffffff;
| |
- | font-weight: normal;
| |
- | font-size: 1em;
| |
- | line-height: 1.7em;
| |
- | text-align: justify;
| |
- | padding: 5px 20px 0px 20px;
| |
- | }
| |
- |
| |
- | /*#BackToTop {
| |
- | position:fixed;
| |
- | bottom:0;
| |
- | right:0;
| |
- | }*/
| |
- |
| |
- |
| |
- | /*** Start of Styling for menu bar ***/
| |
- | /*** ESSENTIAL STYLES ***/
| |
- | a.collapseLink {
| |
- | font-weight:bold;
| |
- | font-size:1em;
| |
- | color:#225323;
| |
- | }
| |
- | .sf-menu, .sf-menu * {
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | }
| |
- | .sf-menu {
| |
- | line-height:1.0;
| |
- | }
| |
- | .sf-menu ul {
| |
- | position:absolute;
| |
- | top:999em;
| |
- | width:195px; /* left offset of submenus need to match (see below) */
| |
- | }
| |
- | .sf-menu ul li {
| |
- | width:100%;
| |
- | }
| |
- | .sf-menu li:hover {
| |
- | visibility:inherit; /* fixes IE7 'sticky bug' */
| |
- | }
| |
- | .sf-menu li {
| |
- | float:left;
| |
- | position:relative;
| |
- | width:195px;
| |
- | }
| |
- | .sf-menu a {
| |
- | display:block;
| |
- | position:relative;
| |
- | }
| |
- | .sf-menu li:hover ul, .sf-menu li.sfHover ul {
| |
- | left:0;
| |
- | top:2.5em; /* match top ul list item height */
| |
- | z-index:99;
| |
- | }
| |
- | ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
| |
- | top:-999em;
| |
- | }
| |
- | ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
| |
- | left:15.3em; /* match ul width */
| |
- | top:0;
| |
- | }
| |
- | ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
| |
- | top:-999em;
| |
- | }
| |
- | ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
| |
- | left:10em; /* match ul width */
| |
- | top:0;
| |
- | }
| |
- |
| |
- | /*** DEMO SKIN ***/
| |
- | .sf-menu {
| |
- | float:left;
| |
- | margin-bottom:1em;
| |
- | }
| |
- | .sf-menu a {
| |
- | border-left:1px solid #fff;
| |
- | border-top:1px solid #826554;
| |
- | padding:0.37em 1em 0.37em 1em;
| |
- | text-decoration:none;
| |
- | font-family:'helveticaneue', sans-serif;
| |
- | font-size:1.3em;
| |
- | }
| |
- | .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
| |
- | color:#efefef;
| |
- | }
| |
- | .sf-menu li, .sf-menu li li, .sf-menu li li li {
| |
- | background:#990000;
| |
- | }
| |
- | .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
| |
- | background:#b30000;
| |
- | outline:0;
| |
- | }
| |
- |
| |
- | /*** arrows **/
| |
- | .sf-menu a.sf-with-ul {
| |
- | cursor:default;
| |
- | padding-right:2.25em;
| |
- | min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
| |
- | }
| |
- | .sf-sub-indicator {
| |
- | position:absolute;
| |
- | display:block;
| |
- | right:.75em;
| |
- | top:1.05em; /* IE6 only */
| |
- | width:10px;
| |
- | height:10px;
| |
- | text-indent:-999em;
| |
- | overflow:hidden;
| |
- | background:url('https://static.igem.org/mediawiki/2011/2/2f/ICL_MenuArrow.png') no-repeat -10px -100px;
| |
- | /* 8-bit indexed alpha png. IE6 gets solid image only */
| |
- | }
| |
- | a > .sf-sub-indicator { /* give all except IE6 the correct values */
| |
- | top:.8em;
| |
- | background-position:0 -100px; /* use translucent arrow for modern browsers*/
| |
- | }
| |
- | /* apply hovers to modern browsers */
| |
- | a:focus > .sf-sub-indicator,
| |
- | a:hover > .sf-sub-indicator,
| |
- | a:active > .sf-sub-indicator,
| |
- | li:hover > a > .sf-sub-indicator,
| |
- | li.sfHover > a > .sf-sub-indicator {
| |
- | background-position:-10px -100px; /* arrow hovers for modern browsers*/
| |
- | }
| |
- |
| |
- | /* point right for anchors in subs */
| |
- | .sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
| |
- | .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
| |
- | /* apply hovers to modern browsers */
| |
- | .sf-menu ul a:focus > .sf-sub-indicator,
| |
- | .sf-menu ul a:hover > .sf-sub-indicator,
| |
- | .sf-menu ul a:active > .sf-sub-indicator,
| |
- | .sf-menu ul li:hover > a > .sf-sub-indicator,
| |
- | .sf-menu ul li.sfHover > a > .sf-sub-indicator {
| |
- | background-position:-10px 0; /* arrow hovers for modern browsers*/
| |
- | }
| |
- |
| |
- | /*** shadows for all but IE6 ***/
| |
- | .sf-shadow ul {
| |
- | background:url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right;
| |
- | padding:0 8px 9px 0;
| |
- | -moz-border-radius-bottomleft:17px;
| |
- | -moz-border-radius-topright:17px;
| |
- | -webkit-border-top-right-radius:17px;
| |
- | -webkit-border-bottom-left-radius:17px;
| |
- | }
| |
- |
| |
- | .sf-shadow ul.sf-shadow-off {
| |
- | background:transparent;
| |
- | }
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
| |
- | </script>
| |
- | <script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/hoverIntent?action=raw&ctype=text/js">
| |
- | </script>
| |
- | <script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js">
| |
- | </script>
| |
- | <script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/magnifier?action=raw&ctype=text/js">
| |
- | /***********************************************
| |
- | * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
| |
- | * This notice MUST stay intact for legal use
| |
- | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
| |
- | ***********************************************/
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var $ = jQuery;
| |
- | jQuery.imageMagnify.zIndexcounter = 1000;
| |
- | </script>
| |
- |
| |
- | <script>
| |
- | $(document).ready(function() {
| |
- | $("sup").click(function () {
| |
- | if ($(this).html().substr(0,1)=="[")
| |
- | {
| |
- | if ($('.technology').length>0)
| |
- | {
| |
- | ddaccordion.expandone('technology', $('.technology').length-1)
| |
- | setTimeout("window.scrollBy(0,50000)",200)
| |
- | }
| |
- | else window.scrollBy(0,50000)
| |
- | }
| |
- | });
| |
- | $("sup").mouseover(function () {
| |
- | if ($(this).html().substr(0,1)=="[") $(this).css('cursor', 'pointer');
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script>
| |
- | $(document).ready(function() {
| |
- | $('ul.sf-menu').superfish({
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <link rel="stylesheet" href="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.css&action=raw&ctype=text/css" type="text/css">
| |
- | <script src="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.min.js&action=raw&ctype=text/javascript" type="text/javascript"></script>
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <a name="top"></a>
| |
- | <!-----
| |
- | <div id='iGEMLogo'>
| |
- | <a href='https://2012.igem.org/Main_Page'>
| |
- | <img src="https://static.igem.org/mediawiki/2012/d/d6/IGEM_official_logo.png" style="width:120px;" />
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <div id='ProjectTitle'>
| |
- | <a href='https://2012.igem.org/Team:Arizona_State'>
| |
- | <img src="https://static.igem.org/mediawiki/2012/5/5f/CRSYS.png" style="width:550px;" />
| |
- | <!---Before: https://static.igem.org/mediawiki/2012/d/db/2012_Project_logo.png---><!----
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <div id='ASULogo'>
| |
- | <img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width="150" height="70" />
| |
- | </div>
| |
- | ----->
| |
- | <div id='header' align="center">
| |
- | <table width="950">
| |
- | <tr>
| |
- | <td>
| |
- | <a href='https://2012.igem.org/Main_Page'>
| |
- | <img src="https://static.igem.org/mediawiki/2012/d/d6/IGEM_official_logo.png" style="width:100px;" />
| |
- | </a>
| |
- | </td>
| |
- | <td align="center">
| |
- | <a href='https://2012.igem.org/Team:Arizona_State'>
| |
- | <img src="https://static.igem.org/mediawiki/2012/9/9a/AsuCrsysLogothingy.png" style="width:591px;" />
| |
- | </a>
| |
- | </td>
| |
- | <td>
| |
- | <img src="https://static.igem.org/mediawiki/2012/e/eb/Arizona_State_ASU_logo.png" width="125" />
| |
- | </td>
| |
- | </table>
| |
- | <br />
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | <!--<div id="BackToTop">
| |
- | <a href="#top">
| |
- | <img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="50px" />
| |
- | </a>
| |
- | </div>-->
| |
- |
| |
- |
| |
- | <div id='menucontainer'>
| |
- | <ul class="sf-menu sf-navbar">
| |
- | <li><a class="sf-with-ul" href="">Project<span class="sf-sub-indicator"> »</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State">Home</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Project Overview</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Problem">The Problem</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">DNA-Protein Chimera Biosensor</a>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Cell Surface Biosensor</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Safety">Safety</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/NotebookView">Notebook</a>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/References">References</a>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> »</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Team">Members</a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Attributions">Attributions</a></li>
| |
- | <li><a href="https://igem.org/Team.cgi?id=891">Official Team Profile</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> »</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Data">Data</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Parts">BioBricks</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Accomplishments">Judging Criteria</a> </li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> »</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/HPoverview">
| |
- | Overview
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/International">
| |
- | Hygiene Lesson Plan
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/FieldApplications">
| |
- | Case Studies
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/HPModeling">
| |
- | Modeling
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Ethical_Conditions">
| |
- | Ethical Considerations
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Highschool_Outreach">
| |
- | High School Outreach
| |
- | </a></li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/University_Outreach">
| |
- | University Outreach
| |
- | </a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> »</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Media">Media</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/Photos">Photos</a> </li>
| |
- | <li><a href="https://2012.igem.org/Team:Arizona_State/FollowUs">Follow Us</a> </li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- | </body>
| |
- | </html>
| |