Difference between revisions of "Team:Oxford/Templates/Nav"

 
(50 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{Oxford/CSS/Nav}}
 +
 +
 
<html>
 
<html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<head>
 
<head>
    <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<style>
 
<style>
#primary_nav_wrap
+
#sideMenu, #top_title {
{
+
display:none;
margin-top:15px
+
 
}
 
}
 +
</style>
 +
</head>
 +
<body>
  
#primary_nav_wrap ul
+
<nav id="primary_nav_wrap">
{
+
<ul>
list-style:none;
+
position:relative;
+
float:left;
+
margin:0;
+
padding:0
+
}
+
  
#primary_nav_wrap ul a
 
{
 
display:block;
 
color:#333;
 
text-decoration:none;
 
font-weight:700;
 
font-size:12px;
 
line-height:32px;
 
padding:0 15px;
 
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
 
}
 
  
#primary_nav_wrap ul li
+
<li style="border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;"><a href="https://2016.igem.org/Team:Oxford">HOME</a>
{
+
position:relative;
+
  </li>
float:left;
+
margin:0;
+
padding:0
+
}
+
  
#primary_nav_wrap ul li.current-menu-item
 
{
 
background:#ddd
 
}
 
  
#primary_nav_wrap ul li:hover
+
  <li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="#">PROJECT</a>
{
+
    <ul>
background:#f6f6f6
+
      <li><a href="https://2016.igem.org/Team:Oxford/Description">Description</a></li>
}
+
      <li><a href="https://2016.igem.org/Team:Oxford/Design">Design</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Oxford/Safety">Safety</a></li>
  
#primary_nav_wrap ul ul
+
<li><a href="https://2016.igem.org/Team:Oxford/Parts">Parts</a>
{
+
        <ul>
display:none;
+
          <li><a href="https://2016.igem.org/Team:Oxford/Basic_Part">Basic Parts</a>
position:absolute;
+
          </li>
top:100%;
+
<li><a href="https://2016.igem.org/Team:Oxford/Composite_Part">Composite Parts</a>
left:0;
+
          </li>
background:#fff;
+
<li><a href="https://2016.igem.org/Team:Oxford/Part_Collection">Part Collection</a>
padding:0
+
          </li>
}
+
</ul>
  
#primary_nav_wrap ul ul li
+
<li><a href="https://2016.igem.org/Team:Oxford/Collaborations">Collaborations</a></li>
{
+
float:none;
+
width:200px
+
}
+
  
#primary_nav_wrap ul ul a
 
{
 
line-height:120%;
 
padding:10px 15px
 
}
 
  
#primary_nav_wrap ul ul ul
+
<li><a href="https://2016.igem.org/Team:Oxford/Proof">Proof of Concept</a></li>
{
+
<li><a href="https://2016.igem.org/Team:Oxford/Demonstrate">Demonstrate</a></li>
top:0;
+
<li><a href="https://2016.igem.org/Team:Oxford/Results">Results</a></li>
left:100%
+
<li><a href="https://2016.igem.org/Team:Oxford/Notebook">Notebook</a></li>
}
+
  
#primary_nav_wrap ul li:hover > ul
 
{
 
display:block
 
}
 
</style>
 
</head>
 
<body>
 
  
 +
      <li><a href="https://2016.igem.org/Team:Oxford/Achievements">Achievements</a></li>
 +
    </ul>
 +
  </li>
  
<nav id="primary_nav_wrap">
+
 
<ul>
+
   <li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="https://2016.igem.org/Team:Oxford/Practices">PRACTICES</a>
   <li class="current-menu-item"><a href="#">Home</a></li>
+
  <li><a href="#">Menu 1</a>
+
 
     <ul>
 
     <ul>
       <li><a href="#">Sub Menu 1</a></li>
+
       <li><a href="https://2016.igem.org/Team:Oxford/Practices">Human Practices</a></li>
      <li><a href="#">Sub Menu 2</a></li>
+
 
      <li><a href="#">Sub Menu 3</a></li>
+
 
      <li><a href="#">Sub Menu 4</a>
+
        <ul>
+
          <li><a href="#">Deep Menu 1</a>
+
            <ul>
+
              <li><a href="#">Sub Deep 1</a></li>
+
              <li><a href="#">Sub Deep 2</a></li>
+
              <li><a href="#">Sub Deep 3</a></li>
+
                <li><a href="#">Sub Deep 4</a></li>
+
            </ul>
+
          </li>
+
          <li><a href="#">Deep Menu 2</a></li>
+
        </ul>
+
      </li>
+
      <li><a href="#">Sub Menu 5</a></li>
+
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
   <li><a href="#">Menu 2</a>
+
 
 +
 
 +
   <li style="border-top:1px solid #000; border-right:1px solid #000; c"><a href="#">WET LAB</a>
 
     <ul>
 
     <ul>
       <li><a href="#">Sub Menu 1</a></li>
+
       <li><a href="#">Overview and Results</a></li>
       <li><a href="#">Sub Menu 2</a></li>
+
       <li><a href="#">Notebook</a></li>
       <li><a href="#">Sub Menu 3</a></li>
+
       <li><a href="#">Protocols</a></li>
 +
      <li><a href="#">Chemicals</a></li>
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
   <li><a href="#">Menu 3</a>
+
 
 +
 
 +
   <li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="#">DRY LAB</a>
 
     <ul>
 
     <ul>
       <li class="dir"><a href="#">Sub Menu 1</a></li>
+
       <li><a href="https://2016.igem.org/Team:Oxford/Modelling">Modelling</a></li>
      <li class="dir"><a href="#">Sub Menu 2 THIS IS SO LONG IT MIGHT CAUSE AN ISSEUE BUT MAYBE NOT?</a>
+
        <ul>
+
          <li><a href="#">Category 1</a></li>
+
          <li><a href="#">Category 2</a></li>
+
          <li><a href="#">Category 3</a></li>
+
          <li><a href="#">Category 4</a></li>
+
          <li><a href="#">Category 5</a></li>
+
        </ul>
+
      </li>
+
      <li><a href="#">Sub Menu 3</a></li>
+
      <li><a href="#">Sub Menu 4</a></li>
+
      <li><a href="#">Sub Menu 5</a></li>
+
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
   <li><a href="#">Menu 4</a></li>
+
 
  <li><a href="#">Menu 5</a></li>
+
 
  <li><a href="#">Menu 6</a></li>
+
 
   <li><a href="#">Contact Us</a></li>
+
   <li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="#">PEOPLE</a>
 +
    <ul>
 +
      <li><a href="https://2016.igem.org/Team:Oxford/Team">Team</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Oxford/Attributions">Attributions</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Oxford/Contact">Contact Us</a></li>
 +
    </ul>
 +
   </li>
 +
 
 +
 
 +
 
 +
  <li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="https://oxfordigem2016.wordpress.com">BLOG</a>
 +
 
 +
  </li>
 +
 
 +
<li style="border-top:1px solid #000; border-right:1px solid #000;"><a href="https://2016.igem.org/Team:Oxford/Medals">MEDALS</a>
 +
 
 +
  </li>
 +
 
 +
 
 +
 
 
</ul>
 
</ul>
 
</nav>
 
</nav>
  
 
+
<br />
 +
<br />
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 15:09, 20 July 2016