Estrutura de um arquivo de tema JavaServer Faces 1.1: defaulttheme.jar

Sobre temas
Estrutura do arquivo JAR do tema padrão
Arquivo de manifesto
Arquivos de propriedades do tema
O arquivo javascript.properties
Folhas de estilo do tema
Seletores de CSS dos componentes
Imagens do tema
    arquivo images.properties
Mensagens do tema
Criando um tema

Sobre temas

Este documento descreve a estrutura do tema padrão dos componentes JavaServer Faces 1.1 disponíveis para projetos do J2EE 1.4 ou do J2EE 1.3 com o suporte a JSF Visual Web, principalmente os componentes nas categorias Básico, Layout e Composto da Paleta. Outros temas usados pelo IDE usam uma estrutura semelhante. Os temas que vêm com o IDE não devem ser editados.

Existem alguns arquivos de tema padrão disponíveis no IDE, um para componentes JavaServer Faces 1.2 e três para componentes JavaServer Faces 1.1. Eles se localizam no install-dir/rave2.0/modules/ext. Os arquivos são:

Pode haver outros temas nesse diretório, tais como temas para aplicações de amostra.

O tema padrão dos componentes JavaServer Faces 1.1, e o tema descrito neste documento, é defaulttheme.jar. O tema consiste em arquivos de imagens, JavaScript, e mensagens que são usadas pelos componentes para definir a aparência destes. Este documento descreve os arquivos que compõem o tema e como eles são usados pelos componentes.

Um tema inclui os arquivos seguintes:

Estrutura do arquivo JAR defaulttheme

O arquivo defaulttheme.jar contém os seguintes diretórios:

META-INF O arquivo MANIFEST.MF, descrito no Arquivo de manifesto

com/sun/web/ui/defaulttheme/JavaScript

Arquivos Javascript que são necessários para os componentes. Esses arquivos JavaScript são mapeados para chaves no arquivo javascript.properties, que se encontram em com/sun/web/ui/defaulttheme/properties.

com/sun/web/ui/defaulttheme/messages

O arquivo messages.properties, que contém o texto da mensagem exibida pelos componentes. Este arquivo mapeia chaves para o texto das mensagens.

com/sun/web/ui/defaulttheme/css

Arquivos de folha de estilo CSS necessários para componentes. Essas arquivos de css são mapeados parachaves nos arqiuvos de propriedades da folha de estilo, que se encontram no diretório com/sun/web/ui/defaulttheme/properties.

com/sun/web/ui/defaulttheme/images

Todas as imagens usadas pelos componentes. Este diretório contém um subdiretório para cada componente, que contém as imagens desse componente específico. Os arquivos de imagem são mapeados para chaves nos arquivos images.properties, que se encontra em com/sun/web/ui/defaulttheme/properties.

com/sun/web/ui/defaulttheme/properties

Contém os arquivos de propriedades do tema, que mapeiam chaves para as localizações dos recursos usados pelos componentes. Esses arquivos de propriedades contêm os mapeamentos de chaves para os arquivos localizados no JavaScript, css e diretórios de imagens.

Arquivo de manifesto

O arquivo MANIFEST.MF do tema contém informações sobre a versão do tema, o nome, o prefixo e os caminhos para os arquivos de propriedades. Este arquivo fica no diretório META-INF no nível superior do arquivo JAR. O módulo do tema lê o arqiuvo de manifesto da localização dos arquivos de propriedades.

O arquivo de manifesto do defaulttheme contém as seguintes chaves que definiem informações sobre o tema:

Implementation-Title: Sun Java Web User Interface Components Beta2 Theme: defaulttheme
Implementation-Version: 3.0.Beta2
Implementation-Vendor: Sun Microsystems, Inc.
Implementation-Vendor-Id: com.sun
Specification-Title: Sun Java Web User Interface Components Theme: defaulttheme
Specification-Version: 3.0
Specification-Vendor: Sun Microsystems, Inc.

O manifesto do defaulttheme contém as seguintes chaves que definem como o módulo do tema acessa esse tema específico e seus arquvos constituintes. Observe que em cada linha, o texto que segue um carectere # é um comentário.

Nome: com/sun/web/ui/theme/ # Localização do diretório do tema.
X-SJWUIC-SWAED-Version: 3.0 # A versão de SWAED dos componentes.
X-SJWUIC-Theme-Version: 1.0 # O número da versão do tema.
X-SJWUIC-Theme-Name: defaulttheme # O nome do tema.
X-SJWUIC-Theme-Prefix: /theme # Caminho relativo para o tema.
X-SJWUIC-Theme-Messages: arquivo com.sun.web.ui.defaulttheme.messages.messages # Location of messages.properties.
X-SJWUIC-Theme-Images: arquivo com.sun.web.ui.defaulttheme.properties.images # Location of image.properties.
X-SJWUIC-Theme-JavaScript: arquivo com.sun.web.ui.defaulttheme.properties.javascript # Location of javascript.properties. X-SJWUIC-Theme-Stylesheets: arquivo com.sun.web.ui.defaulttheme.properties.stylesheets # Location of stylesheet.properties.

Arquivos de propriedades do tema

Os arquivos de propriedades contém pares de valor de chave que mapeiam uma chave de propriedade para seu valor real. A chae é usada por componentes para localizar o caminho apropriado para uma imagem, arquivo JavaScript ou folha de estilo. Os nomes das chaves não podem ser alterados.

O tema usa os seguintes arquivos de propriedades:

javascript.properties

Contém chaves JavaScript que são usadas pelos componentes para localizar os arquivos JavaScript obrigatórios. As chaves são definidas para o caminho absoluto do arquivo JavaScript apropriado.Este arquivo de propriedade se encontra no diretório com/sun/web/ui/defaulttheme/properties. Consulte O arquivo javacript.properties para obter mais informações sobre as chaves JavaScript.

stylesheet.properties

Contém chaves de folha de estilo que especificam o caminho para os arquivos de folha de estilo necessários para as versões diferentes do navegador. Os componentes usam um conjunto diferente de estilos quando exibidos em versões diferentes dos navegadores da Web. Este arquivo de propriedade se encontra no diretório com/sun/web/ui/defaulttheme/properties. Consulte Folhas de estilo, chaves e seletores de tema para obter mais informações sobre as chaves de folha de estilo.

styles.properties
Contém as chaves de estilo que especificam os seletores de estilo de CSS que são usados nas folhas de estilo. Este arquivo de propriedade se encontra no diretório com/sun/web/ui/defaulttheme/properties. Consulte Folhas de estilo, chaves e seletores de tema para obter mais informações sobre chaves de estilo.

images.properties

Contém chaves de imagem que especificam os caminhos absolutos para imagens exibidas pelos componentes. Este arquivo de propriedade se encontra no diretório com/sun/web/ui/defaulttheme/properties. Consulte Imagens de tema para obter mais informações sobre as chaves de imagem.

messages.properties Contém chaves e valores para as mensagens exibidas pelos compontes. Este arquivo de propriedade se encontra no diretório com/sun/web/ui/defaulttheme/messages. Consulte Mensagens de tema para obter mais informações sobre as chaves de mensagem.

O arquivo de manifesto do tema especifica a localização dos arquivos de propriedade. Consulte a seção Arquivo de manifesto para obter mais informações.

O arquivo javascript.properties

O arquivo javascript.properties mapeia chaves JavaScript para arquivos JavaScript do componente que se encontram no diretório defaulttheme/JavaScript. Os arquivos JavaScript contêm funções usadas pelos componentes.

O arquivo javascript.properties contém as seguiintes chaves:

Tecla

Valor de chave no defaulttheme

Descrição

global global=basic As chaves dos arquivos JavaScript que devem ser incluídas em cada página. O valor desta chave é uma ou mais chaves dos arquivos JavaScript que todos os componentes precisam acessar. A chave deve ser definida como global=basic para que todos os componentes possam usar as funções formElements.js.

básico

basic=formElements.js

Funções JavaScript comuns para componentes.

addRemove

addRemove=addremove.js

Funções para o componente AddRemove.

calendário

calendar=calendar.js

Funções para o componente Calendário.

orderableList

orderableList=orderablelist.js

Funções para o componente OrderableList.

tabela

table=table.js

Funções para o componente Tabela.

árvore

tree=tree.js

Funções para o componente Árvore.

editableList

editableList=editablelist.js

Funções para o componente EditableList.


Folhas de estilos do tema

O arquivo JAR defaulttheme contém as seguintes folhas de estilo, localizadas em com/sun/web/ui/defaulttheme/css:

Seletores de CSS dos componentes

Os seletores de CSS que o módulo do tema fornece para os componentes são listados em tabelas nesta seção, que são organizadas de acordo com os componentes que as utilizam.

Seletores da Lista de adicionar/remover
Seletores de alerta
Seletores de Trilha
Seletores de Botão
Seletores de Calendário
Seletores de caixa de verificação e botão de opção
Seletores de lista suspensa
Seletores de Lista
Seletores da Ajuda in-line
Seletores de Mensagem/Grupo de mensagens
Seletores de Mini-aba
Seletores de Rótulo
Seletores de Alerta de página
Seletores de Folha de propriedades
Seletores de Link de navegação (SkipHyperlink)
Seletores de Tabela
Seletores de Aba
Seletores de Campo de texto/Área de texto/Senha
Seletores de Árvore


A tabela seguinte lista as classes de estilo CSS e as regras usadas para o defaulttheme.

Seletores de CSS

Descrição

BODY, TH, TD, P, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, h2, H2 , H3, H4, H5, H6, DL, DD, DT, UL, LI, OL, OPTION, OPTGROUP, A

Define os estilos padrão para cada uma dessas marcas, tais como background-color, margin, font type, font-size, etc.

.DefBdy Estilo de corpo padrão

.hidden

Usado quando o componente não é exibido

.disabled  

.float

Especifica float property.

Lista de Adicionar/remover início

Seletores de CSS

Descrição

.AddRmvLbl

Cor do rótulo e peso da fonte de AddRemove.
Estilo usado para meta-label ou rótulos de texto das caixas de listagem quando meta-label não tiver sido especificada

table.AddRmvBtnTbl .Btn1, table.AddRmvBtnTbl .Btn1Hov, table.AddRmvBtnTbl .Btn1Dis, table.AddRmvBtnTbl .Btn2, table.AddRmvBtnTbl .Btn2Hov, table.AddRmvBtnTbl .Btn2Dis

Estilos de botão da tabela AddRemove. Especifica width, margin.
O estilo da tabela que contém os botões -- há estilos seletores contextuais escritos nos botões para ajustar a aprência e o layout dos botões quando eles aparecem em uma tabela desta classe. Propriedades substituídas do IE: padding, width

.AddRmvLbl2

Cor do rótulo AddRemove para os rótulos da lista.
Estilo usado para os rótulos de texto das caixas de listagem quando meta-label não tiver sido especificada

.AddRmvVrtFst

Margem/largura mínima do preenchimento do botão Adicionar na orientação vertical de AddRemove. Propriedades substuídas do IE: margin, width

.AddRmvVrtWin

Margem/largura mínima usada para separar botões em um grupo funcional (ou seja Adicionar e Adicionar tudo) na orientação vertical das propriedades substituídas de AddRemove do IE: margin, width

.AddRmvVrtBwn

Margem/largura mínima usada para separar botões entre um grupo funcional (ou seja, Adicionar tudo e Remover) na orientação vertical de AddRemove. Propriedades substuídas do IE: margin, width

.AddRmvVrtBtn

Largura a ser definida para os botões AddRemove verticais

.AddRmvHrzWin

Margem/largura mínima usada para separar botões em um grupo funcional (ou seja, Adicionar e Adicionartudo) na orientação horizontal de AddRemove. Propriedades substuídas do IE: margin, width

.AddRmvHrzBwn

Margem/largura mínima usada para separar botões entre um grupo funcional (ou seja, Adicionar tudo e Remover) na orientação horizontal de AddRemove. Propriedades substuídas do IE: margin, width

.AddRmvHrzLst Usado para manter ao layout intacto.

.AddRmvHrzDiv

Margem, estilo de flutuação e tipo de exibição usado para manter o alinhamento da orientação horizontal de AddRemove. (Este tipo é inline-table nos temas atuais.)

Alerta início

Seletores de CSS

Descrição

.AlrtErrTxt

A aparência do texto dos cabeçalhos de mensagem de erro. Propriedades substituídas do IE: margin-bottom

.AlrtWrnTxt A aparência do texto dos cabeçalhos de mensagem de aviso.
.AlrtInfTxt A aparência do texto dos cabeçalhos de mensagem informativa.

a.AlrtLnk:link, a.AlrtLnk:visited, a.AlrtLnk:hover

Aparência do link no texto da mensagem

.AlrtMsgTxt

Aparência do texto da mensagem de alerta

.AlrtLnkDiv

Usado para criar espaço vertical entre o texto da mensagem e o link opcional

.AlrtErrTxt img, .AlrtWrnTxt img, .AlrtInfTxt img

Alinhamento vertical e margem das imagens que são renderizadas para o alerta.

.AlrtTbl

Usado para a tabela que contém a mensagem do alerta in-line.

Trilha início

Seletores de CSS

Descrição

.BcmWhtDiv

Margem, cor de segundo plano branca para a trilha.

.BcmGryDiv

Preenchimento, cor de segundo plano cinza para a trilha.

a.BcmLnk:link, a.BcmLnk:visited,a.BcmLnk:hover

Cor e decoração do texto para links na trilha.

.BcmTxt

peso da fonte, cor do texto da última trilha.

.BcmSep

Cor e margem do separador entre as trilhas.

Botão início

Seletores de CSS

Descrição

.Btn1

Classe de estilo comum para botões primários. Imagem do segundo plano – URL apontando para a background-image on the button, background-color, color, border-top, border-left, border-right, border-bottom, background-repeat, background-position, font-size, margin, padding. Propriedades substituídas do IE: padding, width, overflow

.Btn1Hov

Estilo do cursor do botão (mouse sobre). As mesmas propriedades para Btn1, mais a configuração do tipo de cursor. Propriedades substituídas do IE: padding, width, overflow, cursor

.Btn1Mni

Propriedades do estilo do minibotão. Os mesmos parâmetros de .Btn1 Propriedes substituídas do IE: width, overflow

.Btn1MniHov

Propriedades do estilo hover do minibotão. Os mesmos parâmetros especificados para Btn1Hov. Propriedades substituídas do IE: cursor, width, overflow

.Btn2

Clase de estilo do botão secundário. Os mesmos parâmetros especificados para .Btn1 Propriedades substituídas do IE: padding, width, overflow

.Btn2Hov

Classe do estilo do cursor do botão secundário. Os mesmos parâmetros especificados para .Btn1Hov. Propriedades substituídas do IE: padding, width, overflow, cursor

.Btn2Mni

Classes de estilo para minibotão secundário. Os mesmos parâmetros de .Btn1Mni Propriedades substituídas do IE: width, overflow

.Btn2MniHov

Classes de estilo do minicursor do botão secundário. Os mesmos parâmetros de .Btn1MniHov. Propriedades substituídas do IE: cursor, width, overflow

.Btn1Dis/.Btn2Dis

Classe de estilo desativada do botão primário/botão secundário. Define margin, width, color, padding, background-color, border, font-size. Propriedades substituídas do IE: padding, width, overflow

.Btn1MniDis/Btn2MniDis

Minibotão primário/secundário
Classe de estilo desativada do minibotão. Os mesmos parâmetos para especificados em .Btn1Dis Propriedades substituídas do IE: width, overflow

.BtnTbl .Btn1, .BtnTbl .Btn1Hov, .BtnTbl .Btn1Dis, .BtnTbl .Btn2, .BtnTbl .Btn2Hov , .BtnTbl .Btn2Dis

Para matrizes em que os botões precisam ser da mesma largura. Define width e margin.

.BtnAryDiv(not referenced)

Estilo da margem do botão. Define margin aqui.

MstDiv .Btn1, .MstDiv .Btn1Mni, .MstDiv .Btn1Hov, .MstDiv .Btn1MniHov, MstDiv .Btn2, .MstDiv .Btn2Mni,.MstDiv .Btn2Hov, .MstDiv .Btn2MniHov

Propriedades de classe de estilo revisadas para mastheads. Os parâmetors a serem especificados são border-top, border-left, border-right, border-bottom and vertical-align. Propriedades substituidas do IE: vertical-align.

Calendar início

Seletores de CSS

Descrição

.CalPopDiv

Estilo div do calendário pop up Especifica display, position, float, top, left.

.CalPopShdDiv

Estilo de sombra de div do calendário popup Especifica display, position, padding, z-index, float, top, left.

.CalPopShd2Div

Estilo de sombra 2 do calendário. Especifica display, position, float

.CalPopDiv a.DatCurLnk:link

Link de calendário da data atual. Especifica color, background-color, text-decoration, border, display, font-weight, padding, position, float.

.CalPopDiv a.DatCurLnk:visited

Depois que o link de data atual é visitado. Especifica color, background-color, text-decoration, border, display, font-weight, padding.

.CalPopDiv a.DatCurLnk:hover

Propriedade hover do link de data atual. Especifica text-decoration.

.CalPopDiv a.DatLnk:link

Link de dadda no calendário. Especifica color, background-color, text-decoration, border, display, padding.

.CalPopDiv a.DatLnk:visited

Link de data visitado no calendário. Especifica color, background- color, text-decoration, border, display, padding.

.CalPopDiv a.DatLnk:hover

Propriedade hover do link de data. Especifica text-decoration, display, padding.

.CalPopDiv a.DatBldLnk:link

Coloca o link de data em negrito. Especifica color, background-color, text-decorations, display, font-weight, padding.

.CalPopDiv a.DatBldLnk:visited

After the date link (bold) has been visited. Especifica color, background-color, border, text-decoration, display, font-weight, padding.

.CalPopDiv a.DatBldLnk:hover

Estilo ao passar sobre o link de data (negrito). Especifica text-decoration for this.

.CalPopDiv a.DatOthLnk:link

Estilo dos links de data que estão fora do mês atual. specify color, background-color, border, text-decorations, display, padding.

.CalPopDiv a.DatOthLnk:visited

Estilo dos links de data visitados que estão fora do mês atual. Especifica color, background-color, border, text-decorations, display, padding.

.CalPopDiv a.DatOthLnk:hover

Estilo para passar sobre os links de data acima que estão fora do mês atual. Especifica text-decoration, border.

.CalPopDiv a.DatOthBldLnk:link

Estilo para links em negrito que estão fora do mês atual. Especifica color, background-color, border, text-decorations, display, font-weight, padding.

.CalPopDiv a.DatOthBldLnk:visited

Estilo para links em negrito visitados que estão fora do mês atual. Especifica color, background-color, border, text-decorations, display, font-weight, padding.

.CalPopDiv a.DatOthBldLnk:hover

Estilo para passar sobre links em negrito que estão fora do mês atual. Especifica text-decoration.

.CalPopDiv .DatSelDiv

Estilo da camada que envolve a entada do mês e do ano. Especifica background-image, background-color, border, background-repeat, background-style, padding-top, text-align, -moz-border-radius. Propriedades substituídas do IE: margin-bottom

.CalPopDiv .DatSelDiv input

Estilo de classe do DatSelDiv ao especificar entrada. Especifica padding.

.CalPopDiv .DatSelDiv select

Classe de estilo de DatSelDiv ao selecionar um mês específico. Especifica margin.

.CalPopDiv .DatCalDiv

Especifica style for calendar's div. Especifica background-color, border, border-top, text-align, padding Overridden properties for IE: padding, border-left, border-right, border-bottom, border-top.

.CalPopDiv .DatDayHdrTxt

Classe estilo do intervalo que mostra o dia da semana. Especifica color, font-weight, padding, display.

.CalPopDiv .DatCalTbl

Estilo da tabela do calendário. Especifica border-left, border-right property. Propriedades substituídas do IE: border-top, border-bottom, width.

.CalPopDiv .DatCalTbl td

Propriedade style da marca td da tabela. Especifica border property, width.

.CalPopDiv .DatCalTbl th

Propriedade style da marca th da tabela. Especifica border-bottom, border-left, border-right, background-color, width, padding-top. Propriedades substituídas do IE: border-top.

.CalPopDiv .MnuJmp

Estilo do drop down de salto

Especifica color property.

.CalPopDiv .MnuJmp option

Estilo das opções no drop down de salto Especifica color property.

.CalPopDiv .DatCalTbl td.CalPopFtr

O estilo da mensagem da tabela do selecionador de data que indica que dia é hoje. Especifica border, width.

.CalPopDiv .CalPopFtrDiv

A div da mensagem da tabela do selecionador de datas que indica que dia é hoje. Especifica background-image, background-repeat, background-color, border, background -position, float, width.

.CalPopDiv .CurDayTxt

O texto da mensagem da tabela do selecionador de data que indica que dia é hoje.

Especifica color, float, clear, padding, font-weight, font-size.

.CalPopDiv a.CalPopClsLnk:link

Classes de estilo para o link de “fechamento” que fica próximo do texto do dia atual. Especifica text-decoration, color, font-size, float, margin, padding, border properties.

.CalPopDiv a.CalPopClsLnk:active

Classes de estilo para o link de “fechamento” que fica próximo do texto do dia atual. Especifica text-decoration, color, font-size, border properties.

.CalPopDiv a.CalPopClsLnk:hover

Estilo ao passar o mouste sobre o link de “fechamento”. Especifica text-decoration property.

.CalPopDiv .DatSelDiv input

Classe de estilo do estilo de entrada de div da data selecionada. Especifica padding-top.

.CalPopFldLbl

Classe de estilo do rótulo da data inicial. Display, margin-right, padding-top.

.CalPopFldImg img

Classe de estilo do link href que mostra as datas. Especifica margin. Propriedades substituídas do IE: margin-bottom

Caixas de verificação e Botões de opção início

Seletores de CSS

Descrição

.Cb

Usado para estilos de caixa de verificação de referência.

.CbDis Propriedade desativada para caixa de verificação. Especifica color, background-color. Define background-color para caixas de verificação desativadas, corrige um bug do Netscape 7 em que o usuário não pode informar se uma caixa de verificação desativada está marcada.
.CbLb Estilo do rótulo da caixa de verificação.
.CbLblDis Estilo desativado do rótulo da caixa de verificação.
.CbImg Estilo da imagem da caixa de verificação.
.CbImgDis Estilo desativado da imagem da caixa de verificação.
.CbSpn Estilo de span da caixa de verificação.
.CbSpnDis Estilo desativado de span da caixa de verificação
.CbGrp Estilo do grupo de caixas de verificação.
.CbGrpCpt Estilo da legenda do grupo de caixas de verificação.
.CbGrpLbl Estilo do rótulo do grupo de caixas de verificação.
.CbGrpLblDis Estilo desativado do rótulo do grupo de caixas de verificação.
.CbGrpRwEv Estilo de linha par do grupo de caixas de verificação.
.CbGrpRwOd Estilo de linha ímpar do grupo de caixas de verificação.
.CbGrpClEv Estilo de coluna par do grupo de caixas de verificação.
.CbGrpClOd Estilo da coluna ímpar do grupo de caixas de verificação.
.Rb Usado para estilo de botão de opção de referência.
.RbDis Propriedade desatiada para botões de opção. Especifica color, background-color. Define background-color para caixas de verificação desativadas, corrige um bug do Netscape 7 em que o usuário não pode informar se uma caixa de verificação desativada está marcada.
.RbLb Estilo do rótulo do botão de opção
.RbLblDis Estilo desativado do rótulo do botão de opção.
.RbImg Estilo da imagem do botão de opção.
.RbImgDis Estilo desativado da imagem do botão de opção.
.RbSpn Estilo de span do botão de opção
.RbSpnDis Estilo desativado de span do botão de opção
.RbGrp Estilo do grupo de botões de opção.
.RbGrpCpt Estilo da legenda do grupo de botões de opção.
.RbGrpLbl .Estilo de rótulo do grupo de botões de opção
.RbGrpLblDis Estilo desativado do rótulo do grupo de botões de opção.
.RbGrpRwEv Estilo de linha par do grupo de botões de opção.
.RbGrpRwOd Estilo de linha ímpar do grupo de botões de opção.
.RbGrpClEv Estilo de coluna par do grupo do botão de opção.
.RbGrpClOd Estilo da coluna ímpar do grupo de botões de opção.
   
Lista suspensa início

Seletores de CSS

Descrição

.MnuJmpOptGrp

Estilo do grupo de opções do menu Saltar. Especifica color, font-weight, font-style.

.MnuStdOptGrp

Aparência de optgroup do menu. Especifica color, font-weight, font-style.

.MnuStdOpt

Aparência de opção ativada do menu padrão. Especifica color.

.MnuStdOptSel

Aparência de opção selecionada do menu padrão. Especifica color.

.MnuStd

Aparência do menu padrão. Especifica color, border-bottom-color, border-right-color.

.MnuJmpOptSep

Estilo do separador do menu Saltar. Especifica color.

.MnuJmpOptDis

Aparência das opções desativadas do menu Saltar Especifica color.

.MnuStdOptDis

Aparência de opção desativada do menu padrão. Especifica color.

.MnuJmpDis

Aparência desativada do menu de salto. Especifica background-color, color.

.MnuStdDis

Aparência desativada do menu padrão. Especifica background-color, color.

.MnuJmp

Aparência do menu Saltar. Especifica color, border-bottom-color, border-right-color.

.MnuJmpOpt

Aparência das opções do menu Saltar. Especifica color.

.MnuJmpOpt:hover

Aparência da sobreposição da opção do menu Saltar. Especifica text-decoration.

.MnuJmpOptSel

Aparência da opção selecionada do menu Saltar. Especifica color, font-weight.

Ajuda in-line início

Seletores de CSS

Descrição

.HlpPgeTxt

O texto da página da ajuda. Define color.

.HlpFldTxt

O texto do campo da ajuda. Define color, font-size and padding-top

a.HlpPgeLnk:link, a.HlpPgeLnk:visited,

Estilo de link da página da Ajuda. Define color, text-decoration.

a.HlpFldLnk:link, a.HlpFldLnk:visited

Estilo de link do campo da Ajuda. Define color, text-decoration, font-size.

a.HlpPgeLnk:hover

Estilo de sobrepisoção do link da página da ajuda. Define color, text-decoration.

a.HlpFldLnk:hover

Estilo de sobreposição do link de campo da ajuda. Define font-size, color e text-decoration.

   
Rótulo início

Seletores de CSS

Descrição

.LblLev1Txt

Estilo do rótulo de nível 1. Especifica color, font-size, font-weight.

.LblLev2Txt

Estilo do rótulo de nível 2. Especifica color, font-weight.

.LblLev2smTxt

Estilo de texto pequeno do rótulo de nível 2. Especifica font-size, font-weight.

.LblRqdDiv

Estilo de div do rótulo do ícone obrigatório. Especifica color.

.LblLev3Txt

Estilo do rótulo de nível 3. Especifica color.

Lista início

Seletores de CSS

Descrição

.Lst

Classe de estilo da lista. Especifica color, border-bottom-color, border-right-color.

.LstOpt

Estilo das opções da lista. Especifica color.

.LstOptSel

Opção selecionada em uma lista. Especifica color.

.LstOptGrp

Estlio do grupo de opções da lista. Especifica color, font-weight, font-style

.LstDis .LstOptGrp

Estilo de grupo de opções de lista desativado. Especifica color, background-color.

.LstOptSep

Separador das opções da lista. Especifica color.

.LstOptDis

Estilo desativado da opção da lista. Especifica color.

.LstDis

Aparência de lista desativada. Especifica border-bottom-color, border-right-color, color, background-color, font-weight, font-style.

.LstDis option

Estilo das opções na lista desativada. Especifica background-color, color.

.LstMno

Estilo de lista Monsospace. Especifica border-bottom color, border-right color, color, font-family, font-weight, font-space.

.LstMno option

Estilo de opção da lista Monsospace. Especifica font-family.

.LstMno .LstOptGrp

Estilo de opção do grupo de listas Monsospace. Especifica color, font-space, font-family, font-weight

.LstMnoDis

Estilo desativado da lista Monsospace. Especifica font-family, font-weight, font-syle, background-color, color

.LstMnoDis option

Estilo de opções de lisa desativada do monospace. Especifica font-family, background-color, color.

.LstMnoDis .LstOptGrp

Estilo de lista de opções agrupada desativada do monospace. Especifica font-weight, font-style, background-color, color.

.LstAln

Estilo de alinhamento da lista. Especifica vertical-align, padding style.

   
Mensagem e Grupo de mensagens início

Seletores de CSS

Descrição

.MsgFldSumTxt

Estilo de texto resumido do campo Mensagem. Especifica color, font-weight.

.MsgFldTxt

Estilo de texto detalhado da mensagem. Especifica color.

.MsgGrpTbl

Estilo da tabela do grupo de mensagens. Especifica border-left, border-top, border-bottom, border-right properties. Propriedades substituídas do IE: margin-bottom

.MsgGrpTbl td

Estilo td da tabela do grupo de mensagens. Especifica background-color, padding. Propriedades substituídas do IE: width.

.MsgGrpTblTtl

Estilo de titulo da tabela do grupo de mensagens. Especifica color, background-color, border-top, border-left, border-right, text align, padding, font-weight, margin-top, font-size Overridden properties for IE: margin-top.

.MsgGrpDiv

Estilo de div do grupo de mensagens. Especifica margin.

.MsgGrpDiv ul

Estilo da lista desordenada de div do grupo de mensagens. Especifica padding, margin,color, list-style-type. Propriedades substituídas do IE: margin.

.MsgGrpDiv ul li

Estilo do item de lista da lista desordenada de div do grupo de mensagens. Propriedades substituídas do IE: margin-bottom

.MsgGrpSumTxt

Estilo de texto resumido do grupo de mensagens. Especifica display, font-weight, padding-bottom, color. Propriedades substituídas do IE: margin-bottom

.MsgGrpTxt

Estilo do texto renderizado no grupo de mensagens. Especifica display, padding-bottom, color.

Mini-abas início

Seletores de CSS

Descrição

.MniTabDiv

Estilo da div que contém as mini-abas de navegacão da esquerda. Especifica background-color, background-image, background-repeat, background-position, padding.

table.MniTabTbl td

Estilo do td da tabela que contém as mini-abas de navegacão da esquerda. Especifica background-color, background-image, border, background-repeat, background-position.

a.MniTabLnk:link, a.MniTabLnk:visited

Estilo de linke da marca <a> para as abas desmarcadas nas mini-abas de navegação esquerdas. Especifica color, text-decoration, display, font-size, padding.

.MniTabSelTxt

Estilo do texto na mini-aba de navegação selecionada da esquerda. Especifica color, text-decoration, display, padding, font-size.

table.MniTabTbl td.MniTabTblSelTd

Estilo de <td> célula da tabela contendo a mini-aba de navegaçào seleionada da esquerda. Especifica color, text-decoration, border-bottom, background-repeat, background-position.

.MniTabDiv td.hidden

Estilo td oculto de div da mini-aba. Especifica display.

table.MniTabTbl

Estilo de tabela da mini-aba. Especifica border-collapse.

a.MniTabLnk:hover

Propriedade hover do link da mini-aba. Especifica text-decoration.

.TabGrp

Estio do grupo de abas da mini-aba. Nenhum estilo especificado.

.TabGrp .TabGrpBox

Estilo da caixa do grupo de abas. Especifica border, border-top, padding.

.TabGrp .MniTabDiv

Estilo de div da mini-aba do grupo de abas. Especifica background-color, background-image.

.TabGrp a.MniTabLnk:link,

. TabGrp a.MniTabLnk:visited

Estilo do link da mini-aba do grupo de abas. Especifica padding.

.TabGrp .MniTabSelTxt

Estilo do texto selecionado da mini-aba do grupo de abas. Especifica padding.

.TabGrp .MniTabDiv td.hidden

Propriedade oculta de div da mini-aba do grupo de abas. Especifica display-property.

Alerta de página início

Seletores de CSS

Descrição

.FulAlrtHdrTxt

Estilo de texto do cabeçalho do alerta. Especifica margin, font-weight.

.FulAlrtMsgTxt

Estilo de texto da mensagem de alerta. Especifica color.

.FulAlrtHdrDiv

Estilo de div do cabeçalho da tabela. Especifica margin.

.FulAlrtMsgDiv

Estilo de div da mensagem de alerta. Especifica margin.

.FulAlrtFrmDiv

Estilo de div do formulário de alerta do bloco que contém os elementos do formulário ou outro conteúdo de texto que não seja de mensagem. Especifica margin.

Folha de propriedades início

Seletores de CSS

Descrição

.ConLin

Estilo do separador de linha da página do conteúdo. Usado para linhas do divisões de seção. Especifica border-right, background-color.

.ConFldSetLgdDiv

Estilo de div da legenda do conjunto de campos do conteúdo. Especifica color, font-size, font-weight, margin-bottom.

.ConSubSecTtlTxt

Estilo de texto da subseção de Contentpage. Especifica color, margin, font-size, font-weight. Propriedades substituídas do IE: margin, font-size, font-weight.

.ConFldSetLgd

Estilo da legenda do conjunto de campos de conteúdo. Especifica color.

.ConDefTxt

Estilo de texto da definição Contentpage. Especifica color.

.ConRqdTxt

Cor de texto obrigatória da página de conteúdo. Estilo chamado em um intervalo que envolte o texto "Indica informações obrigatórias". Especifica color.

.ConErrLblTxt

Estilo de texto do rótulo de erro da página de conteúdo. Chamado em um intervalo que contorna um rótulo com uma condição de erro. Especifica color, font-weight.

.ConWrnLblTxt

Estilo de texto do rótulo de aviso da página de conteúdo. Especifica color, font-weight.

a.JmpLnk:link, a.JmpLnk:visited,a.JmpLnk:hover

Estilo usado para links de salto na parte superior da página.
Especifica color, text-decoration, vertical-align.

a.JmpTopLnk:link, a.JmpTopLnk:visited, a.JmpTopLnk:hover

Estilo usado para links de volta ao inicio na parte inferior de cada seção. Especifica color, text-decoration.

.ConFldSet

Estilo do conjunto de campos do conteúdo. Estilo usado para o próprio fieldset (fieldset usado somente no IE). Estilo não especificado. Propriedades substituídas do IE IE: border, margin-top, margin-left

.ConFldSetLgd

Estilo de legenda do fieldset de ContentPage Estilo usado para a legenda do fieldset e para span redundante em torno da legenda (usado por todos menos o IE). Estilo não especificado. Propriedades substituídas do IE: font-size, font-weight, margin

.ConFldSetDiv

Estilo de div do conjunto de campos do conteúdo. Estilo usado para div redundante em torno da legenda do fieldset (fieldset usado somente no IE). Especifica margin.

.ConSubSecDiv

Estilo de div da subseção de ContentPage. Estilo que controla o layout de subseções. Especifica padding. Propriedades substituídas do IE: margin.

.ConTblCl1Div

Estilo de div da primeira coluna da tabela de Contentpage. Usado na coluna esquerda da tabela de layout do componente -- chamado em uma div que envolve o conteúdo de cada célula na coluna. Especifica margin.

.ConTblCl2Div

Estilo de div da coluna da segunda tabela de Contentpage. Usado na coluna direita da tabela de layout do componente -- chamado em uma div que envolve o conteúdo de cada célula na coluna. Especifica margin. Propriedades substituídas do IE: margin-bottom

.ConEmbTblCl1Div

Estilo de div da primeira coluna da tabela incorporada de Contentpage. Especifica margin. Se houver necessidade de tabelas de layout de componente incorporadas, este estilo é chamado em uma div que envolve o conteúdo de cada célula na coluna esquerda da tabela incorporada.

.ConEmbTblCl2Div

Estilo de div da segunda coluna da tabela incorporada de Contentpage. Especifica margin. Se houver necessidade de tabelas de layout de componente incorporadas, este estilo é chamado em uma div que envolve o conteúdo de cada célula na coluna direita da tabela incorporada.

.ConJmpScnDiv

Estilo de div jumpsection de Contentpage. Estilo chamado em uma div que envolte a seção do link de salto opcional da página. Especifica margin.

.ConJmpLnkDiv

Estilo de div do link de salto de Contentpage. Estilo chamado em uma div que envolve cada link de salto na seção de link de salto da página. Especifica margin, text-indent.

.ConRqdDiv

Estilo de div obrigatório da página de conteúdo. Estilo chamado em uma div que envolte o glifo obrigatório e o texto "Indica informações obrigatórias". Especifica text align, margin.

.ConJmpTopDiv

Salto da página de conteúdo para o estilo de div superior. Especifica margin.

.ConEmbTblCl1Div input[type=checkbox], .ConEmbTblCl1Div input[type=radio]

Estilo de div da primeira coluna da tabela incorporada de Contentpage para caixa de verificação e radiobuttons.Especifica margin, vertical-align.

div.ConTblCl2Div input, div.ConTblCl2Div select

Estilo de div da segunda coluna da tabela incorporada de Contentpage para entrada e estados selecionados. Especifica vertical-align.

   
Hyperlink ignorado início

Seletores de CSS

Descrição

.SkpWht Estilo de div do link de salto invisível. Especifica background-color, height.
.SkpMedGry1 Estilo de hyperlink ignorado com segundo plano colorido.
   
Tabela início

Seletores de CSS

Descrição

table.Tbl

Estilo de tabela mestre, todos os seletores contextuais se baseiam nele. Especifica background-color, color, width, padding, border-right, border-bottom. células vazias Propriedades substituídas do IE: width, padding, border-top, border-bottom, border-left, border-right, margin.

table.Tbl td

Estilo td da tabela. Especifica background-color, border-left, border-bottom, border-right, border-top, padding.

table.Tbl th

Estilo th da tabela. Especifica background-color, border-left border-bottom, border-right, border-top, padding, font-weight.

caption.TblTtlTxt

Estilo do texto do título da tabela, especificao na marca caption.

Especifica color, background-color, background-image, border-top, border-left, border-right,background-repeat, background-position, text-align, padding, font-weight, font-size, -moz-border-radius-topleft, -moz-border-radius-topright. Propriedades substituídas do IE: background-position, border-left, border-top.

caption.TblTtlTxt span

Estilo de interva da legenda. Especifica font-weight, font-size.

caption.TblTtlTxt span.TblTtlMsgSpn

Estilo da mensagem da legenda. Especifica color, float, font-weight, font-size, margin-top. Propriedades substituídas do IE: color, font-weight, font-size, margin-top.

caption.TblTtlTxt span.TblTtlTxtSpn

Estilo de texto da legenda. Especifica float, font-weight, font-size. Propriedades substituídas do IE: float, font-weight, font-size.

.TblTtlTxtSpn Usado para texto de mensagem alinhado à direita na barra de título.
.TblTtlMsgSpn Usado para exibir mensagens que mostram o número de seleções que não estão sendo exibidas.

table.Tbl td.TblActTd

Estilo td da barra de ação. Estilo da linha da barra de ação da tabela supurior (somente). Especifica background-color, border-left, border-bottom, padding, vertical-align. Propriedades substituídas do IE: padding, vertical-align.

table.Tbl td.TblActTd img

Estilo de imagem td da barra de ação. Propriedades substituídas do IE: specify margin-top.

table.Tbl td.TblActTdLst

Estilo da linha da barra de ação da tabela inferior (somente). Especifica border-top, background-color, border-left, border-bottom, padding, vertical-align. Propriedades substituídas do IE: padding, vertical-align.

table.Tbl td.TblActTdLst img

Estilo img td da última linha da tabela de ação. Propriedades substituídas do IE: margin-bottom

.TblActLbl

Estilo do rótulo da barra de ação. Especifica color, font-weight.

.TblPgnTxt

Estilo de texto da paginação. Usado para o rótulo "de x" nos controles de paginação. Especifica color, margin.

.TblPgnTxtBld

Estilo negrito do texto de paginação. Usado paa o rótulo “de x” nos controles de paginação. Especifica margin.

table.Tbl th.TblColHdrSel

Estilo do cabeçalho da coluna de seleção da tabela. Estilo do cabeçalho de coluna usado para componentes de coluna de widget de seleção -- sempre chamado em um <th>. Especifica border-top, border-left, border-bottom, background-color, vertical-align, padding.

table.Tbl th.TblColHdrSrtSel

Estilo do cabeçalho de classificação da coluna de seleção da tabela. O estilo de cabeçalho da coluna usado quando a primeira coluna é a coluna de classificação atual e é uma coluna widget de seleção -- também chamada em um <th>. Especifica border-top, border-left, border-bottom, background-color, background-image, text-align, background-repeat, background-position, padding.

table.Tbl th.TblColHdrSel a.TblHdrLnk:link

Estilo do link do cabeçalho da coluna de seleção da tabela. Usado para texto em cabeçalhos de coluna da tabela. Especifica background-color, text-decoration, background-image, display, background-repeat, background-position, padding.

table.Tbl th.TblColHdrSel a.TblHdrLnk:visited

Estilo do link visitado do cabeçalho da coluna de seleção da tabela. Especifica background-color, text-decoration, background-image, display, background-repeat, background-position, padding.

table.Tbl th.TblColHdrSel a.TblHdrLnk:hover

Estilo do link de sobreposição do cabeçalho da coluna de seleção da tabela. Especifica background-color, text-decoration, background-image, background-repeat, background-position.

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:link

Estilo do link da imagem do cabeçalho de classificação da coluna de seleção da tabela. Usado para ícones de classificação em cabeçalhos da coluna da tabela. Especifica color, text-decoration, border-left, background, display, text-align, font-weight, padding-bottom, width.

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:visited

Estilo do link da imagem do cabeçalho de classificação da coluna de seleção da tabela. Especifica color, text-decoration, border-left, background, display, text-align, font-weight, padding-bottom, width.

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:hover

Estilo de sobreosição do link da imagem do cabeçalho de classificação da coluna de seleção da tabela. Especifica color, background-image, background-repeat, background-position, width.

table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:link, table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:visited

Estilo do link do cabeçalho de classificação da coluna de seleção da tabela. Especifica color, text-decoration, background, display, padding.

table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:hover

Estilo de sobreposiçõa do link da imagem do cabeçalho de classificação da coluna de seleção da tabela. Especifica background-image, background-repeat, background-position.

table.Tbl td.TblTdSel

Estilo td da célula da coluna de seleção da tabela. Usado para células quando a primeira coluna contém botões de opção ou caixas de verificação (este estilo é chamado em <th> dos cabeçalhos da primeira coluna e também em <td> ). Especifica background-color, text-align, vertical-align, padding.

table.Tbl td.TblTdSrtSel

Estilo td da célula da coluna de seleção de classificação da tabela. Usado para células quando a primeira coluna é uma coluna de classificação atual e a coluna contém botões de ou caixas de verificação, essas células precisam de preenchimento do lado esquerdo de 10px. Especifica background-color, text-align, vertical-align, padding.

table.Tbl th.TblColHdr

Estilo de cabeçalho da coluna da tabela. Estilo de cabeçalho de coluna padrão usado se o cabeçalho da coluna não estiver na coluna mais à esquerda, nem na coluna de widget de seleção, nem na coluna de classificação atual -- é sempre chamada em um <th>. Especifica border-top, border-left, border-bottom, background-color, vertical-align, padding.

table.Tbl .TblHdrTxt

Estilo do texto do cabeçalho da coluna. Estilo do texto do cabeçalho da coluna não-classificável. Especifica background-color, color, text-decoration, background-image, display, background-repeat, background-position, font-weight, padding, min-height.

table.Tbl a.TblHdrLnk:link

Estilo de link do cabeçalho da coluna. Especifica background-color, background-position, color, text-decoration, background-image, display, background-repeat, background-position, font-weight, padding.

table.Tbl a.TblHdrLnk:visited

Estilo visitado do link do cabeçalho da coluna. Especifica background-color, background-position, color, text-decoration, background-image, display, background-repeat, background-position, font-weight, padding.

table.Tbl a.TblHdrLnk:hover

Estilo do cursor do link do cabeçalho da coluna. Especifica color, background-color, text-decoration, background-image, font-weight, background-repeat, background-position.

table.Tbl a.TblHdrImgLnk:link

Link de imagem do cabeçalho da coluna. Especifica background-color, color, background-image, text-decoration, border-left, display, background-repeat, background-positon, white-space, padding, width.

table.Tbl a.TblHdrImgLnk:visited

Link de imagem visitado do cabeçalho da coluna. Especifica background-color, color, background-image, text-decoration, border-left, display, background-repeat, background-positon, white-space, padding, width.

table.Tbl a.TblHdrImgLnk:hover

Link da imagem do cursor do cabeçcalho da coluna. Especifica color, background-image, white-space, background-repeat, background-position, width.

table.Tbl th.TblColHdrSrt

Estilo de classificação do cabeçalho da coluna da tabela. Usado para cabeçalhos quando as colunas são a coluna de classificaçào atual. Especifica border-top, border-left, border-bottom, background-color, background-image, vertical-align, background-repeat, background-position

table.Tbl th.TblColHdrSrt a.TblHdrLnk:link

Estilo do link de classificação do cabeçalho da coluna da tabela. Especifica color, text-decoration, background, display, font-weight, padding.

table.Tbl th.TblColHdrSrt a.TblHdrLnk:visited

Estilo de link visitado de classificação do cabeçalho da coluna da tabela. Especifica color, text-decoration, background, display, font-weight, padding.

table.Tbl th.TblColHdrSrt a.TblHdrLnk:hover

Estilo de link de sobreposição de classificação do cabeçalho da coluna da tabela. Especifica color, text-decoration, background-image, font-weight, background-repeat, background-position.

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:link

Estilo do link de classificação de imagem do cabeçalho da coluna da tabela. Especifica color, text-decoration, border-left, background, display, font-weight, padding-bottom, width.

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited

Estilo do link visitado de classificação de imagem do cabeçalho da coluna da tabela. Especifica color, text-decoration, border-left, background, display, font-weight, padding-bottom, width.

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:hover

Estilo do link de sobreposição de classificação de imagem do cabeçalho da coluna da tabela. Especifica color, background-image, background-repeat, background-position.

table.Tbl span.TblColHdrSrtDis

Estilo de classificação desativado do cabeçalho da coluna da tabela. Usado ao redor do indicador de classificação não-selecionável em um cabeçalho de coluna de widget de seleção quando a coluna é a coluna de classifição primária atual. Especifica color, text-decoration, border-left, background, display, text-align, padding.

table.Tbl span.TblColHdrSelDis

Estilo desativado de seleção do cabeçalho da coluna da tabela. Usado em torno do indicador de classificação não-selecionável no cabeçalho da coluna de widget de seleção quando a coluna não é a coluna de classificação primária atual. Especifica background-image, background-color, color, text-decoration, border-left, display, background-repeat, background-position, white-space, padding, width.

table.Tbl th.TblMultColHdr

Estilo de cabeçalho de coluna múltipla. Usado para céluas que contêm um subgrupo do cabeçalho da coluna. Especifica border-top, border-left, border-bottom, vertical-align, background-color.

.TblMultHdrTxt

Estilo de texto do cabeçalho múltiplo. Usado para o texto do cabeçalho da coluna de uma célula com subgrupos de cabeçalho de coluna filha. Especifica color, font-weight.

table.Tbl th.TblMultHdr

Estilo de raiz de cabeçalho múltiplo. Usado para a célula que contém TABLE_MULTIPLE_HEADER _TEXT -- aumenta a largura dos subgrupos de cabeçalhos de coluna filha. Especifica border-bottom, border-top, border-left, background-color, text-align, padding.

table.Tbl th.TblMultColHdr a.TblHdrLnk:link

Estilo link da raiz de cabeçalho múltiplo. Especifica font-weight, color, text-decoration, border-top.

table.Tbl th.TblMultColHdr a.TblHdrLnk:visited

Estilo de link visitado da raiz do cabeçalho múltiplo. Especifica font-weight, color, text-decoration, border-top.

table.Tbl th.TblMultColHdr .TblHdrTxt

Estilo de texto do cabeçalho da tabela de coluna múltipla. Especifica font-weight.

table.Tbl th.TblMultColHdr a.TblHdrLnk:link img

Estilo de link da imagem do cabeçalho de coluna múltipla. Especifica margin.

table.Tbl th.TblMultColHdr a.TblHdrLnk:visited img

Estilo de link de imagem visitado do cabeçalho de coluna múltipla. Especifica margin.

TblMultColHdr .TblHdrTxt img

Estilo de imagem do texto do cabeçalho de coluna múltipla. Especifica margin.

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link img

Estilo de imagem do link do cabeçalho de classificação de coluna múltipla. Usado quando um subgrupo de cabeçalhos de coluna filha é a coluna de classificação atual. Especifica margin.

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited img

Estilo de imagem do link visitado do cabeçalho de classificação de coluna múltipla. Especifica margin.

table.Tbl th.TblMultColHdr a.TblHdrLnk:hover

Estilo de sobreposição do link do cabeçalho da tabela do cabeçalho de coluna múltipla da tabela. Especifica text-decoration, border-top.

table.Tbl th.TblMultColHdrSrt

Estilo do cabeçalho de classificação de coluna múltipla da tabela. Especifica margin.

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link

Estilo do link do cabeçalho da coluna de classificação múltipla. Especifica font-weight, background, color, text-decoration.

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited

Estilo visitado do link do cabeçalho da coluna de classificação múltipla. Especifica font-weight, background, color, text-decoration.

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:hover

Estilo de sobreposição do link do cabeçalho da coluna de classificação múltipla. Especifica color, background-image.

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:link

Estilo de link da imagem do cabeçalho da coluna de classificação múltipla. Especifica background, color, text-decoration, border-left.

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:visited

Estilo de link visitado da imagem do cabeçalho da coluna de classificação múltipla. Especifica background, color, text-decoration, border-left.

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:hover

Estilo de link de sobreposição de imagem do cabeçalho da coluna de classificação múltipla. Especifica color, background-image.

table.Tbl .TblTdSrt

Estilo de classificação td da tabela usado para células que não são do cabeçalho na coluna de classificação atual. Especifica background-color.

table.Tbl .TblColFtrSpc

Estilo do espaçador do rodapé da coluna da tabela. Usado para rodapés de coluna quando a coluna é uma coluna espaçadora. Especifica border-left, border-bottom, border-top, background-color, padding.

table.Tbl th.TblTdSpc

Estilo th do espaçador da tabela. Usado com as céluas do espaçador, que são usaas para aumentar a largura de duas ou três tabelas da coluna -- possui uma borda bem fina. Especifica border-top, border-left, border-bottom, background-color, vertical-align, padding.

table.Tbl td.TblTdSpc

Table spacer's td style. Especifica border-left.

table.Tbl .TblTdAlm

Estilo de alarme da tabela usado com céluas que conêm um alarme -- define a cor do segundo plano. Especifica background-color.

table.Tbl .TblTdSrtAlm

(não referenciado)

Estilo do alarme de classificação da tabela. Especifica background-color.

table.Tbl a:link

Estilo do link da tabela. Especifica color, text-decoration.

table.Tbl a:visited

Estilo do link visitado da tabela. Especifica color, text-decoration.

table.Tbl a:hover

Estilo do link de sobreposição da tabela. Especifica color, text-decoration.

.TblMsgTxt

Estilo do texto da mensagem da tabela. Usado para texto de mensagem em uma linha de título do subgrupo. Usado para o texto da mensagem exibido em uma tabela vazia. Especifica color.

table.Tbl tr.TblSelRow td

Estilo td da linha da tabela selecionada, aplicado a uma linha da tabela selecionada. Especifica background-color.

table.Tbl tr.TblSelRow th

Estijo th da linha da tabela selecionada. Especifica background-color.

table.Tbl .TblGrpRow

Estilo de linha do grupo de tabelas. Usado para uma célula que age como um título do subgrupo. Especifica background-color, border-left, border-bottom, border-top, background-image, background-repeat, background-position, vertical-align, min-height, padding. Propriedades substituídas do IE: background-repeat, background-position, vertical-align, padding.

.TblGrpTxt

Estilo de texto da tabela do grupo. Estilo de texto padrão para conteúdo de uma linha de título de subgrupo. Especifica color, text-decoration, font-weight, margin. Propriedades substituídas do IE: color, font-weight, margin.

table.Tbl .TblGrpLft input

Estilo de entrada do cabeçalho esquerdo do grupo de tabelas. Usado para conteúdo alinhado à esquerda em uma linha de título do subgrupo. Especifica margin. Propriedades substituídas do IE: margin.

.table.Tbl .TblGrpLft

Estilo do cabeçalho esquerdo do grupo de tabelas. Especifica float.

table.Tbl .TblGrpCbImg img

Estilo da imagem da caixa de verificação do grupo de tabelas. Usado para sobreposição de imagem de aviso no widget de seleção em uma linha de título do subgrupo. Especifica margin-left, margin-bottom. Propriedades substituídas do IE: margin-bottom

table.Tbl .TblGrpRt

Estilo do cabeçalho direito do grupo de tabelas. Usado para conteúdo alinhado à direita em uma linha de título do subgrupo. Especifica float.

table.Tbl .TblGrpMsgTxt

Estilo de texto da mensagem do grupo de tabelas. Especifica color.

table.Tbl .TblColFtr

Estilo do rodapé da coluna da tabela. Usado para células em cabeçalhos de nível de coluna. Especifica border-bottom, border-top, background-color, padding.

table.Tbl .TblColFtrSrt

Estilo do rodapé de classificação da coluna da tabela. Usado para células em cabeçalhos de nível de coluna quando a coluna é a coluna de classificação primária. Especifica background-color, border-bottom, border-top, font-weight.

.TblColFtrTxt

Estilo de texto do cabeçalho da coluna da tabela. Aparência padrão do texto em um rodapé de nível de coluna. Especifica color.

table.Tbl td.TblFtrRow

Estilo do rodapé da tabela. Usado para a célula no cabeçalho de nível de tabela. Especifica background-color, padding, border-left, border-bottom, vertical-align, text-align. Propriedades substituídas do IE: width.

table.Tbl .TblFtrRowTxt

Estilo de texto do rodapé da tabela Aparência padrão para texto em rodapé de nível de tabela. Especifica color, font-weight.

table.Tbl .TblFtrLft

Estilo de texto do rodapé esquero da tabela. Usado para conteúdo alinhado à esquerda no rodapé do nível da tabela. Especifica color, float, font-weight.

table.Tbl .TblGrpColFtr

Estilo do rodapé do grupo de tabelas. Usado para células em cabeçalhos de nível de grupo, nível de coluna. Especifica border-bottom, background-color.

table.Tbl .TblGrpColFtrSrt

Rodapé da coluna de classificação do grupo de tabelas. Usado para células em rodapés de nível de grupo, nível de coluna quando o rodapé está em uma coluna de classificação primária. Especifica background-color, border-bottom.

.TblGrpColFtrTxt

Estilo do texto do rodapé do grupo da tabela. Aparência padrão para texto em nível de grupo, rodapés de nível de coluna. Especifica column, font-weight.

table.Tbl .TblGrpFtrRow

Estilo do rodapé do grupo de tabelas Usado para céluas em nível de grupo, rodapé geral (ou seja, ocupa a largura da tabela). Especifica border-left, border-bottom, background-color, padding.

.TblGrpFtrRowTxt

Estilo do texto do rodapé do grupo de tabelas. Aparência padrão para texto em nível de grupo, rodapé geral. Especifica color, font-weight.

table.Tbl td.TblPnlTd

Estilo td do painel de tabela incorporado. Usado para célula que contém o filtro personalizado ocultável, painéis de classificação e de preferências Especifica background-color, border-top, border-left, border-right, border-bottom, padding, vertical-align.

.TblPnlShd3Div

Table shadow panel's 3 div's style. Usado para o painel a fim de cirar um efieto de sombreado em torno sua borda. Especifica border-left, border-right, border-bottom, margin-bottom, float, -moz-border-radius.

.TblPnlShd2Div

Estilo de div 2 do painel da sombra da tabela. Usado para o painel a fim de cirar um efieto de sombreado em torno sua borda. Especifica border-left, border-right, border-bottom, border-top, -moz-border-radius.

.TblPnlShd1Div

Estilo de div 1 do painel de sombra da tabela. Usado para o painel a fim de cirar um efieto de sombreado em torno sua borda. Especifica border-left, border-right, border-bottom, border-top, -moz-border-radius.

.TblPnlDiv

Estilo de div do painel da tabela. Especifica background-color, border, -moz-border-radius, padding, min-width.

.TblPnlTtl

Estilo do título do painel da tabela. Usado para o texto do título do painel. Especifica color, font-size, font-weight, padding.

.TblPnlLytDiv

Estilo do layout do painel da tabela. Usado para a div mais externa do painel. Especifica border-top, display, padding, margin-left.

.TblCstFltMnu

Estilo do menu do filtro personalizado da tabela. Especifica background-color, color, border-bottom-color, border-right-color.

.TblMgn

Estilo da margem da tabela. Usado para definir as margens 10px à esquerda e à direita da tabela. É chamado em uma marca <div> que envolve a tabela -- não é usado pelo IE. Especifica margin. Propriedades substituídas do IE: margin.

.TblPgnLftBtn

Estilo do botão de paginação esquerda da tabela. Especifica margin.

.TblPgnRtBtn

Estilo do botão de paginação direita da tabela. Especifica margin-right.

.TblPgnGoBtn

Estilo do botão "ir" (enviar) da paginação da tabela. Especifica margin-right.

table.TblHdrTbl

Estilo da tabela do cabeçalho da tabela Especifica background, width, border.

table.TblHdrTbl td

Estilo td da tabela do cabeçalho da tabela Especifica border, padding, vertical-align, background, width.

table.TblHdrTbl img

Estilo da imagem da tabela do cabeçalho da tabela. Especifica margin-bottom, padding-right, padding-left.

table.Tbl table.TblHdrTbl img

Estilo da imagem da tabela do cabeçalho da tabela. Propriedades substituídas do IE: margin-right, margin-left, padding-right, padding-left.

table.Tbl a.TblHdrImgLnk img

Estilo da imagem de link do cabeçalho da tabela. Usado para ícones de classificação em cabeçalhos da coluna da tabela. Especifica padding-right. Propriedades substituídas do IE: margin-right, padding-right.

table.Tbl th.TblColHdrSrt table.TblHdrTbl

Estilo da tabela do cabeçalho da coluna de classificação da tabela. Especifica background, width, border.

table.Tbl .TblHdrSrtNum

Estilo do número de classificação do cabeçalho da tabela. Estilo do texto do nível de classificação da tabela. Especifica font-size, font-weight, margin-left, width. Propriedades substituídas do IE: width.

table.Tbl span.TblColHdrSrtDis img

Estilo desativado da classificação da coluna do cabeçalho da tabela para imagens. Especifica padding-right. Propriedades substituídas do IE: margin-right, padding-right.

span.TblColHdrSelDis img

Estilo desativado de span do cabeçalho da coluna da tabela para imagens. Especifica padding-right.

table.Tbl .TblTdLyt img

Estilo de imagem do layout td da tabela. Especifica vertical-align, margin-bottom. Propriedades substituídas do IE: margin-bottom

table.Tbl .TblTdSrt img

Estilo de imagem da classificação da tabela. Especifica vertical-align, margin-bottom. Propriedades substituídas do IE: margin-bottom

table.Tbl .TblTdAlm img

Estilo de imagem do alarme de classificação da tabela. Especifica vertical-align, margin-bottom. Propriedades substituídas do IE: margin-bottom

table.Tbl .TblTdSrtAlm img (not referenced)

Estilo de imagem do alarme de classificação da tabela. Especifica vertical-align, margin-bottom. Propriedades substituídas do IE: margin-bottom

table.Tbl .TblTdSel img

Estilo de imagem de seleção da tabela. Especifica vertical-align, margin.

table.Tbl .TblTdSrtSel img

Estilo de imagem da classificação da coluna de seleção da tabela. Especifica vertical-align, margin.

.TblTdLyt

Estilo do layout da tabela. Nenhum especificado.

table.Tbl tr.TblHovRow td/ table.Tbl tr.TblHovRow th

Estilo da sobreposição da tabela para linha. Nenhum especificado.

table.Tbl .TblFtrMsgSpn

Estilo de span da mensagem do rodapé da tabela. Usado para definir o estilo da mensagem do cabeçalho da tabela. Especifica float.

.TblPnlCnt

Estilo do conteúdo do painel da tabela usado para o layout do conteúdo do painel.

.TblPnlBtnDiv

Estilo de div do botão do painel da tabela. Usado para o layout dos botões OK e Cancelar no painel. Especifica text-align, padding-top, margin-right.

.TblPnlHlpTxt

Estilo do texto da ajuda do painel da tabela. Usado para o texto da ajuda mostrado no painel. Especifica padding-top, white-space, font-size, max-width. Propriedades substituídas do IE: width.

.TblPnlSrtTbl td

Estilo da tabela do painel da tabela. Especifica padding.

.TtldBoxInrDiv .TblMgn

(não referenciado)

Margem da tabela da caixa entitulada. Especifica margin.

.TtldBoxInrDiv .Tbl

(não referenciado)

Estilo da tabela da caixa entitulada. Propriedades substituídas do IE: margin, width

   
Luz da tabela início

Seletores de CSS

Descrição

table.TblLt

Estilo da tabela. Estilo na marca da tabela após TABLE_, que faz com que a tabela seja renderizada no modo "compacto", que é visulamente mais leve. Especifica background-color, color, width, padding, border-bottom, empty-cells, border-collapse. Propriedades substituídas do IE: width, padding, margin-left, border.

table.TblLt td

Estilo td da tabela. Especifica border, padding, background-color.

table.TblLt th

Estilo th da tabela. Especifica border, padding, background-color, font-weight.

table.TblLt caption.TblTtlTxt

Estilo da legenda da tabela. Especifica text-align, color, pading, font-weight, font-size, border, background. Propriedades substituídas do IE IE: background-left, margin.

table.TblLt caption.TblTtlTxt span

Estilo do span da legenda da tabela. Especifica font-weight , font-size.

table.TblLt caption.TblTtlTxt span.TblTtlTxtSpn

Estilo do span do texto da legenda da tabela. Especifica float, font-weight, font-size.

table.TblLt caption.TblTtlTxt span.TblTtlMsgSpn

Estilo do span da mensagem da legenda da tabela. Especifica float, font-weight, font-size, color, margin-top.

table.TblLt td.TblActTd

Estilo da barra de ação. Especifica background-color, padding, vertical-align, background-image, background-repeat, background-position, border.

table.TblLt td.TblActTdLst

Estilo da última linha da tabela de ação. Especifica background-color, padding, vertical-align, background-image, background-repeat, background-position, border.

table.TblLt th.TblColHdrSel

Estilo do cabeçalho da coluna de seleção. Especifica border-top, border-left, border-bottom, background-color.

table.TblLt th.TblColHdrSrtSel

Estilo de classificação do cabeçalho da coluna de seleção. Especifica background-color, border-top, border-left, border-bottom, background-image.

table.TblLt th.TblColHdrSel a.TblHdrLnk:link

Estilo de link do cabeçalho da coluna de seleção. Especifica background-color, background-image, background-position.

table.TblLt th.TblColHdrSel a.TblHdrLnk:visited

Estilo visitado do link do cabeçalho da coluna de seleção. Especifica background-color, background-image, background-position.

table.TblLt th.TblColHdrSel a.TblHdrLnk:hover

Estilo de sobreposição do link do cabeçalho da coluna de seleção. Especifica background-color, background-image, background-position.

table.TblLt th.TblColHdrSrtSel a.TblHdrImgLnk:hover

Estilo de sobreposição do link da imagem da coluna de classificação. Especifica background-image, background-position.

table.TblLt th.TblColHdrSrtSel a.TblHdrLnk:hover

Estilo de sobreposição do link do do cabeçalho da coluna de seleção. Especifica background-image, background-position.

table.TblLt th.TblColHdr

Estilo do cabeçalho da coluna. Especifica border-top, border-left, border-bottom, background-color.

table.TblLt table.TblHdrTbl td

Estilo td da tabela do cabeçalho da tabela Especifica border, padding, margin, vertical-align, background, width.

table.TblLt a.TblHdrLnk:link

Estilo do link do cabeçalho da tabela. Especifica background-color, background-position, color, text-decoration, background-image, background-position, padding, min-height.

table.TblLt a.TblHdrLnk:visited

Estilo visitado do link do cabeçalho da tabela Especifica background-color, background-position, color, text-decoration, background-image, background-position, padding, min-height.

table.TblLt a.TblHdrLnk:hover

Estilo da sobreposição do link do cabeçalho da tabela. Especifica background-color, background-position, color, text-decoration, background-image, background-position.

table.TblLt a.TblHdrImgLnk:link

Estilo do link da imgaem do cabeçalho da tabela. Especifica background-color, color, text-decoration, border-left, background-image, background-position.

table.TblLt a.TblHdrImgLnk:visited

Estilo visitado do link de imagem do cabeçalho da tabela. Especifica background-color, color, text-decoration, border-left, background-image, background-position.

table.TblLt a.TblHdrImgLnk:hover

Estilo de sobreposição do link da imagem do cabeçalho da tabela. Especifica color, background-image, background-color.

table.TblLt span.TblColHdrSelDis

Estilo desativado da coluna de seleção do cabeçalho da tabela. Especifica background-color, color, text-decoration, border-left, background-image, background-position.

table.TblLt .TblHdrTxt

Estilo do texto do cabeçalho da tabela. Especifica background-color, color, text-decoration, background-image, background-position.

table.TblLt th.TblColHdrSrt

Estilo do cabeçalho da coluna de classificação da tabela. Especifica border-top, border-left, border-bottom, background-color, background-image.

table.TblLt th.TblColHdrSrt a.TblHdrLnk:hover

Estilo do link do cabeçalho da coluna de classificação da tabela. Especifica color, text-decoration, background-image.

table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:link

Estilo da imagem do link do cabeçalho da coluna de classificação da tabela. Especifica color, text-decoration, border-left.

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited

Estilo da imagem visitado do link do cabeçalho da coluna de classificação da tabela Especifica color, text-decoration, border-left.

table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:hover

Estilo da imagem de sobreposição do link do cabeçalho da coluna de classificação da tabela. Especifica color, background-image.

table.TblLt th.TblMultColHdr

Estilo do cabeçalho de coluna múltipla. Especifica border-top, border-left, border-bottom, background-color, margin, padding, vertical-align.

table.TblLt th.TblMultHdr

Estilo de raiz de cabeçalho múltiplo. Especifica border-bottom, background-color, border-top, border-left, text-align, padding.

table.TblLt th.TblMultColHdrSrt a.TblHdrLnk:hover

Estilo da sobreposição do link do cabeçalho de classificação de coluna múltipla da tabela. Especifica color, text-decoration, background-image.

table.TblLt th.TblMultColHdrSrt a.TblHdrImgLnk:hover

Estilo da imagem de sobreposição do link do cabeçalho de classificação de coluna múltipla da tabela. Especifica color, background-image.

table.TblLt .TblGrpRow

Estilo do grupo de tabelas. Especifica background-color, border-left, border-top, background-image, background-position, padding.

table.TblLt td.TblFtrRow

Estilo do rodapé da tabela. Especifica padding, border, background-color, vertical-align, text-align, border-left, border-right.

table.TblLt .TblFtrRowTxt

Estilo do texto do rodapé da tabela. Especifica font-weight, text style.

table.TblLt .TblColFtr

Estilo do rodapé da coluna. Especifica border-bottom, border-top, background-color.

table.TblLt .TblColFtrSrt

Estilo de classificação do rodapé da coluna da tabela. Especifica background-color, border-bottom, border-top.

table.TblLt .TblColFtrSpc

Estilo do espaçador do rodapé da coluna da tabela. Especifica border-left, border-bottom, border-top, background-color.

table.TblLt td.TblPnlTd

Estilo do painel incorporado da tabela. Especifica padding-left, border-top, border-bottom.

Conjunto de tabelas início

Seletores de CSS

Descrição

.Tab1Div

Estilo de div que contém as abas de nível 1. Especifica background-color, background-image, background-repeat, background-position, padding.

.Tab1Div table

Estilo da tabe'la de nível 1 da aba Especifica border-collapse.

a.Tab1Lnk:link, a.Tab1Lnk:visited

Estilo do link de nível 1 da aba das marcas <a> das abas não selecionadas de nível 1. Especifica color, text-decoration, display, padding, font-weight, text-align.

a.Tab1Lnk:hover

Estilo de sobreposição do link de nível 1 da aba. Especifica text-decoration.

.Tab1Div td

estilo td de div da tab de nível 1o. Especifica background-color, border, background-image, backround-repeat, background-position.

.Tab1Div td.Tab1TblSpcTd

Estilo do espaçador da tabela da aba de nível 1. Usado para as marcas <td> das células da tabela que separam as abas de nível 1 não selecionadas. Especifica background-color, background-image, backround-repeat, background-position, border.

.Tab1Div div.Tab1SelTxtNew

Novo estilo de texto selecionado da aba de nível 1 do texto que contém a aba selecionada de nível 1. Especifica color, display, padding, font-weight, text-align.div.

.Tab1TblSelTd Estilo da célula da tabela (td) que contén a aba de nível 1 selecionada.

table.Tab1TblNew td.Tab1TblSelTd

Estilo da tabela que contém o conjunto de abas de nível 1 quando a aba possui nível 1, e o estilo da tabela da aba de nível 1 selecionada. Especifica background-color, background-image, backround-repeat, background-position, border, border-bottom.

.Tab1Div td a.TabPad

Estilo de preenchimento da aba de nível Level. Especifica padding.

.Tab1Div td.Tab1TblSelTd div.TabPad

Estilo de preenchimento da aba selecionada de nível 1. Especifica padding.

table.Tab1Tbl2New td.Tab1TblSelTd

Estilo da tabela que contém o conjunto de abas de nível 1 quando a aba possui 2 níveis. Aba de nível 1 selecionada. Especifica background-color, background-image.

table.Tab1Tbl3New td.Tab1TblSelTd

Estilo da tabela que contém o conjunto de abas de nível 1 quando a aba possui 3 níveis. Aba de nível 1 selecionada. Especifica background-color, background-image.

.Tab2Div

Estilo de div que contém as abs de nível 2. Use como o estilo para acessar as classes de estilo do componente Aba de nível 2. Especifica background-color, background-image, background-repeat, background-position, padding.

.Tab2Div table

Estilo da tabela de nível 2 da aba. Especifica border-collapse.

a.Tab2Lnk:link, a.Tab2Lnk:visited

Estilo do link da aba de nível 2. Especifica color, text-decoration, display, padding, text-align.

a.Tab2Lnk:hover

Estilo de sobreposição da aba de nível 2. Especifica text-decoration.

.Tab2Div td

Estilo td da aba de nível 2. Especifica background-color, border, background-image, background-repeat, background-position.

.Tab2Div div.Tab2SelTxt

Estilo de texto selecioado da aba de nível 2. Especifica color, display, padding, font-weight, text-align.

table.Tab2TblNew td.Tab2TblSelTd

Estilo da tabela selecionada da aba de segundo nível. Especifica background-color, border-left, border-right, border-top, background-image.

.Tab2Div td.Tab2TblSelTd

Estilo da tabela selecionada da aba de segundo nível. Especifica border-bottom, background-repeat, background-position.

table.Tab2Tbl3New td.Tab2TblSelTd

Estilo selecionado 3 da tabela da aba de segundo nível. Especifica background-color, border-left, border-right, border-top, background-image.

.Tab2Div td a.TabPad

Estilo de preenchimento da aba de segundo nível. Especifica padding.

.Tab2Div td.Tab2TblSelTd div.TabPad

Estilo de preenchimento da aba selecionda de segundo nível. Especifica padding.

.Tab3Div

Estilo de div que contem as abas de nível 3. Use como o estilo para acessar as classes de estilo do componente Aba de nível 3. Especifica background-color, background-image, padding, background-repeat, background-position.

a.Tab3Lnk:link,a.Tab3Lnk:visited

Estilo de link <a> das abas desmarcas em nível 3. Especifica color, text-decoration, display, padding, text-align.

a.Tab3Lnk:hover

Estilo de sobreposição da aba de nível 3. Especifica text-decoration.

table.Tab3TblNew

Estilo de tabela da abba de nível 3. Especifica background-color.

table.Tab3TblNew td

Estilo td de tabela da aba de nível 3. Especifica border-bottom.

table.Tab3TblNew div.Tab3SelTxt

Estilo de texto selecionado da aba de nível 3. Especifica color, font-weight, padding, text-align.

table.Tab3TblNew td.Tab3TblSelTd

Estilo de tabela selecionada da aba de nível 3. Especifica border-left, border-right, border-top, background-color, background-image, border-bottom, background-repeat, background-position.

.Tab3Div td a.TabPad

Estilo de preenchimento da aba de terceiro nível. Especifica padding.

.Tab3Div td.Tab3TblSelTd div.TabPad

Estilo de preenchimento da aba selecionda de terceiro nível. Especifica padding.

.Tab1Div td.hidden, .Tab2Div td.hidden, .Tab3Div td.hidden

Estilo oculto da aba. Especifica display.

Capo de texto/Área de texto/Senha início

Seletores de CSS

Descrição

.TxtFld

Estilo do campo de texto. Especifica border-top, border-left, border-bottom, border-right, padding-left.

.TxtFldDis

Estilo desativado do campo de texto. Especifica background-color, color, border-top, border-left, border-right, border-bottom,padding-left.

.TxtAra

Estilo da área de texto. Especifica border-top, border-left, border-bottom, border-right, padding-left.

.TxtAraDis

Estilo desativado da área do texto. Especifica background-color, color, border-top, border-left, border-right, border-bottom,padding-left.

   
Árvore início

Seletores de CSS

Descrição

.Árvore

Estilo da árvore. Especifica background-color, width.

a.TreeLink:link, a.TreeLink:visited, a.TreeLink:hover

Estilo do link da árvore. Especifica color, text-decoration.

a.TreeParentLink:link, a.TreeParentLink:visited, a.TreeParentLink:hover

Estilo do link pai da árvore. Especifica color, text-decoration, font-style.

a.TreeSelLink:link, a.TreeSelLink:visited, a.TreeSelLink:hover

Estilo do link selecionado da árvore. Especifica color, text-decoration, font-weight.

.TreeRootRow

Estilo da linha raiz da árvore. Especifica background-color, height.

.TreeRootRowHeader

Estilo do cabeçalho da linha raiz da árvore. Especifica background-color, height.

.TreeSelRow

Estilo da linha selecionada da árvore. Especifica padding-top, padding-bottom.

.TreeSelText

Estilo do texto selecionado da árvore. Especifica color, font-weight.

.TreeImg

Estilo da imagem da árvore. Especifica padding-top, padding-bottom.

.TreeImgHeight

Estilo da altura da imagem da árvore.

.TreeContent

Estilo do conteúdo da árvore. Especifica display, vertical-align, padding-left.

.TreeLinkSpace

Estido do espaço do link da árvore. Especifica margin-left.

.TreeRow

Estilo da linha da árvore. Especifica white-space, clear.

.TreeRow .float

Estilo de flutuacão da linha de árvore. Especifica padding-left.

.TreeRootRow .float

Estlilo de flutuação da linha raiz da árvore. Especifica padding-left.

.TreeSelRow .float

Estilo de flutuacão da linha de árvore selecionada. Especifica padding style.

 Imagens do tema

As imagens usadas pelos componenes se encontram no diretório com/sun/web/ui/defaulttheme/images, em subdiretórios de componente. Essas imagens são mapeadas para chaves no arquivo images.properties. As chaves da imagem são listadas na tabela abaixo.

Nome da chave da imagem

Descrição

ALARM_CRITICAL_SMALL

Alarme crítico, imagem pequena.

ALARM_CRITICAL_MEDIUM

Alarme crítico, imagem média.

ALARM_MAJOR_SMALL

Alarme importante, imagem pequena.

ALARM_MINOR_SMALL

Alarme secundário, imagem pequena.

ALARM_MINOR_MEDIUM

Alarme secundário, imagem média.

ALARM_DOWN_SMALL

Alarme desativado, imagem pequena.

ALARM_DOWN_MEDIUM

Alarme desativado, imagem média.

ALARM_MASTHEAD_CRITICAL_MEDIUM

Alarme crítico em masthead, imagem média.

ALARM_MASTHEAD_CRITICAL_DIMMED

Alarme crítico em masthead, imagem média, esmaecida.

ALARM_MASTHEAD_MAJOR_MEDIUM

Alarme importante em masthead, imagem média.

ALARM_MASTHEAD_MAJOR_DIMMED

Alarme importante em masthead, imagem média, esmaecida.

ALARM_MASTHEAD_MINOR_MEDIUM

Alarme secundário em masthead, imagem média.

ALARM_MASTHEAD_MINOR_DIMMED

Alarme secundário em masthead, imagem média, esmaecida.

ALERT_DEGRADED_DIMMED

Alerta degradado, imagem esmaecida.

ALERT_DEGRADED_LARGE

Alerta degradado, imagem grande.

ALERT_DEGRADED_MEDIUM

Alerta degradado, imagem média.

ALERT_DEGRADED_SMALL

Alerta degradada, imagem pequena.

ALERT_ERROR_LARGE

Alerta de tipo de erro, imagem grande.

ALERT_ERROR_MEDIUM

Alerta de tipo de erro, imagem média.

ALERT_ERROR_SMALL

Alerta de tipo de erro, imagem pequena.

ALERT_FAILED_DIMMED

Alerta de tipo de falha/fatal, imagem esmaecida.

ALERT_FAILED_LARGE

Alerta de tipo de falha/fatal, imagem grande.

ALERT_FAILED_MEDIUM

Alerta de tipo de falha/fatal, imagem média.

ALERT_FAILED_SMALL

Alerta de tipo de falha/fatal, imagem pequena.

ALERT_HELP_LARGE

Alerta do tipo ajuda/pergunta, imagem grande.

ALERT_HELP_MEDIUM

Alerta do tipo ajuda/pergunta,, imagem média.

ALERT_HELP_SMALL

Alerta do tipo ajuda/pergunta, imagem pequena.

ALERT_INFO_LARGE

Alerta do tipo informativo, imagem grande.

ALERT_INFO_MEDIUM

Alerta do tipo informativo, imagem média.

ALERT_INFO_SMALL

Alerta do tipo informativo, imagem pequena.

ALERT_OK_DIMMED

Alerta de tipo Ok, imagem esmaecida.

ALERT_OK_LARGE

Alerta de tipo Ok, imagem grande.

ALERT_OK_MEDIUM

Alerta de tipo Ok, imagem média.

ALERT_OK_SMALL

Alerta de tipo Ok, imagem pequena.

ALERT_SUCCESS_LARGE

Alerta de sucesso, imagem grande.

ALERT_SUCCESS_MEDIUM

Alerta de sucesso, imagem média.

ALERT_SUCCESS_SMALL

Alerta de suceso, imagem pequena.

ALERT_UNKNOWN_DIMMED

Alerta de tipo desconhecido, imagem esmaecida.

ALERT_UNKNOWN_LARGE

Alerta de tipo desconhecido, imagem grande.

ALERT_UNKNOWN_MEDIUM

Alerta de tipo desconheido, imagem média.

ALERT_UNKNOWN_SMALL

Alerta de tipo desconhecido, imagem pequena.

ALERT_WARNING_LARGE

Alerta de aviso, imagem grande.

ALERT_WARNING_MEDIUM

Alerta de aviso, imagem média.

ALERT_WARNING_SMALL

Alerta de aviso, imagem pequena.

PRIMARY_ENABLED

Botão primário ativado.

PRIMARY_MINI_ENABLED

Minibotão primário, ativado.

PRIMARY_MINI_ROLL

Imagem de rolagem do minibotão primário.

PRIMARY_ROLL

Imagem de rolagem do botão primário.

SECONDARY_ENABLED

Botão secundário ativado.

SECONDARY_MINI_ENABLED

Minibotão secundário ativado.

SECONDARY_MINI_ROLL

Imagem de rolagem do minibotão secundário.

SECONDARY_ROLL

Imagem do botão de rolagem secundário.

CALENDAR_BACKWARD

Imagem de fundo do calendário.

CALENDAR_DROP_SHADOW

Imagem da sombra do calendário.

CALENDAR_FOOTER_GRADIENT

Imagem de gradiente do cabeçalho do calendário.

CALENDAR_TITLE_GRADIENT

Imagem de gradiente do título do calendário.

CALENDAR_FORWARD

Imagem do botão de avanço do calendário.

CALENDAR_BUTTON

Imagem do botão Calendário.

CALENDAR_BUTTON_DISABLED

Imagem desativada do botão Calendário.

CALENDAR_BUTTON_FLIP

Imagem de flip do botão Calendário.

CALENDAR_BUTTON_ROLL

Imagem de rolagem do botão Calendário.

HELP_BACK

Botão Voltar da Ajuda.

HELP_BACK_DISABLED

Botão Voltar da Ajuda desativado.

HELP_FORWARD

Botão Avançar da Ajuda.

HELP_FORWARD_DISABLED

Botão Avançar da Ajuda desativado.

HELP_PRINT

Imagem da impressão da janela da Ajuda.

HELP_PRINT_DISABLED

Estilo de imagem desativada de impressão.

HELP_BTNNAV_GRADIENT

Imagem de gradiente do botão de navegação da Ajuda.

HREF_ANCHOR

Imagem de âncora Href.

HREF_TOP

Imagem href superior.

HREF_LINK

Imagem de link Href.

LABEL_INVALID_ICON

Imagem de ícone inválida para rótulo.

LABEL_REQUIRED_ICON

Imagem de ícone obrigatório do rótulo.

MASTHEAD_STATUS_ICON

Imagem do ícone de status masthead.

MASTHEAD_BACKGROUND

Imagem de segndo plano masthead.

MASTHEAD_SEPARATOR

Imagem do separador masthead.

MASTHEAD_LINK_ENABLED

Imagem ativada do link masthead.

MASTHEAD_LINK_ROLL

Imagem de rolagem do link masthead.

SEC_MASTHEAD_BACKGROUND

Imagem de segundo plano do masthead secundário.

MASTHEAD_STATUS_AREA_SEPARATOR

Imagem do separador de área de status masthead.

DOT

Imagem do espaçador.

SEARCH

Imagem de pesquisa.

PAGETITLE_SEARCH_SEPARATOR

Imagem do separador de pesquisa Pagetitle.

SCHEDULER_FORWARD

Imagem do link de avanço do programador.

SCHEDULER_POPUP

Imagem do link pop-up do programador.

SCHEDULER_BACKWARD

Imagem do link de volta do programador.

SCHEDULER_GRADIENT

Imagem do gradiente do programador.

TABLE_ACTIONS_SEPARATOR

Imagem do separador de ações da tabela.

TABLE_DESELECT_MULTIPLE

Desmarca a imagem de ícone de seleções múltiplas.

TABLE_DESELECT_SINGLE

Desmarca uma imagem de ícone de seleção única.

TABLE_EMBEDDED_ACTIONS_SEPARATOR

Imagem do separador de ações incorporadas da tabela.

TABLE_EMPTY_CELL

Imagem do indicaodr da célula da tabela vazia.

TABLE_GROUP_PANEL

Imagem do painel de grupo da tabela recolhida.

TABLE_GROUP_PANEL_FLIP

Expande o ícone da imagem do painel de grupo da tabela.

TABLE_PAGINATE

Imagem de paginação.

TABLE_PAGINATION_FIRST

Pagina para a imagem de link da primeira página.

TABLE_PAGINATION_FIRST_DISABLED

Pagina para a imagem de link desativado da primeira página.

TABLE_PAGINATION_LAST

Pagina para a imagem de link da última página.

TABLE_PAGINATION_LAST_DISABLED

Pagina para a imagem de link desativado da última página.

TABLE_PAGINATION_NEXT

Pagina para a imagem de link da próxima página.

TABLE_PAGINATION_NEXT_DISABLED

Paginação para a imagem de link desativado da próxima página.

TABLE_PAGINATION_PREV

Pagina para a imagem de link da página anterior.

TABLE_PAGINATION_PREV_DISABLED

Pagina para a imagem de link desativado da página anterior.

TABLE_PREFERENCES_PANEL

Imagem do link ativado do painel de preferências da tabela.

TABLE_PREFERENCES_PANEL_FLIP

Imagem do link oculto do painel de preferências da tabela.

TABLE_SCROLL_PAGE

Rola toda a imagem do link do conteúdo da tabela.

TABLE_SELECT_MULTIPLE

Imagem de link de seleção múltipla.

TABLE_SORT_ADD

Adiciona imagem de link de classificação.

TABLE_SORT_ASCENDING

Classifica a imagem do link em ordem crescente.

TABLE_SORT_CLEAR

Limpa a classificação da imagem do link.

TABLE_SORT_DESCENDING

Classifca a imagem do link em ordem decrescente.

TABLE_SORT_DESCENDING_DISABLED

Classifica a imagem desativada do link em ordem decrescente.

TABLE_SORT_PANEL

Imagem do link de exibiçào do painel de classificação

TABLE_SORT_PANEL_FLIP

Imagem de link de exibição do painel de classificação.

TABLE_SORT_PRIMARY

Imagem de link da coluna de classificação primária.

TABLE_SORT_SELECT

Imagem de link de seleção da coluna de classificação primária.

TABS_LEVEL1_BACKGROUND

Imagem de segundo plano da aba de nível 1.

TABS_LEVEL1_DESELECT

Imagem de segundo plano desmarcada da aba de nível 1.

TABS_LEVEL1_SELECTED

Imagem de segundo plano selecionada da aba nível 1.

TABS_LEVEL1_SELECTED_1LEV

Imagem selecioanda da aba de nível 1 para imagem da aba de nível 1

TABS_LEVEL2_BACKGROUND

Imagem de segundo plano da aba de nível 2.

TABS_LEVEL2_DESELECT

Imagem de estado desmarcado da aba de nível 2.

TABS_LEVEL2_SELECTED

Imagem de estado selecionado da aba de nível 2.

TABS_LEVEL3_BACKGROUND

Imagem de segundo plano da aba de nível 3.

TABS_LEVEL3_DESELECT

Imagem de estado desmarcado da aba de nível 3.

TABS_LEVEL3_SELECTED

Imagem de estado selecionado da aba de nível 3.

TABS_MINITAB_BACKGROUND

Imagem de segundo plano da mini-aba.

TABS_MINITAB_DESELECT

Imagem de estado desmarcado da mini-aba.

TABS_MINITAB_SELECTED

Imagem de estado selecionado da mini-aba.

TAB_DIVIDER

Imagem do divisor de abas.

O arquivo images.properties

O arquivo images.properties mapeia cada imagem com o caminho absoluto da imabem. Para alterar uma imagem em seu próprio tema, edita a chave apropriada par fornecer o novo caminho da imagem. Por exemplo, para a chave ALARM_CRITICAL_SMALL, você deve alterar o mapeamento da seguinte forma:

ALARM_CRITICAL_SMALL=/com/sun/web/ui/foo/images/alarms/critical_small.gif

Para cada imagem, a altura e a largura padrão também devem ser fornecidas. Essas dimensões são especificadas no arquivo images.properties com o formato:

<IMAGE_KEY_NAME>_HEIGHT=
<IMAGE_KEY_NAME>_WIDTH=

Por exemplo, para a chave ALARM_CRITICAL_SMALL,  a altura e a largura seriam especificas como

ALARM_CRITICAL_SMALL_HEIGHT=10
ALARM_CRITICAL_SMALL_WIDTH=10

O texto alt da imagem também é mapeado no arquivo images.properties. O texto alt é especificado com o formato:

<IMAGE_KEY_NAME>_ALT=<message_key>

Por exemplo, para a chave ALERT_ERROR_LARGE_ALT, o texto alt é definido como uma chave de mensagem, Alert.errorImageAltText, as follows:

ALERT_ERROR_LARGE_ALT=Alert.errorImageAltText

O Alert.errorImageAltText é definido no arquivo messages.properties.

Mensagens do tema

O arquivo messages.properties contém o texto que é exibido pelos componentes, inclundo o texto do botão, rótulos, mensagens de erro e o texto alt. As chaves que definem as mensagens são listadas na tabela seguinte. Observe que as chaves devem ter sido criadas ou alteradas desde que o documento foi criado. O arquivo message.properties contém o cojunto de chaves completo.

StringLengthValidator messages

StringLengthValidator.itemTooLong

  StringLengthValidator.itemTooShort
Mensagens de alarme

Alarm.criticalImageAltText

  Alarm.majorImageAltText
  Alarm.minorImageAltText
  Alarm.downImageAltText
  Alarm.okImageAltText
Mensagens de alerta

Alert.errorImageAltText

  Alert.helpImageAltText
  Alert.infoImageAltText
  Alert.warningImageAltText
Mensagens de alerta de página

PageAlert.back

Rótulo/Legenda/Outro

Other.requiredAltText

  Legend.requiredField
Mensagens da Lista de adicionar/remover

AddRemove.add

  AddRemove.addAll
  AddRemove.remove
  AddRemove.removeAll
  AddRemove.moveUp
  AddRemove.moveDown
  AddRemove.available
  AddRemove.selected
Mensagens do calendário

CalendarMonth.weekdaySun

  CalendarMonth.weekdayMon
  CalendarMonth.weekdayTue
  CalendarMonth.weekdayWed
  CalendarMonth.weekdayThu
  CalendarMonth.weekdayFri
  CalendarMonth.weekdaySat
  CalendarMonth.close
  CalendarMonth.selectYear
  CalendarMonth.selectMonth
  CalendarMonth.goBack
  CalendarMonth.goForward
  CalendarMonth.todayIs
  CalendarMonth.skipLink
Ajuda

help.help

  help.close
  help.noframes
  help.contentsTab
  help.contentsTabTooltip
  help.contentsTabStatus
  help.indexTab
  help.indexTabTooltip
  help.indexTabStatus
  help.searchTab
  help.searchTabTooltip
  help.searchTabStatus
  help.backButtonTitle
  help.forwardButtonTitle
  help.printButtonTitle
  help.closeButton
  help.closeButtonTitle
  help.findLabel
  help.findFieldTitle
  help.searchFieldTitle
  help.searchButton
  help.searchButtonAlt
  help.searchButtonTitle
  help.noResultsFound
  help.tips
  help.tipsImprove
  help.tipsImprove1
  help.tipsImprove2
  help.tipsImprove3
  help.tipsImprove4
  help.tipsNote
  help.tipsNoteDetails
  help.tipsSearch
  help.tipsSearch2
  help.tipsSearch2
  help.tipsSearch3
  help.tipsSearch4
Mensagens do componente Lista.

ListSelector.badValue

MessageGroup

messageGroup.heading

PropertySheet messages

propertySheet.jumpToSectionTooltip

  propertySheet.jumpToTop
  propertySheet.jumpToTopTooltip
Mensagens da tabela

table.emptyTableCell

  table.emptyData
  table.filteredData
  table.hiddenSelections
  table.confirm.hiddenSelections
  table.confirm.totalSelections
  table.confirm.deleteSelections
  table.group.expand
  table.group.collapse
  table.group.selectMultiple
  table.group.deselectMultiple
  table.group.warning
  table.panel.applyChanges
  table.panel.cancel
  table.panel.cancelChanges
  table.panel.duplicateSelectionError
  table.panel.filterTitle
  table.panel.missingSelectionError
  table.panel.none
  table.panel.preferencesTitle
  table.panel.primarySortColumn
  table.panel.secondarySortColumn
  table.panel.sortTitle
  table.panel.submit
  table.panel.tertiarySortColumn
  table.panel.help
  table.pagination.first
  table.pagination.last
  table.pagination.next
  table.pagination.previous
  table.pagination.page
  table.pagination.paginated
  table.pagination.scroll
  table.pagination.submit
  table.pagination.submitPage
  table.pagination.pages
  table.select.deselectMultiplePaginated
  table.select.deselectMultiple
  table.select.deselectSinglePaginated
  table.select.deselectSingle
  table.select.selectMultiplePaginated
  table.select.selectMultiple
  table.select.selectedItems
  table.select.selectionColumn
  table.sort.alt.add
  table.sort.alt.primary
  table.sort.alt.toggle
  table.sort.button.add
  table.sort.button.primary
  table.sort.button.toggle
  table.sort.link.none
  table.sort.link.other
  table.sort.link.primary
  table.sort.augment.alarmDescending
  table.sort.augment.alarmAscending
  table.sort.augment.booleanDescending
  table.sort.augment.booleanAscending
  table.sort.augment.charDescending
  table.sort.augment.charAscending
  table.sort.augment.dateDescending
  table.sort.augment.dateAscending
  table.sort.augment.numericDescending
  table.sort.augment.numericAscending
  table.sort.augment.stringDescending
  table.sort.augment.stringAscending
  table.sort.augment.undeterminedDescending
  table.sort.augment.undeterminedAscending
  table.title.filterApplied
  table.title.paginated
  table.title.paginatedItems
  table.title.scroll
  table.title.scrollItems
  table.viewActions.clearSort
  table.viewActions.filter
  table.viewActions.customFilter
  table.viewActions.customFilterApplied
  table.viewActions.sort
  table.viewActions.preferences
TabSet tab.skipTagAltText
  tabSet.selectedTab
Componente Tempo

Time.invalidData

  Time.enterHour
  Time.enterMinute
  Time.required
  Time.gmt
Componente Árvore tree.skipTagAltText
Mensagnes de Transferência de arquivos

FileUpload.noFile

  Upload.error

Criando um tema

Os temas que vêm com os componentesnão devem ser editados. Para alterar os elementos do tema da sua aplicação, você deve cirar um novo tema, como descrito abaixo:

  1. Desimplanta a aplicação que usará o tema.
  2. Copia o defaulttheme para um subdiretório do diretório de temas.

  3. Dentro do diretório do novo tema, é possível:

  4. Constró seu arquivo JAR customtheme usando os arquivos de tema modificados como imagens adicionais, estilos, js, mensagens, etc.

  5. Atualiza o MANIFEST.MF do novo tema corretamente.

    Por exemplo, se o seu tema se chama customtheme:

    ���X-SJWUIC-Theme-Name: customtheme # Nome do tema.
  6. Edite web.xml da aplicação para especificar o nome do tema para permitir que a aplicação use o tema. Por exemplo:
     <context-param> 
     <param-name>com.sun.web.ui.DEFAULT_THEME</param-name> 
     <param-value>customtheme</param-value> 
     </context-param>
    
  7. Constrói sua aplicação com o novo tema.
  8. Implanda a sua aplicação.

Notificações legais