Web Development with jQuery®

(^404) ❘ CHAPTER 17 DIALOG
The preceding markup document is saved as Example 17-3.html and is styled with the following
style sheet, Example 17-3.css:
body {
font: 12px "Lucida Grande", Arial, sans-serif;
background: #fff;
color: rgb(50, 50, 50);
}
div.ui-dialog {
box-shadow: 0 7px 100px rgba(0, 0, 0, 0.6);
border-radius: 4px;
outline: none;
position: fixed;
z-index: 1000 ;
background: #fff;
}
div.ui-dialog-titlebar {
height: 23px;
background: url('images/Titlebar Right.png')
no-repeat
top right,
url('images/Titlebar Left.png')
no-repeat
top left;
position: relative;
z-index: 10 ;
}
span.ui-dialog-title {
display: block;
font-size: 13px;
text-align: center;
margin: 0 9px;
padding: 4px 0 0 0 ;
height: 19px;
background: url('images/Titlebar.png')
repeat-x
top;
position: relative;
z-index: 10 ;
}
div.ui-dialog-container {
background: #fff
url('images/Titlebar Left.png')
no-repeat
top left;
}
button.ui-dialog-titlebar-close {
position: absolute;
width: 14px;
height: 15px;
top: 5px;
http://www.it-ebooks.info