Team:Toulouse/template/navigation

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
 +
<style type="text/css">
 +
/* ************ navigation header **************** */
 +
 +
#navigation,.navigation {
 +
}
 +
.navigation {
 +
    z-index: 1;
 +
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
 +
    position: relative;}
 +
 +
/* stick navigation */
 +
.stickToTop {
 +
    position: fixed;
 +
    background-color: #f6f6f6;
 +
    top:0;
 +
    width:100%;
 +
    z-index:5;}
 +
 +
.stickToTop .navlink{
 +
    display:none;}
 +
 +
.stickToTop li{
 +
    top:-12px;
 +
  }
 +
 +
.stickToTop ul.topnav li ul.subnav {
 +
    top: 50px;
 +
}
 +
 +
.stickToTop ul.topnav li ul.subnav li a{
 +
    margin-top:10px;
 +
}
 +
 +
ul.topnav {
 +
list-style: none;
 +
padding: 0;
 +
margin: 26px 0 0 124px;
 +
float: left;
 +
width: 100%;
 +
font-size: 16px;
 +
        padding-left:270px;
 +
}
 +
ul.topnav li {
 +
float: left;
 +
margin: 0;
 +
padding: 2px 33px;
 +
position: relative; /*--Declare X and Y axis base for sub navigation--*/
 +
}
 +
ul.topnav li a {
 +
padding: 7px 0px 5px;
 +
color: #010101;
 +
display: block;
 +
text-decoration: none;
 +
float: left;
 +
}
 +
 +
 +
ul.topnav > li > a {
 +
    height: 40px;
 +
    overflow: hidden;
 +
    padding-top: 44px;
 +
    text-align:center;
 +
    line-height:17px;}
 +
 +
ul.topnav > li > a > span{
 +
    display:none;}
 +
 +
ul.topnav li:first-child a{
 +
padding-left: 0;
 +
}
 +
 +
ul.topnav li ul.subnav {
 +
    z-index: 1; //Stay on top of slider
 +
list-style: none;
 +
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 +
left: 5px; top: 85px;
 +
background: #50a29b;
 +
margin: 0; padding: 0;
 +
display: none;
 +
float: left;
 +
}
 +
ul.topnav li ul.subnav li {
 +
margin: 0; padding: 0;
 +
clear: both;
 +
        list-style: none outside none;
 +
}
 +
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
 +
        width: 160px;
 +
}
 +
 +
html ul.topnav li ul.subnav li a {
 +
float: left;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    width: 143px;
 +
    color:#f6f6f6;
 +
}
 +
 +
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 +
background: #96d2cd;
 +
}
 +
 +
</style>
<div id="navigation">
<div id="navigation">

Revision as of 12:22, 28 September 2014