1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
| /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv ul{
width: 164px; /* Width of Menu Items */
/*border-top: 1px solid #283718;*/
font-family: arial;
font-size: 12px;
background: #ddd;
}
.suckerdiv ul li{
position: relative;
display: block;
background-color: #ddd;
}
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 164px; /* Parent menu width - 1*/
position: absolute;
width: 150px; /*sub menu width*/
top: 2px;
display: none;
}
/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
left: 150px; /* Parent menu width - 1*/
}
/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{
left: 150px; /* Parent menu width - 1*/
background-color: #283718;
color: #fff;
}
/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{
background-color: #58634B;
color: #fff;
}
/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{
background-color: #283718;
color: #fff;
}
/* menu links style */
.suckerdiv ul li a{
display: block;
color: #283718;
text-decoration: none;
width: 100%;
border-bottom: 1px solid #283718;
height: 24px;
line-height: 24px;
}
.suckerdiv ul li a span {
padding-left: 3px;
}
.suckerdiv ul li a:hover{
background-color: #283718;
color: #fff;
text-decoration: none;
}
.suckerdiv ul li ul li a:hover{
background-color: #fff;
color: #283718;
text-decoration: none;
}
.suckerdiv ul li ul li ul li a:hover{
background-color: #fff;
color: #283718;
text-decoration: none;
}
/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/forward-arrow.png) no-repeat center right;
}
/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #283718;
}
/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #283718;
}
/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #283718;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */ |
Partager