Funciones de JQUERY MOBILE

The data-role="page" is the page displayed in the browser
The data-role="header" creates a toolbar at the top of the page (often used for title or search buttons)
The data-role="main" defines the content of the page, like text, images, buttons, forms, etc.

The data-role="footer" creates a toolbar at the bottom of the page

Cualquier página se puede presentar como un cuadro de diálogo modal que parece estar suspendido sobre la página añadiendo un atributo al enlace que lleva a la página de diálogo.

Cualquier página se puede presentar como un diálogo modal añadiendo el diálogo de datos = atributo "verdadero" a la página. Cuando se aplica el atributo de "diálogo", el marco añade estilos para agregar esquinas redondeadas, márgenes alrededor de la página y un fondo oscuro para hacer que el "diálogo" parecen estar suspendido sobre la página. Por defecto, el marco también añadirá un botón de cierre si el diálogo tiene un encabezado.

<a href="dialog.html" class="ui-shadow ui-btn ui-corner-all ui-btn-inline" data-transition="pop">Open dialog</a>

La forma más fácil de crear temas personalizados es con la herramienta ThemeRoller. Permite que usted construya un tema, a continuación, descarga un archivo CSS personalizado, dispuesto a dejarse caer en su proyecto.

El sistema separa el tema del color y la textura de los estilos estructurales que definen cosas como relleno y dimensiones. Esto permite que los colores del tema y texturas que se definirán una vez en la hoja de estilo y para ser mezclados, emparejados, y se combinan para lograr una amplia gama de efectos visuales.

Cada tema incluye varios ajustes globales, incluyendo la familia de fuentes, sombras para los recubrimientos y valores de radio de esquina para los botones y cajas. Además, el tema puede incluir múltiples muestras de color, cada uno con valores de color para bares, bloques de contenido, botones y elementos de lista y la fuente del texto-sombra.