Team:Grenoble-EMSE-LSU/Design/Menu Left

From 2013.igem.org

(Difference between revisions)

Revision as of 14:50, 24 June 2013

.left_menu {

   z-index: 1;
   width: 13%;
   margin: 0;
   padding: 0;
   position: relative;
   top: -160px;
   border: 1px solid yellow;

}

a.title {

   text-decoration: none;
   /*position: fixed;
   top: 150px;
   left: 30px;*/

}

div {

   z-index: 1;
   /*position: fixed;
   top: 200px;*/
   /*left: 30px;*/

}

ul.menu { padding: 0; }

ul.menu li { width: 120px; height: 30px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; text-align: center; list-style: none; border-radius: 5px; }

ul.menu a { text-decoration: none; }

ul.menu li a { text-decoration: none; }

/***** If subnav exists *****/

div.menu_gauche ul.menu li.extend { width: 120px; height: 30px; /*margin-top: 100px;*/ margin-bottom: 10px; padding-top: 10px; text-align: center; list-style: none; border-radius: 5px; }

/* il faudra régler les margin-top/bottom des li.extend individuellement */ /*************************************************************************/

div.menu_gauche ul.menu li.extend a { text-decoration: none; }

div.menu_gauche ul.menu li.extend ul.subnav { position: relative; top: 4px;

   left: 15px;

}

div.menu_gauche ul.menu li.extend ul.subnav li { margin: 0; border-radius: 0 0 0 0; }

/* il faudra régler la largeur des sous-menus individuellement */

div.menu_gauche ul.menu li.extend ul[id="network"] li { width: 210px; } /***************************************************************/

div.menu_gauche ul.menu li.extend ul.subnav li:first-child { border-radius: 5px 5px 5px 5px; border-bottom: none; }

div.menu_gauche ul.menu li.extend ul.subnav li:last-child { border-radius: 5px 5px 5px 5px; border-top: none; }