Team:Arizona State E

From 2012e.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html lang="en">
 +
<!-- Made by Abhi & Jordan with help from the "https://2011.igem.org/Team:Imperial_College_London" page -->
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
  #top-section {
 +
  width: 975px;
 +
  height: 20px;
 +
  background-color: #ffffff;
 +
  border: none;
 +
  }
-
<html>
+
  #p-logo { display: none; }
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
  #search-controls { display: none; }
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  .firstHeading { display: none; }
-
This is a template page. READ THESE INSTRUCTIONS.
+
  body { background-color:#E9EEE9; }
-
</div>
+
  #contentSub { margin: 0 0 0 0; }
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  iframe { padding: 10px 20px 10px 20px; }
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  We cannot give any examples because none have been created yet. So, use your imagination and strive for clarity.
+
 
-
</div>
+
  .right-menu li a, .right-menu li a:hover {
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
  color: #3c6b27;
-
You <strong>MUST</strong> have a team description page, a description of the problem you are solving/opportunity you are creating as well as your solution, an executive summary and 3 min elevator pitch video, description and links to any source and market data, and an attributions page.  PLEASE keep all of your pages within your teams namespace. 
+
  background-color: transparent;
-
</div>
+
  }
-
</div>
+
-
</html>
+
 +
  #iGEMLogo {
 +
  position: absolute;
 +
  top:40px;
 +
  left:20px;
 +
  }
 +
  #ProjectTitle {
 +
  position: relative;
 +
  text-align:center;
 +
  }
-
<!-- *** End of the alert box *** -->
+
  #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:60px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
-
{|align="justify"
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
  margin-bottom: 0;
-
|[[Image:Arizona_State_E_logo.png|200px|right|frame]]
+
  }
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Arizona_State_E_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Arizona_State_E | Team Arizona_State_E]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
  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;}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
  a.sitemap:link,a.sitemap:visited {color:#680000;font-decoration:none;}
-
!align="center"|[[Team:Arizona_State_E|Home]]
+
  a.sitemap:hover,a.sitemap:active {color:#680000;font-decoration:underline;}
-
!align="center"|[[Team:Arizona_State_E/Team|Team]]
+
-
!align="center"|[[Team:Arizona_State_E/Opportunity|Problem,Opportunity and Solution]]
+
-
!align="center"|[[Team:Arizona_State_E/Summary|Executive Summary and Elevator Pitch]]
+
-
!align="center"|[[Team:Arizona_State_E/Source_Data|Source Data]]
+
-
!align="center"|[[Team:Arizona_State_E/Attributions|Attributions]]
+
-
|}
+
-
<forum_subtle />
+
-
The ASU Entrepreneurial Division Team will be developing a business plan for a low-cost pathogen biosensor.
+
  h1 {
 +
  font-family: helvetica,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  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: #225323;
 +
  background: #ffffff;
 +
  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: #225323;
 +
  background: #ffffff;
 +
  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: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.1em;
 +
  margin: 0 0 0 0;
 +
  padding: 13.5px 20px 1px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  p {
 +
  font-family: helvetica,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  .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;
 +
  }
 +
 
 +
  #Sitemap {
 +
  position:fixed;
 +
  bottom:0;
 +
  left: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>
 +
</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/d/db/2012_Project_logo.png" style="width:550px;" />
 +
  </a>
 +
</div>
 +
 
 +
<div id='ASULogo'>
 +
<img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width="175" height="80" />
 +
</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="Sitemap">
 +
<a href='https://2012.igem.org/Team:Arizona_State/Sitemap'>
 +
<img src="https://static.igem.org/mediawiki/2012/3/30/SiteMapColorChange.png" width="100px" />
 +
</a>
 +
</div>
 +
 
 +
<div id='menucontainer'>
 +
<ul class="sf-menu sf-navbar">
 +
  <li><a class="sf-with-ul" href="#">Project<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2012e.igem.org/Team:Arizona_State_E">Home</a> </li>
 +
      </ul>
 +
  </li>
 +
 +
  <li><a href="https://2012e.igem.org/Team:Arizona_State_E/Team">Team</a>
 +
  </li>
 +
 
 +
  <li><a class="sf-with-ul" href="#">Executive Summary<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      </ul>
 +
  </li>
 +
  <li><a class="sf-with-ul" href="#">Case Studies<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      </ul>
 +
  </li>
 +
 
 +
  <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
 
 +
      </ul>
 +
  </li>
 +
</ul>
 +
</div>
 +
</body>
 +
</html>

Revision as of 23:36, 4 September 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:Arizona_State_E"