Themes

Stylesheets

Theme Stylesheet

/assets/themes/[theme-name]/style.css

http(s)://[install-root]/assets/themes/[theme-name]/style.css

The theme stylesheet is used to override rules from the core stylesheet.

Core Stylesheets

/assets/c/admin.css

http(s)://[install-root]/assets/c/admin.css

The admin.css file is used for the views that are part of the admin section only. Flows, numbers, users, etc…

/assets/c/applet.css

http(s)://[install-root]/assets/c/applet.css

Applet styles are separate from the flow editor. The .vbx-applet wrapper creates styles specifically for applet views.

/assets/c/buttons.css

http(s)://[install-root]/assets/c/buttons.css

There are several types of buttons defined, including special icons for certain actions. Buttons use image sprites to create a custom look.

/assets/c/client.css

http(s)://[install-root]/assets/c/client.css

Classes to control the display of the Client Status buttons in the context-menu as well as the display of the client first-run banner.

/assets/c/content.css

http(s)://[install-root]/assets/c/content.css

The content stylesheet defines the rules for the main viewing area of most screens. Content containers, menus, table views and tabs styles are defined in content.css

/assets/c/context-menu.css

http(s)://[install-root]/assets/c/context-menu.css

Call and SMS buttons and dialogs are part of the context menu styles. Notifications are also part of the context menu.

/assets/c/controls.css

http(s)://[install-root]/assets/c/controls.css

Controls include pagination and dialog styles.

/assets/c/devices.css

http(s)://[install-root]/assets/c/devices-vm.css

Devices and Voicemail styles include a device list with a drag and drop interface.

/assets/c/flows.css

http(s)://[install-root]/assets/c/flows.css

Flows.css is specifically used for the flow editor interface. Applet styles are separate.

/assets/c/forms.css

http(s)://[install-root]/assets/c/forms.css

All form elements are styled in forms.css, except for buttons.

/assets/c/global.css

http(s)://[install-root]/assets/c/global.css

Styles for the header and footer, including the logo are in the global stylesheet.

/assets/c/iframe.css

http(s)://[install-root]/assets/c/iframe.css

Client dialer styles to control the display of the slide out Browser Phone controls.

/assets/c/install.css

http(s)://[install-root]/assets/c/install.css

Special styles for the install and upgrade processes which include a sliding set of input steps.

/assets/c/jplayer.css

http(s)://[install-root]/assets/c/install.css

Styles for the display of message playback controls.

/assets/c/login.css

http(s)://[install-root]/assets/c/login.css

Login styles include a narrow layout wrapper for login and forgot password forms.

/assets/c/messages.css

http(s)://[install-root]/assets/c/messages.css

Message styles are used for the Inbox view and other message group views. Messages also defines the rules for message details.

/assets/c/navigation.css

http(s)://[install-root]/assets/c/navigation.css

The main navigation styles include: titles, links, labels and selected states.

/assets/c/plugin.css

http(s)://[install-root]/assets/c/plugin.css

A special wrapper is given to plugin layouts. The .vbx-plugin wrapper is used to namespace special styles for plugin interfaces.

/assets/c/timePicker.css

http(s)://[install-root]/assets/c/timePicker.css

Display overrides for the jQuery Time Picker element of the Timing Applet.

/assets/c/utility-menu.css

http(s)://[install-root]/assets/c/utility-menu.css

The utility menu styles create a simple horizontal list.

/assets/c/voicemail.css

http(s)://[install-root]/assets/c/utility-menu.css

A set of CSS rules to handle the voicemail input box display.