CSS Elements

Skinning Ubiquity is easy; Ubiquity styles are managed by two CSS files, browser.css, and preview.css.

A set of elements and their descriptions from each is listed below.

browser.css

#panel

Formatting for the actual popup layer.

#cmd-entry-container

Container for the entry box. Padding properties for around the box, for the most part.

#cmd-entry

Actual entry box. Fonts, padding, backgrounds, etc. All controlled here.

#cmd-preview

The container for the rest of the items, i.e. verb suggestions + preview pane.

#preview

As of now, contains the width of the preview window.

.gresult

Manages each Google search result.

.gresult a

The anchor properties of the Google search results, in this case, the title of the page.

.gresult-url

The properties for the URL showed under the description.

.gresult-content

The description properties for the Google result.

#preview-pane

.hilited-text

Manages the currently selected verb/function's text property.

.hilited

Manages the currently selected verb/function's area; think of this as a hover property.

.suggested

The properties for the list of functions (i.e. google, wikipedia), those not selected.

.needarg

The property that manages the variables of different verb/functions. For example, the (message) and (to contact) areas in the "email" verb.

.cmdicon

The properties for the icon division, such as Google's "g."

img

The properties per icon image.