Team:Arizona State/Header

From 2013.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
<diving into uncharted territory ~Nisarg -->
+
<general layout from the "https://2011.igem.org/Team:Imperial_College_London" page -->
<head>
<head>
-
<style>
+
<style type="text/css">
   #top-section {
   #top-section {
   width: 975px;
   width: 975px;
Line 17: Line 17:
   body {
   body {
-
       background-color:#E5E5E5;
+
       background-color:#000000;
        
        
       background-size:100%;
       background-size:100%;
       background-position:center;
       background-position:center;
       background-attachment:fixed;
       background-attachment:fixed;
 +
  }
 +
 
 +
  .right-menu li a, .right-menu li a:hover {
 +
  color: #990000;
 +
  background-color: transparent;
 +
  }
 +
 +
  #iGEMLogo {
 +
  position: absolute;
 +
  top:40px;
 +
  left:20px;
   }
   }
Line 29: Line 40:
   }
   }
-
/*Insert pre-designed banner that includes new logo + project name here*/
+
  #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 {
+
  h1 {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
   color: #800000;
   color: #800000;
Line 88: Line 141:
   }
   }
 +
  .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:#35a5be;
 +
  }
 +
  .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 +
  background:#206271;
 +
  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>
</head>
 +
<body>
<body>
 +
<a name="top"></a>
 +
<!-----
 +
<div id='iGEMLogo'>
 +
  <a href='https://2013.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://2013.igem.org/Team:Arizona_State'>
 +
  <img src="https://static.igem.org/mediawiki/2013/5/50/Asubactovax.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://2013.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://2013.igem.org/Team:Arizona_State'>
 +
  <img src="https://static.igem.org/mediawiki/2013/5/50/Asubactovax.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"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State">Home</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Nissle">Chassis</a>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/MHC">Antigen:MHC Class I Presentation</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Adjuvants">Adjuvants</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Notebook">Notebook</a>
 +
      </ul>
 +
  </li>
 +
 +
  <li><a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Team">Members</a></li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Attributions">Attributions</a></li>
 +
      <li><a href="https://igem.org/Team.cgi?id=1190">Official Team Profile</a></li>
 +
      </ul>
 +
  </li>
 +
  <li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Data">Data</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Parts">BioBricks</a> </li>
 +
      </ul>
 +
  </li>
 +
  <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Safety">
 +
            Safety
 +
      </a></li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Biosecurity">
 +
            Biosecurity and Law
 +
      </a></li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/BSE">
 +
            Biosafety Engineering
 +
      </a></li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/food">
 +
            Translational Research
 +
      </a></li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/IS">
 +
            Expert Feedback
 +
      </a></li>
 +
      </ul>
 +
  </li>
-
test text
+
  <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://twitter.com/asuigem">Follow Us!</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/Future">Future Directions</a> </li>
 +
      <li><a href="https://2013.igem.org/Team:Arizona_State/References">References</a> </li>
 +
      </ul>
 +
  </li>
 +
</ul>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 22:43, 27 September 2013

Retrieved from "http://2013.igem.org/Team:Arizona_State/Header"