JQuery UI Styles for the main website SIte


I am planning on incorporating JQuery UI into my application; has anyone had success in reusing the JQuery UI stylesheet for their own custom styles? What I mean is, JQuery UI looks good with rounded corners and gradients, etc. What I would like to do say use the gradient header of an accordion to the header for some of my panels that I don't use JQuery for (because it's static HTML). Essentially, I don't want to have to create my own custom stylesheet.

Has anybody tried to reuse existing styles for their site and do you have any guidance?


It is quite easy. suppose you have a jqueryui css file named jquery.ui.theme.css and you would like to use header background image

<div style="height: 100px;" class="content-head ui-widget-header">
    <h1>This is a header</h1>

For more details about jqueryui css class http://jqueryui.com/docs/Theming/API