Team:Arizona State/Template:Header
From 2012.igem.org
(Difference between revisions)
Ethan ward (Talk | contribs) |
|||
(74 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
- | < | + | <general layout from the "https://2011.igem.org/Team:Imperial_College_London" page --> |
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
#top-section { | #top-section { | ||
Line 15: | Line 14: | ||
.firstHeading { display: none; } | .firstHeading { display: none; } | ||
#contentSub { margin: 0 0 0 0; } | #contentSub { margin: 0 0 0 0; } | ||
- | iframe { padding: 10px 20px 10px 20px; } | + | iframe { padding: 0px 0px 0px 0px; } /* 10px 20px 10px 20px; }*/ |
body { | body { | ||
background-color:#000000; | background-color:#000000; | ||
- | + | ||
background-size:100%; | background-size:100%; | ||
- | background-position:center; background-attachment:fixed; | + | background-position:center; |
+ | background-attachment:fixed; | ||
} | } | ||
Line 61: | Line 61: | ||
padding-bottom:0px; | padding-bottom:0px; | ||
//background: transparent; | //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-image:url(https://static.igem.org/mediawiki/2012/4/4b/2012ASUiGemLogo.png); | ||
//background-repeat:no-repeat; | //background-repeat:no-repeat; | ||
Line 123: | Line 124: | ||
font-size: 1.1em; | font-size: 1.1em; | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
- | padding: | + | padding: 0px 20px 1px 20px; //was 13.5px padding for top |
border-bottom: none; | border-bottom: none; | ||
} | } | ||
Line 140: | 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 { | table { | ||
background: transparent; | background: transparent; | ||
Line 227: | Line 262: | ||
}*/ | }*/ | ||
- | |||
- | |||
- | + | /*** 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> | </style> | ||
- | <script type="text/javascript" src="http:// | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> |
- | <script src=" | + | </script> |
- | <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> | ||
Line 299: | Line 484: | ||
</td> | </td> | ||
<td> | <td> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2012/e/eb/Arizona_State_ASU_logo.png" width="125" /> |
</td> | </td> | ||
</table> | </table> | ||
Line 315: | Line 500: | ||
<div id='menucontainer'> | <div id='menucontainer'> | ||
- | < | + | <ul class="sf-menu sf-navbar"> |
- | + | <li><a class="sf-with-ul" href="">Project<span class="sf-sub-indicator"> »</span></a> | |
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State">Home</a> </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Project Overview</a> </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Problem">The Problem</a> </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">DNA-Protein Chimera Biosensor</a> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Cell Surface Biosensor</a> </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Safety">Safety</a> </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/NotebookView">Notebook</a> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/References">References</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> »</span></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Team">Members</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=891">Official Team Profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | <li | + | <li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> »</span></a> |
- | <ul | + | <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/Parts">BioBricks</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Accomplishments">Judging Criteria</a> </li> | |
- | </ul> | + | </ul> |
- | </li> | + | </li> |
- | <li | + | <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> »</span></a> |
- | <ul | + | <ul> |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/HPoverview"> | |
- | + | Overview | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/International"> | |
- | + | Hygiene Lesson Plan | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/FieldApplications"> | |
- | + | Case Studies | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/HPModeling"> | |
- | + | Modeling | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Ethical_Conditions"> | |
- | + | Ethical Considerations | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Highschool_Outreach"> | |
- | + | High School Outreach | |
- | + | </a></li> | |
- | </ul> | + | <li><a href="https://2012.igem.org/Team:Arizona_State/University_Outreach"> |
- | </li> | + | University Outreach |
- | <li | + | </a></li> |
- | + | </ul> | |
- | + | </li> | |
- | + | ||
- | + | <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Media">Media</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Photos">Photos</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/FollowUs">Follow Us</a> </li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | </ul> | |
- | + | ||
- | </ul> | + | |
- | + | ||
- | + | ||
- | </ul | + | |
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |