Team:Arizona State/Template:Header

From 2012.igem.org

(Difference between revisions)
Line 248: Line 248:
</body>
</body>
 +
</html>
 +
 +
 +
<html lang="en">
 +
<br>
 +
<!-- Made by 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">
 +
/*** 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: 'Lucida Grande', sans-serif;
 +
        font-size:1.4em;
 +
}
 +
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 +
color: #ffd700;
 +
}
 +
.sf-menu li {
 +
background: #800000;
 +
}
 +
.sf-menu li li {
 +
background: #800000;
 +
}
 +
.sf-menu li li li {
 +
background: #800000;
 +
}
 +
.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 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>
 +
<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://2012.igem.org/Team:Arizona_State/Problem">Problem</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Overview</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Magainin</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">Chimeric Reporter</a>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/ssDNA">ssDNA</a>
 +
</ul>
 +
</li>
 +
<li>
 +
<a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> &#187;</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/Main_Results">Main Results</a> </li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a class="sf-with-ul" href="#">Outreach<span class="sf-sub-indicator"> &#187;</span></a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/University">University</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Community">Community</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/International">International</a> </li>
 +
  <li><a href="https://2012.igem.org/Team:Arizona_State/Human_Practices">Human Practices</a> </li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> &#187;</span></a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Bio">Bio</a> </li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a class="sf-with-ul" href="#">Achievements<span class="sf-sub-indicator"> &#187;</span></a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Judging_Criteria">Judging Criteria</a> </li>
 +
<li><a href="https://2012.igem.org/Team:Arizona_State/Regional_Jamboree">Regional Jamboree</a> </li>
 +
</ul>
 +
</li>
 +
  </ul>
 +
</div>
 +
</body>
 +
</html>
</html>

Revision as of 05:16, 30 June 2012



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