CARVIEW

MOTORHOMES

Select Language

HTTP/2 302 server: nginx date: Fri, 19 Dec 2025 13:19:41 GMT content-type: text/plain; charset=utf-8 content-length: 0 x-archive-redirect-reason: found capture at 20100528163457 location: https://web.archive.org/web/20100528163457/https://jqueryui.com/themeroller/ server-timing: captures_list;dur=1.819923, exclusion.robots;dur=0.055021, exclusion.robots.policy;dur=0.042116, esindex;dur=0.010987, cdx.remote;dur=6.536945, LoadShardBlock;dur=177.375818, PetaboxLoader3.resolve;dur=22.566992, PetaboxLoader3.datanode;dur=68.886060 x-app-server: wwwb-app219-dc8 x-ts: 302 x-tr: 286 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 set-cookie: wb-p-SERVER=wwwb-app219; path=/ x-location: All x-as: 14061 x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() HTTP/2 200 server: nginx date: Fri, 19 Dec 2025 13:19:42 GMT content-type: text/html x-archive-orig-server: nginx/0.7.62 x-archive-orig-date: Fri, 28 May 2010 16:34:57 GMT x-archive-orig-connection: close x-archive-orig-x-powered-by: PHP/5.2.4-2ubuntu5.10 x-archive-guessed-content-type: text/html x-archive-guessed-charset: utf-8 memento-datetime: Fri, 28 May 2010 16:34:57 GMT link: ; rel="original", ; rel="timemap"; type="application/link-format", ; rel="timegate" content-security-policy: default-src 'self' 'unsafe-eval' 'unsafe-inline' data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org x-archive-src: 51_16_20100528120711_crawl101-c/51_16_20100528163442_crawl100.arc.gz server-timing: captures_list;dur=0.554647, exclusion.robots;dur=0.020109, exclusion.robots.policy;dur=0.008552, esindex;dur=0.010179, cdx.remote;dur=24.729814, LoadShardBlock;dur=193.155160, PetaboxLoader3.resolve;dur=92.905238, PetaboxLoader3.datanode;dur=118.646948, load_resource;dur=113.546513 x-app-server: wwwb-app219-dc8 x-ts: 200 x-tr: 503 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 x-location: All x-as: 14061 x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() content-encoding: gzip jQuery UI - ThemeRoller

ThemeRoller

Roll Your Own
Gallery
Help

Download theme

Collapse Font Settings

Family

Weight

Size

Collapse Corner Radius

Corners:

Note: ThemeRoller uses CSS3 border-radius for corner rounding, which is not currently supported by Internet Explorer.

Collapse

abc

Content

Background color & texture %

Border

Text

Icon

Collapse

abc

Clickable: default state

Background color & texture %

Border

Text

Icon

Collapse

abc

Clickable: hover state

Background color & texture %

Border

Text

Icon

Collapse

abc

Clickable: active state

Background color & texture %

Border

Text

Icon

Collapse

abc

Highlight

Background color & texture %

Border

Text

Icon

Collapse

abc

Error

Background color & texture %

Border

Text

Icon

Collapse Modal Screen for Overlays

Background color & texture %

Overlay Opacity: %

Collapse Drop Shadows

Background color & texture %

Shadow Opacity: %

Shadow Thickness:

Top Offset:

Left Offset:

Corners:

Using ThemeRoller

ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like.

If you'd like to use a pre-designed theme, select the Theme Gallery tab and choose from one of the themes in the gallery. You can choose to download or customize any theme from there. To save a theme for later, simply bookmark or copy the URL.

Plugin Developers

jQuery UI is now driven by a powerful custom CSS framework. The framework is designed to be used not only for our own jQuery UI components, but for custom UI widget development as well! Visit the jQuery UI documentation to learn more about the new jQuery UI CSS Framework.

Browser Support Notice

ThemeRoller uses CSS3 border-radius for its round corners. Due to lack of support, corners will appear square in Internet Explorer. ThemeRoller also currently produces transparent PNG images. We plan to upgrade the icons to support IE6 very soon, but for the time being, you will need to use a pngFix plugin to get good-looking icons in IE6.

New! Bring ThemeRoller into any page: Get the ThemeRoller Firefox Bookmarklet!

Accordion

Section 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Section 2

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Section 3

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

List item one
List item two
List item three

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.

Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.

Dialog

Open Dialog

Overlay and Shadow Classes

Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat.

Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci.

Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.

Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante.

Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.

jQuery User Interface

ThemeRoller

Using ThemeRoller

Plugin Developers

Browser Support Notice

Accordion

Section 1

Section 2

Section 3

Tabs

Dialog

Overlay and Shadow Classes

Framework Icons (content color preview)

Button

Autocomplete

Slider

Datepicker

Progressbar

Highlight / Error