Team:Arizona State/Template:Header

From 2012.igem.org

(Difference between revisions)
(Undo revision 272070 by Eqin (talk))
Line 227: Line 227:
   }*/
   }*/
-
#second-menu { background: url(http://more.engineering.asu.edu/research/wp-content/themes/Aggregate/images/menu-bottom-bg.png) repeat-x bottom left; }
 
-
ul#secondary-menu { padding-left: 29px; margin-top:-1px; }
 
-
ul#secondary-menu li { padding-right: 2px; background: url(http://more.engineering.asu.edu/research/wp-content/themes/Aggregate/images/secondary-menu-bg.png) repeat-y top right; }
+
/*** Start of Styling for menu bar ***/
-
ul#secondary-menu a { font-size: 13px; color: #48423f; text-decoration: none; text-transform: uppercase; font-weight: bold; padding: 22px 16px; }
+
/*** ESSENTIAL STYLES ***/
-
ul#secondary-menu a:hover { color: #919e9e;}
+
  a.collapseLink {
-
ul#secondary-menu > li.current_page_item > a { color: #919e9e !important; }
+
  font-weight:bold;
-
+
  font-size:1em;
-
ul#secondary-menu li ul { width: 360px !important; padding: 7px 0 10px; background: #fff url(http://more.engineering.asu.edu/research/wp-content/themes/Aggregate/images/content-bg.png); top: 55px !important; -moz-box-shadow:3px 3px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
+
  color:#225323;
-
ul#secondary-menu ul li { margin: 0 !important; padding: 8px 0 8px 30px !important; width: 150px; float: left; }
+
  }
-
ul#secondary-menu ul li a { padding: 0 !important; }
+
  .sf-menu, .sf-menu * {
-
+
  margin:0;
-
ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { top: -8px !important; left: 180px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
+
  padding:0;
-
ul#secondary-menu ul li.even-item { background: none; }
+
  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 ***/
-
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
+
  .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;
 +
  }
-
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
+
/*** arrows **/
-
.nav li { float:left; position:relative; }
+
  .sf-menu a.sf-with-ul {
-
.nav a { display:block; float: left; }
+
  cursor:default;
-
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
+
  padding-right:2.25em;
-
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
+
  min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
-
.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
+
  }
-
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
+
  .sf-sub-indicator {
-
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
+
  position:absolute;
-
.nav li ul { width: 191px; z-index:1000; }
+
  display:block;
-
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
+
  right:.75em;
-
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
+
  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://more.engineering.asu.edu/research/wp-includes/js/jquery/jquery.js?ver=1.7.1"></script>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
-
<script src="http://more.engineering.asu.edu/research/wp-content/themes/Aggregate/js/superfish.js" type="text/javascript"></script>
+
</script>  
-
<script src="http://more.engineering.asu.edu/research/wp-content/themes/Aggregate/js/custom.js" type="text/javascript"></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>
</head>
</head>
Line 315: Line 461:
<div id='menucontainer'>
<div id='menucontainer'>
-
<div id="second-menu" class="clearfix">
+
<ul class="sf-menu sf-navbar">
-
<ul id="secondary-menu" class="nav sf-js-enabled"><li id="menu-item-440" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-440"><a href="http://more.engineering.asu.edu/research/">Home</a></li>
+
  <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">Home</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/Notebook">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"> &#187;</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?year=2012">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://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>
 +
  </li>
 +
  <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> &#187;</span></a>
 +
      <ul>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/International">International Hygiene Plan</a> </li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Community">Community Outreach</a> </li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/University">University Outreach</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">Epidemiological Modeling</a> </li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Ethical_Conditions">Ethical Considerations</a> </li>
 +
 
 +
      </ul>
 +
  </li>  
-
<li id="menu-item-441" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-441"><a href="http://more.engineering.asu.edu/research/about/" class="sf-with-ul">About<span class="sf-sub-indicator"> »</span></a>
+
  <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>
-
<ul class="sub-menu" style="visibility: hidden; display: none; ">
+
      <ul>
-
<li id="menu-item-442" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-442"><a href="http://more.engineering.asu.edu/research/about/people/">People</a></li>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Media">Media</a> </li>  
-
<li id="menu-item-443" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-443 even-item"><a href="http://more.engineering.asu.edu/research/about/facilities/">Facilities</a></li>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Photos">Photos</a> </li>  
-
<li id="menu-item-638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-638"><a href="http://engineering.asu.edu/factbook/faculty-awards.html">Faculty Awards</a></li>
+
      </ul>
-
</ul>
+
  </li>  
-
</li>
+
</ul>  
-
<li id="menu-item-444" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-444"><a href="http://more.engineering.asu.edu/research/research-themes/" class="sf-with-ul">Research Themes<span class="sf-sub-indicator"> »</span></a>
+
-
<ul class="sub-menu" style="visibility: hidden; display: none; ">
+
-
<li id="menu-item-445" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-445"><a href="http://more.engineering.asu.edu/research/research-themes/education/">Education</a></li>
+
-
<li id="menu-item-446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-446 even-item"><a href="http://more.engineering.asu.edu/research/research-themes/energy/">Energy</a></li>
+
-
<li id="menu-item-447" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-447"><a href="http://more.engineering.asu.edu/research/research-themes/sustainability/">Sustainability</a></li>
+
-
<li id="menu-item-448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-448 even-item"><a href="http://more.engineering.asu.edu/research/research-themes/health/">Health</a></li>
+
-
<li id="menu-item-449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-449"><a href="http://more.engineering.asu.edu/research/research-themes/security/">Security</a></li>
+
-
<li id="menu-item-450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-450 even-item"><a href="http://more.engineering.asu.edu/research/research-themes/university-initiatives/">University initiatives</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="menu-item-451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-451"><a href="http://more.engineering.asu.edu/research/students/" class="sf-with-ul">Students<span class="sf-sub-indicator"> »</span></a>
+
-
<ul class="sub-menu" style="visibility: hidden; display: none; ">
+
-
<li id="menu-item-735" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-735"><a href="http://more.engineering.asu.edu/research/students/graduate-programs/">Graduate programs</a></li>
+
-
<li id="menu-item-452" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-452 even-item"><a href="http://more.engineering.asu.edu/research/students/graduate-fellowships/">Graduate fellowships</a></li>
+
-
<li id="menu-item-453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-453"><a href="http://more.engineering.asu.edu/research/students/undergraduate-research/">Undergraduate research</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="menu-item-454" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-454"><a href="http://more.engineering.asu.edu/research/industry/" class="sf-with-ul">Industry<span class="sf-sub-indicator"> »</span></a>
+
-
<ul class="sub-menu" style="visibility: hidden; display: none; ">
+
-
<li id="menu-item-455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-455"><a href="http://more.engineering.asu.edu/research/industry/centers-and-labs/">Centers and Labs</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="menu-item-427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-427"><a href="http://more.engineering.asu.edu/research/research-services/" class="sf-with-ul">Research Advancement<span class="sf-sub-indicator"> »</span></a>
+
-
<ul class="sub-menu" style="visibility: hidden; display: none; ">
+
-
<li id="menu-item-457" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-457"><a href="http://more.engineering.asu.edu/research/research-services/funding-opportunities/" class="sf-with-ul">Funding Opportunities<span class="sf-sub-indicator"> »</span></a>
+
-
<ul class="sub-menu" style="display: none; visibility: hidden; ">
+
-
<li id="menu-item-458" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-458"><a href="http://more.engineering.asu.edu/research/research-services/funding-opportunities/featured-funding-opportunities/">Featured Funding Opportunities</a></li>
+
-
<li id="menu-item-459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-459 even-item"><a href="http://more.engineering.asu.edu/research/?page_id=62">Limited Submission Funding Opportunities</a></li>
+
-
<li id="menu-item-460" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-460"><a href="http://more.engineering.asu.edu/research/?page_id=57">Other Funding Opportunities</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="menu-item-639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-639 even-item"><a href="http://more.engineering.asu.edu/research/research-services/faculty-resources/">Faculty Resources</a></li>
+
-
<li id="menu-item-430" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-430"><a href="http://more.engineering.asu.edu/research/research-services/ra-process/">RA process</a></li>
+
-
<li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-429 even-item"><a href="http://more.engineering.asu.edu/research/research-services/grant-support/">Proposal Support</a></li>
+
-
<li id="menu-item-428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428"><a href="http://more.engineering.asu.edu/research/research-services/data/">Statistics</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="menu-item-637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-637"><a href="http://safe.engineering.asu.edu/">Safety</a></li>
+
-
</ul> </div>
+
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 01:24, 21 October 2012

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