From jQuery JavaScript Library

jQuery UI » Dialog » Theming

ui.dialog uses several CSS styles, e.g. for the titlebar, the resize handle, etc., some of which are borrowed from ui.resizable.

Contents 1 CSS Classes used by ui.dialog 1.1 Dialog specific 1.2 Inherited from ui.resizable 2 See also

CSS Classes used by ui.dialog

Dialog specific

• ui-dialog-container : the whole dialog window.
• ui-dialog-titlebar : the titlebar.
• ui-dialog-titlebar-close, ui-dialog-titlebar-close-hover : the close button (the top-right X) and its hover style.
• ui-dialog-content : additional style for dialog contents.
• ui-dialog-buttonpane : the container for the dialog buttons (like "Yes", "No", "Cancel").

Inherited from ui.resizable

• ui-resizable
• ui-resizable-handle
• ui-resizable-disabled
• ui-resizable-autohide
• ui-resizable-n, ui-resizable-s, ui-resizable-e, ui-resizable-w, ui-resizable-se, ui-resizable-sw, ui-resizable-nw, ui-resizable-ne : specific styles for the various resize handles.

See also

• UI/Resizables
• Sample flora theme CSS: flora.dialog.css , flora.resizable.css