www.gusucode.com > 3102网博士成品网站管理系统 PHP网站源码程序 > 3102/3102/menu/templates/images/qqmenu/G.css
.arrowlistmenu{ width: 100%; /*width of accordion menu*/ background:#ffca7f; } .arrowlistmenu .menuheader{ font:12px Arial; color: #fff; background:#ff6600; margin-bottom: 1px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 12px; /*header text is indented 10px*/ cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background:#ff6600; } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin: 0px 0px 0px 0px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 0px; /*bottom spacing between menu items*/ background:#ffa839; } .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ background: lightblue !important; } .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: lightgreen !important; } .arrowlistmenu ul li a{ color: #fff; background: url(li4.gif) 10px no-repeat; display: block; padding: 3px 0; padding-left: 30px; text-decoration: none; font-weight:nomal; border-bottom: 1px solid #ffca7f; font-size: 12px; line-height:22px; } .arrowlistmenu ul li a:visited{ color: #fff; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ background: #ff8800 url(li4.gif) 10px no-repeat; } .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ background: lightblue; }