1. Home
  2. OpenKM 6.3 - CE
  3. Administration guide
  4. Utilities
  5. CSS
  1.  

CSS

The application allowes to set your own CSS - Cascade Style Sheets - to be applied in user interface.

The CSS applied to user interface is set on Profile General tab section.

That helps the administrator to change the look and feel of the application.

For example, change the font size for cyrillic or logographic languages.

Css are shown in a table structure.

Name

Context

Active

Actions

Create a new CSS

Can not be two css with same name.

  • At the top right click on  New CSS icon.
  • Fill in the fields.
    • Name.
    • Context available are frontend or mobile.
    • Active.
  • Click on Create button.

Edit a CSS

  • Click on  Edit CSS icon.
  • Modify the fields.
  • Click on Edit button.

Delete a CSS

  • Click on  Delete CSS icon.
  • Click on Delete button.

Clone a CSS

  • Click on  Clone CSS icon.
  • Modify the fields.
  • Click on Clone button.

Download a CSS

  • Click on  Download CSS icon.
  • Elapsed some seconds, will be retrieved a CSS file.

Samples

Large font sample

body, td, a, p, div, input, input.submit , textarea, select, button{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

Medium font sample

body, td, a, p, div, input, input.submit , textarea, select, button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

Default font sample

body, td, a, p, div, input, input.submit , textarea, select, button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}