flora.accordion.css

OA自动化办公系统,Eclipse+Oracle开发。

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(http://dev.jquery.com/view/trunk/themes/flora/i/accordion-right-act.png); }