Team:Grenoble-EMSE-LSU/Design/Menu Left
From 2013.igem.org
Line 26: | Line 26: | ||
} | } | ||
- | ul.menu | + | ul.menu a |
{ | { | ||
- | + | text-decoration: none; | |
} | } | ||
Line 38: | Line 38: | ||
/***** If subnav exists *****/ | /***** If subnav exists *****/ | ||
- | div | + | div.menu_gauche ul.menu li.extend |
{ | { | ||
width: 120px; | width: 120px; | ||
height: 30px; | height: 30px; | ||
- | margin-top: 100px; | + | /*margin-top: 100px;*/ |
margin-bottom: 10px; | margin-bottom: 10px; | ||
padding-top: 10px; | padding-top: 10px; | ||
Line 50: | Line 50: | ||
} | } | ||
- | + | /* il faudra régler les margin-top/bottom des li.extend individuellement */ | |
- | + | /*************************************************************************/ | |
- | + | ||
- | + | ||
- | div | + | div.menu_gauche ul.menu li.extend a |
{ | { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | div | + | div.menu_gauche ul.menu li.extend ul.subnav |
{ | { | ||
position: relative; | position: relative; | ||
Line 67: | Line 65: | ||
} | } | ||
- | div | + | div.menu_gauche ul.menu li.extend ul.subnav li |
{ | { | ||
margin: 0; | margin: 0; | ||
Line 73: | Line 71: | ||
} | } | ||
- | div | + | /* il faudra régler la largeur des sous-menus individuellement */ |
+ | |||
+ | div.menu_gauche ul.menu li.extend ul[id="network"] li | ||
{ | { | ||
width: 210px; | width: 210px; | ||
} | } | ||
+ | /***************************************************************/ | ||
- | div | + | div.menu_gauche ul.menu li.extend ul.subnav li:first-child |
{ | { | ||
border-radius: 5px 5px 5px 5px; | border-radius: 5px 5px 5px 5px; | ||
Line 84: | Line 85: | ||
} | } | ||
- | div | + | div.menu_gauche ul.menu li.extend ul.subnav li:last-child |
{ | { | ||
border-radius: 5px 5px 5px 5px; | border-radius: 5px 5px 5px 5px; | ||
border-top: none; | border-top: none; | ||
} | } |
Revision as of 15:25, 19 June 2013
a.title {
text-decoration: none;
}
div {
z-index: 1;
}
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; }