Web Development with jQuery®

Attaching Persistent Event Handlers (^) ❘ 71
The style sheet that you used for the previous two examples is modifi ed a bit as well to add class
names for fi le nodes and directory nodes.
html,
body {
width: 100%;
height: 100%;
}
body {
font: 12px "Lucida Grande", Arial, sans-serif;
background: rgb(189, 189, 189) url('images/Bottom.png') repeat-x bottom;
color: rgb(50, 50, 50);
margin: 0 ;
padding: 0 ;
}
div#finderFiles {
border-bottom: 1px solid rgb(64, 64, 64);
background: #fff;
position: absolute;
top: 0 ;
right: 0 ;
bottom: 23px;
left: 0 ;
overflow: auto;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
div#finderAdditionalFiles {
display: none;
}
div.finderDirectory,
div.finderFile {
float: left;
width: 150px;
height: 100px;
overflow: hidden;
}
div.finderIcon {
background: url('images/Folder 48x48.png') no-repeat center;
background-size: 48px 48px;
height: 56px;
width: 54px;
margin: 10px auto 3px auto;
}
div.finderFile div.finderIcon {
background-image: url('images/Safari Document.png');
}
div.finderIconSelected {
background-color: rgb(204, 204, 204);
http://www.it-ebooks.info