Web Development with jQuery®

(Elliott) #1

Styling a Dialog (^) ❘ 405
left: 10px;
border: none;
background: url('images/Close Off.png')
no-repeat
top left;
z-index: 10 ;
}
button.ui-dialog-titlebar-close:hover {
background: url('images/Close On.png')
no-repeat
top left;
}
button.ui-dialog-titlebar-close span {
display: none;
}
button.ui-dialog-titlebar-close:focus {
border: none;
outline: none;
}
div.ui-dialog-content {
padding: 10px;
}
div.ui-resizable-handle {
border: none;
position: absolute;
z-index: 1 ;
}
div.ui-resizable-nw {
width: 10px;
height: 10px;
top: -10px;
left: -10px;
cursor: nw-resize;
}
div.ui-resizable-n {
height: 10px;
top: -10px;
left: 0 ;
right: 0 ;
cursor: n-resize;
}
div.ui-resizable-ne {
width: 10px;
height: 10px;
top: -10px;
right: -10px;
cursor: ne-resize;
}
div.ui-resizable-w {
width: 10px;
left: -10px;
top: 0 ;
http://www.it-ebooks.info

Free download pdf