Themes and Swatches

The jQuery Mobile CSS file is always the first asset we import in the head element (see Listing 7–2). This file contains the default structure and theming for jQuery Mobile applications. Take a moment and explore the contents of this file with your favorite editor.

Listing 7–2. jQuery Mobile CSS import

<head>    <link rel="stylesheet" type="text/css" href="jquery.mobile-min.css" />    <script type="text/javascript" src="jquery-min.js"></script>    <script type="text/javascript" src="jquery.mobile-min.js"></script> </head>

The jQuery Mobile CSS document is broken into two sections: a theme section and a structure section.

  • Theme – The top half of the document contains the default theme settings.  The theme settings manage ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.