65 lines
1.7 KiB
Plaintext
65 lines
1.7 KiB
Plaintext
@menu_color:#7B8691;
|
|
@menu_disablecolor:#ccc;
|
|
|
|
.menu(){
|
|
padding:0px;
|
|
border-top:5px solid #fcfcfc;
|
|
border-bottom:5px solid #fcfcfc;
|
|
border:1px solid #aaa~'\9';
|
|
box-shadow:0 10px 80px #555;
|
|
background:#fff;
|
|
}
|
|
.menu_item(){padding:0 40px 0 15px;border:none;}
|
|
.menu_item_hover(){
|
|
color:#fff;
|
|
background:@dialog_color;
|
|
background-color:none~'\9';
|
|
}
|
|
|
|
/* 右键菜单样式 */
|
|
.playmusic-icon{display: none;}
|
|
.context-menu-list {
|
|
margin:0;margin-left:4px;margin-top:4px;
|
|
min-width: 120px;
|
|
max-width: 250px;
|
|
font-size:12px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
list-style-type: none;
|
|
.selected{border-left:5px solid #666 !important;background:#eee;padding-left:10px !important;}
|
|
.menu;
|
|
.context-menu-submenu:after{
|
|
content: "\f0da";font-family:FontAwesome;
|
|
display: inline-block;float:right;margin-right: -30px;
|
|
}
|
|
.set_sort_up{margin-top:5px;;}
|
|
.context-menu-item {
|
|
display:block;cursor:pointer;
|
|
white-space:nowrap;
|
|
color:#444;line-height:23px;height:23px;
|
|
position: relative;
|
|
.menu_item;
|
|
span i{float:right;text-align:right;font-style: normal;color: #888;}
|
|
.font-icon{display: inline-block;width:25px;font-size: 1.2em;color: #888;}
|
|
&.disabled {color:@menu_disablecolor;}
|
|
&.disabled.hover{cursor: default;background-color: #EEE;}
|
|
&.hover {
|
|
cursor: pointer;
|
|
.menu_item_hover;
|
|
.font-icon{color: #fff;}
|
|
}
|
|
/* 横线 */
|
|
&.context-menu-separator {
|
|
height:2px;line-height:0;
|
|
border-bottom:1px solid #ddd;
|
|
margin: 2px 0 2px;
|
|
}
|
|
& > .context-menu-list {display: none;right: -5px;top: 5px;}
|
|
&.hover > .context-menu-list {
|
|
display: block;
|
|
.font-icon{color: #888;}
|
|
.hover .font-icon{color: #fff;}
|
|
}
|
|
.context-menu-accesskey {text-decoration: underline;}
|
|
}
|
|
} |