75 lines
2.9 KiB
CSS
75 lines
2.9 KiB
CSS
|
|
.menu-label {
|
|
color: black;
|
|
color: #113d60;
|
|
color: #08223C;
|
|
display: block;
|
|
text-decoration: none;
|
|
}
|
|
/*
|
|
.menu-label:before {
|
|
content: " ";
|
|
}
|
|
*/
|
|
.menu-label:hover {
|
|
color: white;
|
|
}
|
|
.menu-label:active {
|
|
color: #f9cc70;
|
|
}
|
|
|
|
.menu {
|
|
margin: 1em;
|
|
display: block;
|
|
color: #000000;
|
|
}
|
|
.menu ul {
|
|
margin: -1px -1px -1px -1px;
|
|
padding-left: 0.4em; /* decalage entre les different niveau (depth) */
|
|
}
|
|
|
|
.menu li {
|
|
width: 7em;
|
|
padding-left: 0.6em;
|
|
margin-top: -1px;
|
|
border-top: 1px #000000 solid;
|
|
border-right: 2px #000000 solid;
|
|
border-right: 1px #000000 solid;
|
|
border-bottom: 0;
|
|
border-left: 0;
|
|
}
|
|
.menu li.menu-open { list-style-image: url(/images/menu/puce-open.rol.gif); }
|
|
.menu li.menu-close { list-style-image: url(/images/menu/puce-close.rol.gif); }
|
|
.menu li.menu-leaf { list-style-image: url(/images/menu/puce-leaf.rol.gif); }
|
|
|
|
.menu li.menu-open:hover { list-style-image: url(/images/menu/puce-open.gif); }
|
|
.menu li.menu-close:hover { list-style-image: url(/images/menu/puce-close.gif); }
|
|
.menu li.menu-leaf:hover { list-style-image: url(/images/menu/puce-leaf.gif); }
|
|
|
|
|
|
//.menu li { background: #fff url(/images/menu/grada2.png) repeat-x top; }
|
|
.menu li { background: #fff url(/images/menu/grada1.png) repeat-x top; }
|
|
.menu li li { background: #fff url(/images/menu/grada2.png) repeat-x top; }
|
|
.menu li li li { background: #fff url(/images/menu/grada3.png) repeat-x top; }
|
|
.menu li li li li { background: #fff url(/images/menu/grada4.png) repeat-x top; }
|
|
.menu li li li li li { background: #fff url(/images/menu/grada5.png) repeat-x top; }
|
|
.menu li li li li li li { background: #fff url(/images/menu/grada6.png) repeat-x top; }
|
|
.menu li li li li li li li { background: #fff url(/images/menu/grada7.png) repeat-x top; }
|
|
.menu li li li li li li li li { background: #fff url(/images/menu/grada8.png) repeat-x top; }
|
|
.menu li li li li li li li li li { background: #fff url(/images/menu/grada9.png) repeat-x top; }
|
|
|
|
|
|
//.menu li:hover { background: #fff url(/images/menu/grada2.rol.png) repeat-x top; }
|
|
|
|
.menu li:hover { background: #fff url(/images/menu/grada1.rol.png) repeat-x top; }
|
|
.menu li li:hover { background: #fff url(/images/menu/grada2.rol.png) repeat-x top; }
|
|
.menu li li li:hover { background: #fff url(/images/menu/grada3.rol.png) repeat-x top; }
|
|
.menu li li li li:hover { background: #fff url(/images/menu/grada4.rol.png) repeat-x top; }
|
|
.menu li li li li li:hover { background: #fff url(/images/menu/grada5.rol.png) repeat-x top; }
|
|
.menu li li li li li li:hover { background: #fff url(/images/menu/grada6.rol.png) repeat-x top; }
|
|
.menu li li li li li li li:hover { background: #fff url(/images/menu/grada7.rol.png) repeat-x top; }
|
|
.menu li li li li li li li li:hover { background: #fff url(/images/menu/grada8.rol.png) repeat-x top; }
|
|
.menu li li li li li li li li li:hover { background: #fff url(/images/menu/grada9.rol.png) repeat-x top; }
|
|
|
|
|