CSS OPAC
For customization of the OPAC of OpenProdoc in the style of the institution that is using it, style sheets can be used that will be referenced in the configuration file.
A CSS can be referenced by several files of configuration of OPAC.
The styles defined for in the html of the Query Point are:
- OPACBODY : html body.
- OPACFORM : Form.
- OPACTABLE : Table that containf the fields of the form.
- OPACFS : Style of the FieldSet.
- OPACLEG : Legend.
- OPACDT : Label of the combo of document types.
- OPACCOMB : Combo of document types.
- TD_OPACCOMB : Tooltip help of document types.
- OPACFTLAB : Label of the full text search field.
- OPACFTINP : Full text search field.
- TD_OPACFTINP : Tooltip help of the full text search field.
- OPACFORMATLAB : Label of the ouput reports combo.
- OPACFORMATCOMB : Ouput reports combo.
- TD_PACFORMATCOMB : Tooltip help of the ouput reports combo.
- OPACLAB : Labels of the input fields.
- OPACINP : input fields.
- TD_OPACINP : Tooltip help of the input fields.
- OPACFORMATTHES : Thesaurus input fields.
- OPACBUT : Search button.
- OPACHELP : Help button.
Of course you can redefine any style of the standard html elements (<h3>,<img>, ...)
Sample CSS File:
#############################################
####
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;
}
Help Index OpenProdoc