Team:Grenoble-EMSE-LSU/Design/Menu

From 2013.igem.org

Revision as of 13:57, 16 June 2013 by Hélène (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

ul.topnav { list-style: none; padding: 0; }

ul.topnav li { float: left; width: 130px; height: 30px; margin: 5px; padding: 9px 0 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ text-align: center; border-radius: 5px 5px 5px 5px; }

ul.topnav li a { padding: 0; text-decoration: none; }

ul.topnav > li > a {

   overflow: hidden;

}

ul.topnav li:hover { background-position: center bottom; cursor: pointer; }

ul.subnav {

   z-index: 1; /*Stay on top of slider*/

position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ top: 39px; margin: 0; padding: 0; display: none; /* submenu apparaissent pas à l'ouverture de la page */ }

ul.subnav li { margin: 0; width: 130px; height: 35px; position: relative; clear: both; /* submenu en colonne */ border-radius: 0 0 0 0; }

ul.subnav li:first-child { border-radius: 5px 5px 0 0; }

ul.subnav li:last-child { border-radius: 0 0 5px 5px; }