ThemeRoller is the recommended tool for choosing or creating the theme of the accordion widget, but there may be times when we want to considerably change the look and style of the widget beyond what is possible with ThemeRoller. In that case we can just style our own accordion.
In a new page in your text editor add the following code:
#myAccordion { width:400px; border:1px solid #636363; padding-bottom:1px; } .ui-accordion-header { font-family:Georgia; background:#e2e2e2 none; border:1px solid #ffffff; } .ui-widget-content { font-size:70%; border:none; } .ui-corner-bottom { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; } .ui-corner-all { -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom...