DocuNECT Web Style Guidelines

Documentation
Article Library

Date: 09/15/2014
Applies to Version: v4.5, v4.6, v4.7 and v4.8

This document presents the CSS files and classes that set the colors for a given UI item of the DocuNECT Web application.

Item: Tabs Level 1

Ex: Home | Data | Inbox | Documents | Upload
CSS file: header.css

CSS Class	Description
table.tabsLevel1 td.enabled	The tab item.
table.tabsLevel1 td.enabled a	The anchor displayed on the tab item.
table.tabsLevel1 td.active	The selected tab item.
table.tabsLevel1 td.active a	The anchor displayed on the selected tab item.
table.tabsLevel1 td.leftfill	The invisible cell that fills the space at the left of the tabs.
table.tabsLevel1 td.rightfill	The right-side margin of the tabs.

Item: Tabs Level 2

Ex: Stations | Connectors | Roles | Users …
CSS file: header.css

CSS Class	Description
td.TabsLevel2	The tab item.
a.tabLevel2	The anchor displayed on a tab item.
a.activeTabLevel2	The anchor displayed on a selected tab item.
SeparatorLevel2	The tabs separator (span).

Item: Inner Tabs

Ex: Records | Columns in the page Data/View Table.
CSS file: innerTabControl.css

CSS Class	Description
td.innerTabItem	The tab item.
td.innerTabItemSelected	The selected tab item.
td.innerTabItem a	The anchor displayed in the tab item.
td.innerTabFiller	The invisible tab that fills the empty space at the right of the tabs.

Item: Page Title

Ex: View Table: [TableName] in the page Data/View Table.
CSS file: default.css

CSS Class	Description
h1	The page title, and the border underneath.

Item: Page Section

Ex: General Properties, in the page Data/View Table.
CSS file: default.css

CSS Class	Description
h2	The section title, and the border underneath.

Item: Collapsible Page Section

Ex: The "Search" section in the page Inbox/Document Indexing Tasks/View Batches.
CSS file: default.css

CSS Class	Description
h2.expanded	The expanded section title.
h2.collapsed	The collapsed section title.

Item: Records Grid

CSS file: grid.css

CSS Class	Description
table.grid	The entire table.
div.pager	The pager bars.
table.controlBarTop	The buttons bar above the records.
table.grid th	The column header.
table.grid th.asc	The column header displayed as sorted ascending.
table.grid th.desc	The column header displayed as sorted descending.
table.grid th a	The anchor displayed on the column header.
table.grid td	The row cell.
table.grid tr.selected	The selected row.
table.grid tr.selected a	The anchor displayed on a selected row.

Item: Context Menu

Ex: Documents module, search results context menu
CSS file: contextmenu.css

CSS Class	Description
div.contextmenu	The context menu table.
div.menuitem	The menu item.
div.selected	The selected menu item.
div.disabled	The disabled item.