Team:Grenoble-EMSE-LSU/Design/Menu Left
From 2013.igem.org
Line 1: | Line 1: | ||
.left_menu | .left_menu | ||
{ | { | ||
+ | |||
border: 1px solid yellow; | border: 1px solid yellow; | ||
} | } | ||
Line 8: | Line 9: | ||
{ | { | ||
text-decoration: none; | text-decoration: none; | ||
- | position: fixed; | + | /*position: fixed; |
top: 150px; | top: 150px; | ||
- | left: 30px; | + | left: 30px;*/ |
} | } | ||
Line 16: | Line 17: | ||
{ | { | ||
z-index: 1; | z-index: 1; | ||
- | position: fixed; | + | /*position: fixed; |
- | top: 200px; | + | top: 200px;*/ |
/*left: 30px;*/ | /*left: 30px;*/ | ||
} | } |
Revision as of 14:37, 24 June 2013
.left_menu {
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; }