Estilos utilizados en la interfaz de Business Process Choreographer Explorer

El archivo style.css contiene estilos que puede modificar para adaptar el aspecto de la interfaz de usuario por omisión.

Cuerpo de una página

Nombre de estilo Descripción
.pageBody Área de contenido principal en un diseño de tabla con dos columnas: navegador y contenido.
.pageBody td Celda individual en el diseño general del cuerpo de página.
.pageBodyNavigator Columna que contiene el navegador.
.pageBodyContent Columna que contiene el contenido.

Página de inicio de sesión

Nombre de estilo Descripción
.loginPanel Panel que contiene el formulario de inicio de sesión.
.loginTitle Título del formulario.
.loginText Texto instructivo.
.loginForm Formulario que contiene los controles de entrada.
.loginValues Tabla que determina el diseño de los controles.
.loginField Etiquetas utilizadas para los campos de inicio de sesión, por ejemplo, Nombre o Contraseña.
.loginValue Campo de entrada de texto.

Barra de menús

Nombre de estilo Descripción
.menubar Subvista de JSF.
.menuContainer Panel de contenedor que incluye los elementos de menú, por ejemplo, etiquetas y enlaces.
.menuItem Elemento en la barra de menús.
.menuitem a Elemento de menú que es un enlace.
.menuitem a:visited Elemento de menú que es un enlace que el usuario ha visitado.
.menuitem a:hover Pasar sobre un elemento de menú que es un enlace.

Navegador

Nombre de estilo Descripción
.navigator Vista JSF para el navegador que contiene los enlaces a las listas.
.navigatorTitle Título para cada recuadro de navegador.
.navigatorFrame División para cada recuadro de navegador, por ejemplo, para dibujar un límite.
.taskNavigatorTitle Clase de títulos para recuadros de navegación. Se utilizan para distinguir entre enlaces a listas de objetos de procesos de empresa y objetos de tareas humanas.
.navigatorItem Elemento del recuadro de navegador.
.navigatorItemList Elemento que representa una lista.
.expanded / .expanded div / .expanded a .expanded a:visited Se utiliza cuando se expanden los recuadros de navegador.
.collapsed Se utiliza cuando se contraen los recuadros de navegador.

Paneles de contenido

Nombre de estilo Descripción
.panelContainer Panel de división que contiene la lista, detalles o mensajes. Este elemento está incorporado en la columna pageBodyContent.
.panelTitle Título para el contenido visualizado, por ejemplo, Mis tareas.
.panelHelp Contenedor de división que contiene el texto de ayuda y el icono.
.panelGroup Contenedor de división que contiene la barra de mandatos y la lista, detalles o mensaje.

Barra de mandatos

Nombre de estilo Descripción
.commandbarHeader Título por encima de la barra de mandatos.
.commandbar Contenedor de división alrededor del área de barra de mandatos.

Listas

Nombre de estilo Descripción
.listHeader Estilo utilizado en la fila de cabecera de la lista.
.list Tabla que contiene las filas.
.list tbody td, .list th Estilos para la fila de cabecera.
.list thead input, .list tbody input Recuadro de selección para listas.
.list tfoot td La última entrada de fila es la información de pie.
.list tfoot div Contenedor de división alrededor de los elementos de pie.
.list tfoot input Controles de entrada del pie.
.list a / .list a:visited Para los enlaces representados en la lista.

Panel de detalles

Nombre de estilo Descripción
.details Contenedor de división alrededor del panel de detalles.
div.details Detalla los estilos que se incorporan en el contenedor de división.
table.details Detalla los estilos que se incorporan en el contenedor de tabla.
td.detailsProperty Etiqueta de un nombre de propiedad.
td.detailsValue Texto de un valor de propiedad.

Datos de mensaje

Nombre de estilo Descripción
.messageData Contenedor de división alrededor de un mensaje.
.messageData table Contenedor de tabla en que se coloca el mensaje.
.messageDataButton Estilo de botón para los botones Añadir y Eliminar en el formulario de mensaje.
.messageData td / .messageData th Células de cuerpo y cabecera.
.messageDataOutput Para representar texto de sólo lectura.
.messageDataValidInput Para los valores de mensaje que son válidos.
.messageDataInvalidInput Para los valores de mensaje que no son válidos.

Paneles con separadores

Nombre de estilo Descripción
.tabbedPane Contenedor de división alrededor de todos los paneles con separadores.
.tabHeader Cabecera de separador de un panel con separadores.
.tabHeader ul Cada cabecera se organiza en una lista no ordenada.
.tabHeader li Cada etiqueta de cabecera es un elemento de lista.
.tabHeader a / .tabHeader a:hover / .tabHeader a.tab Etiqueta de cabecera como enlace.
.tabHeader a.selectedTab Cabecera de separador seleccionada.
.tabPane Contenedor de división que encierra un panel con separadores.
.tabPane table Un panel siempre se incorpora en una cuadrícula de panel. Esta acción da como resultado un contenedor de tabla alrededor del panel.
.tabPane .list th, .tabPane .list tfoot div Valores de listas en un panel con separadores.

Detalles de error

Nombre de estilo Descripción
.errorPage Panel con separadores para una página de error.
.errorLink / .errorLink a / .errorLink a:visited Uso de estilos para representar los enlaces de botones en una página.
.errorDetails Panel con separadores con detalles de error.
.errorDetailsStack Panel con separadores con una pila de excepciones.
.errorDetailsStack table / .errorDetailsStack td La pila de excepciones que se muestra como filas de una tabla.
.errorDetailsMessage Estilo de texto para el mensaje de error.

Clasificación

Nombre de estilo Descripción
.ascending Estilo para la clase de cabecera de lista cuando la lista se clasifica según esta columna en orden ascendente.
.descending Estilo para la clase de cabecera de lista cuando la lista se clasifica según esta columna en orden descendente.
.unsorted Estilo para la clase de cabecera de lista cuando la lista no se clasifica según esta columna.

Condiciones de uso |


(c) Copyright IBM Corporation 2005, 2006.
Este centro de información está basado en tecnología Eclipse (http://www.eclipse.org)