Difference between revisions of "Team:Birkbeck/Test"

 
(5 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<![endif]-->
 
<![endif]-->
 
<!--[if gt IE 8]><!-->
 
<!--[if gt IE 8]><!-->
−
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
+
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css"/>
 
<!--<![endif]-->
 
<!--<![endif]-->
  
Line 19: Line 19:
 
     -ms-transition: height 0.5s;
 
     -ms-transition: height 0.5s;
 
     transition: height 0.5s;
 
     transition: height 0.5s;
 +
    width: 100%;
 +
    z-index: 9999;
 +
    position: fixed;
 +
    margin-top: -5px;
 
}
 
}
  
Line 90: Line 94:
 
     <div class="pure-u-1 pure-u-md-1-3">
 
     <div class="pure-u-1 pure-u-md-1-3">
 
         <div class="pure-menu">
 
         <div class="pure-menu">
−
             <a href="#" class="pure-menu-heading custom-brand">Brand</a>
+
             <a href="https://2015.igem.org/Team:Birkbeck" class="pure-menu-heading custom-brand">Home</a>
 
             <a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
 
             <a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
 
         </div>
 
         </div>
Line 100: Line 104:
 
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">About</a></li>
 
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">About</a></li>
 
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact</a></li>
 
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact</a></li>
 +
<li class="pure-menu-item pure-menu-has-children">
 +
<a href="#" id="menuLink1" class="pure-menu-link">More</a>
 +
<ul class="pure-menu-children">
 +
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Autos</a></li>
 +
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Flickr</a></li>
 +
<li class="pure-menu-item pure-menu-has-children">
 +
<a href="#" id="menuLink1" class="pure-menu-link">Even More</a>
 +
<ul class="pure-menu-children">
 +
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Foo</a></li>
 +
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Bar</a></li>
 +
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Baz</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
Line 164: Line 183:
 
}
 
}
 
.firstHeading {
 
.firstHeading {
−
display: hidden;
+
display: none;
 
}
 
}
 +
p {
 +
padding:0;
 +
 +
}
  
 
</style>
 
</style>

Latest revision as of 10:27, 22 July 2015