Team:Arizona State E

From 2012e.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:Arizona_State_E/Template:Header}}")
Line 1: Line 1:
-
<html lang="en">
+
{{:Team:Arizona_State_E/Template:Header}}
-
<!-- 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;
+
-
  }
+
-
 
+
-
  #p-logo { display: none; }
+
-
  #search-controls { display: none; }
+
-
  .firstHeading { display: none; }
+
-
  body { background-color:#E9EEE9; }
+
-
  #contentSub { margin: 0 0 0 0; }
+
-
  iframe { padding: 10px 20px 10px 20px; }
+
-
 
+
-
  .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:60px;
+
-
  padding-left:0px;
+
-
  padding-right:0px;
+
-
  padding-bottom:0px;
+
-
  background: #ffffff;
+
-
  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;}
+
-
 
+
-
  a.sitemap:link,a.sitemap:visited {color:#680000;font-decoration:none;}
+
-
  a.sitemap:hover,a.sitemap:active {color:#680000;font-decoration:underline;}
+
-
 
+
-
  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="#">Exec. Summary<span class="sf-sub-indicator"> &#187;</span></a>
+
-
      <ul>
+
-
      <li><a href="https://2012e.igem.org/Team:Arizona_State_E/Executive_Summary_Video">Video</a> </li>
+
-
      </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 00:15, 5 September 2012