63 lines
1.4 KiB
CSS
63 lines
1.4 KiB
CSS
|
/* Generic context menu styles */
|
||
|
|
.contextMenu {
|
||
|
|
position: absolute;
|
||
|
|
width: 120px;
|
||
|
|
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); }
|