new jjmenu for dynamic context menus. playlists in library.

need to work on javascript callback
This commit is contained in:
naomiaro 2010-12-29 18:43:17 -05:00
parent 4bdcba83e2
commit d2b1bf0622
17 changed files with 545 additions and 318 deletions

View file

@ -0,0 +1,33 @@
div.jjmenu {
position:absolute;
background:#fffef0;
border-bottom:2px solid gray;
border-right:1px solid gray;
padding:0px;
}
div.jj_menu_item {
color:black;
border:1px solid gray;
border-bottom:none;
background:url(menuitem.gif) no-repeat black;
cursor:pointer;
}
div.jj_menu_item span {
display:block;
padding:4px;
}
div.jj_menu_item_more span {
background:url(more.gif) right no-repeat;
}
div.jj_menu_item_more span {
padding-right:20px;
}
div.jj_menu_item_hover {
background:#e4e4e4;
}

View file

@ -1,62 +0,0 @@
/* Generic context menu styles */
.contextMenu {
position: absolute;
width: 200px;
z-index: 99999;
border: solid 1px #CCC;
background: #EEE;
padding: 0px;
margin: 0px;
display: none;
}
.contextMenu LI {
list-style: none;
padding: 0px;
margin: 0px;
}
.contextMenu A {
color: #333;
text-decoration: none;
display: block;
line-height: 20px;
height: 20px;
background-position: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 28px;
}
.contextMenu LI.hover A {
color: #FFF;
background-color: #3399FF;
}
.contextMenu LI.disabled A {
color: #AAA;
cursor: default;
}
.contextMenu LI.hover.disabled A {
background-color: transparent;
}
.contextMenu LI.separator {
border-top: solid 1px #CCC;
}
/*
Adding Icons
You can add icons to the context menu by adding
classes to the respective LI element(s)
*/
.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(images/cut.png); }
.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }
.contextMenu LI.quit A { background-image: url(images/door.png); }

BIN
public/css/menuitem.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/css/more.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 B