jQuery Mobile Docs - Theming Pages

# Theming pages

Home Search

- Theme Overview
- A
- B
- C
- D
- E

## Theme D Sample Page

This is an example of `data-theme="d"` applied to the same element as `data-role="page"`, showing how the theme is inherited by widgets throughout the page.

Text Input:
Flip switch:
Slider:
Font styling: b i u
Choose a pet: Cat Dog Hamster Lizard
Choose shipping method:

## Collapsible Sets

### Section 1

I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the `data-collapsed="false"` attribute; to collapse me, either click my header or expand another header in my set.

### Section 2

I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

### Section 3

I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

## Inset List

- Inbox 12
- Outbox 0
- Drafts 4
- Sent 328
- Trash 62

### More in this section

- Pages & Dialogs
- Anatomy of a page
- Single page template
- Multi-page template
- Page titles
- Linking pages
- Page transitions
- Page loading widget
- Dialogs
- Popups
- Prefetching & caching pages
- Ajax, hashes & history
- Dynamically Injecting Pages
- Scripting pages
- Theming pages