Team:Arizona State/Template:Header

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
<head>
-
  <script type="text/javascript">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
  $(document).ready(function(){
+
  <style type="text/css">
-
    $(function(){
+
  #top-section {
-
    var path = location.pathname.substring(1);
+
  width: 975px;
-
    var last = path.split("/");
+
  height: 20px;
-
    if ( last[1] ) {
+
  background-color: #ffffff;
-
      $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ffffff");
+
  border: none;
-
    }
+
  }
-
    else {
+
-
      $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ffffff");
+
-
    }
+
-
    });
+
-
    $('#menuback').mouseover(function() {
+
  #p-logo {
-
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
+
  display: none;}
-
    });
+
-
    $('#menu').mouseleave(function() {
+
  #search-controls {
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
  display: none;}
-
    $('.listmain').not('.curlink').css("color","#ffffff");
+
-
    $('#headover ul').fadeOut(500);
+
-
    $('#headover').stop().animate({height:'50px',top:'100px'},1000);
+
-
    });
+
-
    $('.listhead').mouseover(function(){
+
  .right-menu li a, .right-menu li a:hover {
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
  color: #3c6b27;
-
    $(this).css("color","#444444");
+
  background-color: transparent;
-
    $('#headover ul').css("display","none");
+
  }
-
    var vActive = $(this).attr("id");
+
-
    $('.'+vActive).stop(true, true).fadeIn(500);
+
-
    });
+
-
    $('.listmain').mouseover(function(){
 
-
    $('.listmain').not('.curlink').css("color","#ffffff");
 
-
// inner text hover color
 
-
    $(this).css("color","#1296B0");
 
-
    });
 
-
 
-
    $('#headover').mouseleave(function(){
 
-
    $('.listmain').not('.curlink').css("color","#ffffff");
 
-
    });
 
-
 
-
  });
 
-
  </script>
 
-
 
-
<style type="text/css">
 
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
 +
  #AsuLogo {
 +
  position: relative;
 +
  text-align:center;
 +
  z-index:-1;
 +
  }
 +
 +
  #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
 +
 +
 
   body {
   body {
-
      background-color: #000000;}
+
  background-color:#E9EEE9;
 +
  }
 +
 
 +
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
 +
 
   #content {
   #content {
-
      width: 900px;}
+
  position: relative;
 +
  width: 975px;
 +
  margin: 0 auto;
 +
  padding-top:1px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
-
   #top-section {
+
   #contentSub {
-
width: 900px;
+
  margin: 0 0 0 0;
-
height: 0;
+
  }
-
border-left: none;
+
-
border-right: none;
+
-
border-bottom: none;
+
-
}
+
-
#p-logo {
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
-
display:none;
+
  margin-bottom: 0;
-
}
+
  }
-
   #search-controls {
+
   a {color:#93B825;}
-
      display: none;}
+
  a:link {color:#93B825;}
-
   #mblink a {
+
  a:visited {color:#728F1D;}
-
    text-decoration:none;}
+
   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: arial,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: arial,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: arial,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: arial,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: arial,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;
 +
  }
-
/* absolute positioning of everythingness */
+
   .imgbox {
-
   #menu {
+
  margin:20px;
-
    width:900px;
+
   padding:10px;
-
    height:150px;
+
   border:1px solid black;
-
    position: relative;
+
  text-align:center;
-
    top: 20px;
+
  }
-
    left: 0px;}
+
-
/*left bar color and things */
+
-
   #menuback {
+
-
    width:100px;
+
-
    height:150px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;
+
-
    background-color: #1296B0}
+
-
/* right side background */
+
-
   #headpic {
+
-
    background-color: black;
+
-
    width:800px;
+
-
    height:150px;
+
-
    position: absolute;
+
-
    background-repeat:no-repeat;
+
-
    top: 0px;
+
-
    left: 100px;
+
-
    background-image: url('http://a4.ec-images.myspacecdn.com/images02/152/7e16c602354740d78a012c9766c1cadd/l.jpg'); }
+
-
/* positioning of bottom informationy bar thingy */
+
   .vidbox {
-
   #headover {
+
  margin:20px;
-
    width: 800px;
+
  padding:10px;
-
    height:50px;
+
  border:1px solid black;
-
    position: absolute;
+
  text-align:center;
-
    top: 100px;
+
  }
-
    left: 0px;
+
-
    background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
+
-
   a {
+
   .newouterbox {
-
    outline:none;}
+
   background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
-
/* relative positioning of bottom informationy bar thingy */
+
  }
-
   #headboob{
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    font-size: 1.2em;
+
-
    color: #ffffff;
+
-
    position: absolute;
+
-
    top: 0.5em;
+
-
    right: 1.4em;}
+
-
   .dark{
+
   .newinnerbox {
-
    color: #ffffff;}
+
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
  }
-
   .highlight{
+
   .newtext {
-
    color: #1296B0;}
+
  text-align:center;background-color:#FF944D;color:#000000;
 +
  }
-
   #menulist{
+
   ul.a {
-
    position: absolute;
+
  margin: 0 0 0 40px;
-
    top: 16px;
+
  list-style-image: none;
-
    left: 3px;
+
  list-style-type:disc;
-
    list-style: none;}
+
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
-
   #menulist li{
+
   ol.a {
-
    height: 30px;
+
  margin: 0 0 0 30px;
-
    }
+
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
-
/* outer links */
+
   iframe {
-
   #menulist li a{
+
  padding: 10px 20px 10px 20px;
-
    font-weight: 100;
+
  }
-
    font-size: 1.2em;
+
-
    text-decoration: none;
+
-
    font-family: helvetica;
+
-
    color: #ffffff;}
+
-
/* bullet points for inner links */
+
   #BackToTop {
-
   #headover ul{
+
  position:fixed;
-
    list-style: none;
+
  bottom:0;
-
    display: none;
+
  right:0;
-
    position: absolute;
+
  }
-
    top: 1.2em;
+
-
    left: 0.2em;
+
-
    }
+
-
/* relative positioning of inner links */
+
   #Sitemap {
-
   #headover ul ul{
+
  position:fixed;
-
    position: absolute;
+
  bottom:0;
-
    width:10em;
+
  left:0;
-
    top:-0.2em;
+
  }
-
    left: 10em;
+
-
    list-style:none;}
+
-
/* font of inner links */
+
  </style>
-
  #headover ul li{
+
  </head>
-
    height: 2.4em;
+
-
    }
+
-
/* font of inner links */
+
-
  #headover ul li a{
+
-
    font-weight: 100;
+
-
    font-size: 1.2em;
+
-
    text-decoration: none;
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    color: #dddddd;}
+
-
</style>
+
<body>
 +
<a name="top"></a>
 +
<div id='AsuLogo'>
 +
  <a href='https://2012.igem.org/Team:Arizona_State'>
 +
    <img src="https://static.igem.org/mediawiki/2012/archive/f/f3/20120619172941%21ASU_logo.png" style="width:550px;" />
 +
  </a>
 +
</div>
 +
<div id='iGEMLogo'>
 +
  <a href='https://2012.igem.org/Main_Page' target="_blank">
 +
    <img src="https://2012.igem.org/File:IGEM_official_logo.png" style="width:50px;" />
 +
  </a>
 +
</div>
-
<body>
+
<div id="BackToTop">
-
  <div id='menu'>
+
<a href="#top">
-
  <div id='menuback'>
+
<img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="48px" />
-
    <ul id='menulist'>
+
</a>
-
    <li><a href='#' class='listhead' id='project'></a></li>
+
</div>
-
    <li><a href='#' class='listhead' id='plan'></a></li>
+
-
    <li><a href='#' class='listhead' id='results'></a></li>
+
-
    <li><a href='#' class='listhead' id='extra'></a></li>
+
-
    </ul>
+
-
  </div>
+
-
  <div id='headpic'>
+
-
    <div id='headover'>
+
-
    <p id='headboob'><span class='dark'> &nbsp;<span class='highlight'>|</span></span></p>
+
-
    <ul class='project'>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/Tour/Page_One' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/Modules' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/Chassis' class='listmain' id='results'></a></li> 
+
-
      <ul class='project'>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/_Practices' class='listmain' id='results'> Practices</a></li>   
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>     
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State//_One' class='listmain' id='project'></a></li>
+
-
      </ul>
+
-
    </ul>
+
-
    <ul class='plan'>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/Strategy' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona State/Lab_Diaries' class='listmain' id=''> Diaries</a></li>
+
-
      <ul class='plan'>
+
-
        <li><a href='https://2012.igem.org/Team:Arizona_State/Protocol' class='listmain' id='results'> Protocols</a></li>
+
-
        <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      </ul>
+
-
      <ul class='plan'>
+
-
      </ul>
+
-
    </ul>
+
-
    <ul class='results'>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'> Results</a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State//' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
    </ul>
+
<div id="Sitemap">
-
    <ul class='extra'>
+
<a href='https://2012.igem.org/Team:Arizona_State/Sitemap'>
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/The_Team' class='listmain' id=''>The </a></li>
+
<img src="https://static.igem.org/mediawiki/2012/3/30/SiteMapColorChange.png" width="100px" />
-
      <li><a href='https://2012.igem.org/Team:Arizona_State//' class='listmain' id='results'></a></li>
+
</a>
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/_Workshops' class='listmain' id='results'> Workshops</a></li>
+
</div>
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/_Tool' class='listmain' id='results'> Tool</a></li>
+
-
      <ul class='extra'>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Arizona_State/' class='listmain' id='results'></a></li>
+
-
      </ul>
+
-
    </ul>
+
-
    </div>
+
-
  </div>
+
-
  </div>
+
-
</body>
+
 +
</body>
</html>
</html>

Revision as of 04:14, 30 June 2012

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