Estilos CSS Contribución
Para la personalización del Módulo de Contribución 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 Módulo de Contribución.
Los estilos definidos para el html del Módulo de Contribución son:
- CONTRIBBODY : Cuerpo de las páginas.
- CONTRIBFORM : Formularios de entrada (Login, Lista, Incorporación doc).
- CONTRIBTABLE : Tabla que embebe los campos del formulario.
- CONTRIBFS : Estilo del conjunto de campos (FieldSet).
- CONTRIBLEG : Leyenda.
- CONTRIBDOCTYPESCOMB : Combo tipos de documento.
- CONTRIBDOCTYPESCOMB:hover .tooltiptext : Estilo de la ayuda emergente del combo tipos de documento.
- CONTRIBLAB : Etiquetas de texto de los metadatos.
- CONTRIBLAB_LOGIN : Etiquetas de texto de los metadatos obligatorios/de login.
- CONTRIBLABELFILEUP : Etiqueta de incorporación del documento (control file).
- CONTRIBFILEUP : Campo de incorporación del documento (control file).
- CONTRIBINP : Campos de entrada de los metadatos.
- CONTRIBCHECKBOX : Campos de entrada de metadatos booleanos.
- TD_CONTRIBINP:hover .tooltiptext : Estilo de la ayuda emergente de los Campos de entrada de los metadatos.
- CONTRIBFORMATTHES : Estilo de los combos de metadatos de tipo tesauro.
- CONTRIBBUT : Botón de operación.
- CONTRIBHELP : "Botón" de ayuda.
- CONTRIBRESOK : Mensaje mostrando el resultado CORRECTO de la insercion del documento.
- CONTRIBRESKO : Mensaje mostrando el resultado INCORRECTO de la insercion del documento.
- CONTRIBLOG : URL de salida de la sesión y acceso a la pantalla de login.
- CONTRIBLISTURL : URL de acceso a la pantallla de listad desde inserción de documentos o resultados.
- CONTRIBRETRYOK : Estilo tras resultado CORRECTO de la insercion del documento. En general debería contener display:none; ya que no es necesario reintentar
- CONTRIBRETRYKO : Estilo del control para reintentar la inserción tras resultado INCORRECTO de la insercion del documento.
Por supuesto puede definirse cualquier estilo de los elementos estandar de html (<h3>,<img>, ...)
Ejemplo de Archivo CSS:
/* OpenProdoc CONTRIB default CSS */
.CONTRIBBODY
{
background-color: #DFDFDF;
}
/* Style for whole body */
.CONTRIBFORM
{
}
/* Style for table containing fields */
.CONTRIBTABLE
{
}
/* Style for FieldSet */
.CONTRIBFS
{
}
/* Style for Legend */
.CONTRIBLEG
{
font-family: Tahoma,Helvetica;
font-size: 20px;
font-weight: bold;
}
/* Style for Document Type Combo */
.CONTRIBDOCTYPESCOMB
{
background-color: #A6A6A6;
}
.CONTRIBDOCTYPESCOMB:hover .tooltiptext
{
visibility: visible;
}
/* Style for Fields Label */
.CONTRIBLAB
{
font-family: Tahoma,Helvetica;
font-size: 12px;
border-bottom-color: #FFFFFF;
}
/* Style for Fields Label */
.CONTRIBLAB_LOGIN
{
font-family: Tahoma,Helvetica;
font-size: 15px;
border-bottom-color: #FFFFFF;
}
.CONTRIBLABELFILEUP
{
font-family: Tahoma,Helvetica;
font-size: 15px;
border-bottom-color: #FFFFFF;
}
.CONTRIBFILEUP
{
font-family: Tahoma,Helvetica;
font-size: 15px;
border-bottom-color: #FFFFFF;
}
.CONTRIBRESOK
{
font-family: Tahoma,Helvetica;
font-size: 15px;
border-bottom-color: #FFFFFF;
}
.CONTRIBRESKO
{
font-family: Tahoma,Helvetica;
font-size: 15px;
border-bottom-color: #FF0000;
}
/* Style for Fields Input */
.CONTRIBINP
{
width: 200px;
}
.TD_CONTRIBINP:hover .tooltiptext
{
visibility: visible;
}
/* format for thesaurus combos **/
.CONTRIBFORMATTHES
{
font-family: Tahoma,Helvetica;
}
/* Style for Fields Input */
.CONTRIBBUT
{
height: 40px;
width: 70px;
border-style: outset;
border-width: 4px;
font-size: 14px;
font-style: italic;
font-weight: bold;
border-radius: 8px;
}
.CONTRIBHELP
{
font-family: Tahoma,Helvetica;
font-size: 16px;
font-style: bold;
border-style: outset;
border-width: 4px;
border-radius: 8px;
padding: 5px;
background-color: #DFDFDF;
}
.CONTRIBLOG
{
font-family: Tahoma,Helvetica;
font-size: 16px;
font-style: bold;
border-style: outset;
border-width: 4px;
border-radius: 8px;
padding: 5px;
background-color: #DFDFDF;
}
.CONTRIBLISTURL
{
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