Team:Arizona State/Header
From 2013.igem.org
(Difference between revisions)
(Replaced content with "<html> <!-- here we go ~nisarg--> </html>") |
|||
Line 1: | Line 1: | ||
- | <html> | + | <html lang="en"> |
- | < | + | <general layout from the "https://2011.igem.org/Team:Imperial_College_London" page --> |
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | #top-section { | ||
+ | width: 975px; | ||
+ | height: 20px; | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | #p-logo { display: none; } | ||
+ | #search-controls { display: none; } | ||
+ | .firstHeading { display: none; } | ||
+ | #contentSub { margin: 0 0 0 0; } | ||
+ | iframe { padding: 0px 0px 0px 0px; } /* 10px 20px 10px 20px; }*/ | ||
+ | body { | ||
+ | background-color:#000000; | ||
+ | |||
+ | background-size:100%; | ||
+ | background-position:center; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | |||
+ | .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: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 { | ||
+ | font-family: helvetica,sans-serif; | ||
+ | color: #800000; | ||
+ | background: transparent; | ||
+ | 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: #800000; | ||
+ | background: transparent; | ||
+ | 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: #800000; | ||
+ | background: transparent; | ||
+ | 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: #800000; | ||
+ | background: transparent; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.1em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0px 20px 1px 20px; //was 13.5px padding for top | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: helvetica,sans-serif; | ||
+ | //color: #ffffff; | ||
+ | background: transparent; | ||
+ | //background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png); | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | .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:#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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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/2012/5/5f/CRSYS.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/2012/9/9a/AsuCrsysLogothingy.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"> »</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/Project">Project Overview</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">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> | ||
+ | <li><a href="https://2013.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://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"> »</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"> »</span></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Arizona_State/HP"> | ||
+ | Overview | ||
+ | </a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Arizona_State/Safety"> | ||
+ | Safety | ||
+ | </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"> | ||
+ | Anticancer foods | ||
+ | </a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Arizona_State/IS"> | ||
+ | Expert Feedback | ||
+ | </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">Follow Us</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |