/* * jQuery UI screen structure and presentation * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com * Visit ThemeRoller.com */ /* * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size. * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px. * body {font-size: 62.5%;} */ /*dialog*/ .ui-dialog { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; color: #333333; border: 4px solid #dddddd; position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; } .ui-resizable .ui-resizable-handle { display: block; } body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 13px; height: 13px; right: 0px; bottom: 0px; background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; } .ui-dialog-titlebar { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; padding: .5em 1.5em .5em 1em; color: #1c94c4; background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; border-bottom: 1px solid #cccccc; font-size: 1em; font-weight: bold; position: relative; } .ui-dialog-title {} .ui-dialog-titlebar-close { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; position: absolute; right: 8px; top: .7em; width: 11px; height: 11px; z-index: 100; } .ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover { background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; } .ui-dialog-titlebar-close:active { background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; } .ui-dialog-titlebar-close span { display: none; } .ui-dialog-content { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; color: #333333; padding: 1.5em 1.7em; } .ui-dialog-buttonpane { position: absolute; bottom: 0; width: 100%; text-align: left; border-top: 1px solid #dddddd; background: #eeeeee; } .ui-dialog-buttonpane button { margin: .5em 0 .5em 8px; color: #1c94c4; background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; font-size: 1em; border: 1px solid #cccccc; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; } .ui-dialog-buttonpane button:hover { color: #c77405; background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; border: 1px solid #fbcb09; } .ui-dialog-buttonpane button:active { color: #eb8f00; background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; border: 1px solid #fbd850; } /* This file skins dialog */ .ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }