CSS Punto de Consulta
Para la personalización del Punto de Consulta de OpenProdoc al estilo de la institución que lo esté utilizando pueden utilizarse hojas de estilo que se referenciarán en el archivo de configuración. Una hoja puede ser referenciada por varios ficheros de configuracion de Punto de Consulta.
Los estilos definidos para el html del Punto de Consulta son:
- OPACBODY : Cuerpo de la página.
- OPACFORM : Formulario.
- OPACTABLE : Tabla que embebe los campos del formulario.
- OPACFS : Estilo del conjunto de campos (FieldSet).
- OPACLEG : Leyenda.
- OPACDT : Etiqueta texto del combo de tipos de documento.
- OPACCOMB : Combo tipos de documento.
- TD_OPACCOMB : Estilo de la ayuda emergente del combo tipos de documento.
- OPACFTLAB : Etiqueta búsqueda por texto completo.
- OPACFTINP : Campo búsqueda por texto completo.
- TD_OPACFTINP : Estilo de la ayuda emergente del Campo búsqueda por texto completo.
- OPACFORMATLAB : Etiqueta texto del combo de formatos de salida.
- OPACFORMATCOMB : Combo de formatos de salida.
- TD_PACFORMATCOMB : Estilo de la ayuda emergente del Combo de formatos de salida.
- OPACLAB : Etiquetas de texto de los metadatos.
- OPACINP : Campos de entrada de los metadatos.
- TD_OPACINP : Estilo de la ayuda emergente de los Campos de entrada de los metadatos.
- OPACFORMATTHES : Estilo de los combos de metadatos de tipo tesauro.
- OPACBUT : Botón de búsqueda.
- OPACHELP : "Botón" de ayuda.
Por supuesto puede definirse cualquier estilo de los elementos estandar de html (<h3>,<img>, ...)
Ejemplo de Archivo CSS:
#############################################
####
OPAC CSS ####
#############################################
/* Style for whole body */
.OPACBODY
{
background-color: #DFDFDF;
}
.OPACFORM
{
}
/* Style for table containing fields */
.OPACTABLE
{
}
/* Style for FieldSet */
.OPACFS
{
}
/* Style for Legend */
.OPACLEG
{
font-family: Tahoma,Helvetica;
font-size: 20px;
font-weight: bold;
}
/* Style for Document Type Label */
.OPACDT
{
font-family: Tahoma,Helvetica;
font-size: 12px;
font-style: italic;
padding-top: 15px;
padding-bottom: 15px;
}
/* Style for Document Type Combo */
.OPACCOMB
{
background-color: #A6A6A6;
}
.TD_OPACCOMB:hover .tooltiptext
{
visibility: visible;
}
/* Style for Fulltext Label */
.OPACFTLAB
{
font-family: Tahoma,Helvetica;
font-size: 12px;
font-style: italic;
padding-top: 15px;
padding-bottom: 15px;
}
/* Style for Fulltext Input */
.OPACFTINP
{
font-family: Tahoma,Helvetica;
font-size: 12px;
width: 300px;
}
.TD_OPACFTINP:hover .tooltiptext
{
visibility: visible;
}
/* Style for List Format Label */
.OPACFORMATLAB
{
font-family: Tahoma,Helvetica;
font-size: 12px;
font-style: italic;
padding-top: 15px;
padding-bottom: 15px;
}
/* Style for List Format Combo */
.OPACFORMATCOMB
{
background-color: #A6A6A6;
}
.TD_PACFORMATCOMB:hover .tooltiptext
{
visibility: visible;
}
/* Style for Fields Label */
.OPACLAB
{
font-family: Tahoma,Helvetica;
font-size: 12px;
border-bottom-color: #FFFFFF;
}
/* Style for Fields Input */
.OPACINP
{
width: 200px;
}
.TD_OPACINP:hover .tooltiptext
{
visibility: visible;
}
/* format for thesaurus combos **/
.OPACFORMATTHES
{
font-family: Tahoma,Helvetica;
}
/* Style for Fields Input */
.OPACBUT
{
height: 40px;
width: 70px;
border-style: outset;
border-width: 4px;
font-size: 14px;
font-style: italic;
font-weight: bold;
border-radius: 8px;
}
.OPACHELP
{
font-family: Tahoma,Helvetica;
font-size: 16px;
font-style: bold;
border-style: outset;
border-width: 4px;
border-radius: 8px;
padding: 5px;
background-color: #DFDFDF;
}
img
{
height: 83px;
width: 80px;
}
.tooltiptext
{
visibility: hidden;
font-family: Tahoma,Helvetica;
font-size: 12px;
width: 200px;
background-color: grey;
color: #fff;
padding: 8px;
border-radius: 6px;
position: absolute;
z-index: 1;
}
Índice Ayuda OpenProdoc