Contribution CSS Styles
For customization of the Contribution Module 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 sheet can be referenced by several configuration files of the Contribution Module.
The styles defined for the html of the Contribution Module are:
- CONTRIBBODY : Page body.
- CONTRIBFORM : Forms of the module (Login, List, Upload doc).
- CONTRIBTABLE : Table that contains the form.
- CONTRIBFS : FieldSet Style.
- CONTRIBLEG : Legend.
- CONTRIBDOCTYPESCOMB : Document types combo.
- CONTRIBDOCTYPESCOMB:hover .tooltiptext : Tooltip help of Document types combo.
- CONTRIBLAB : Labels of input fields.
- CONTRIBLAB_LOGIN : Labels of required input fields.
- CONTRIBLABELFILEUP : Label of input file control.
- CONTRIBFILEUP : Input file control.
- CONTRIBINP : Input fields.
- CONTRIBCHECKBOX : boolean Input fields.
- TD_CONTRIBINP:hover .tooltiptext : Tooltip of Input fields.
- CONTRIBFORMATTHES : Tesaurus input fields combo.
- CONTRIBBUT : Action button.
- CONTRIBHELP : help button.
- CONTRIBRESOK : Style of message showing the result of a CORRECT document upload operation.
- CONTRIBRESKO : Style of message showing the result of a WRONG document upload operation.
- CONTRIBLOG : URL of the exit of session and redirection to login form.
- CONTRIBLISTURL : URL of access to list of uploaded documents (from add or result forms).
Of course any style of the standard html elements can be redefined (<h3>,<img>, ...)
Example of CSS file:
/* 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;
}
Help Index OpenProdoc