-
Notifications
You must be signed in to change notification settings - Fork 125
/
context-menu.min.css
1 lines (1 loc) · 4.48 KB
/
context-menu.min.css
1
.context-menu-default{position:absolute;width:200px;padding:0;margin:0;background:#fff;z-index:100;border-radius:3px;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.3);box-shadow:1px 1px 4px rgba(0,0,0,.3);opacity:0;-webkit-transform:translate(0,15px) scale(.95);transform:translate(0,15px) scale(.95);-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.context-menu-default-item{display:block;position:relative;margin:0;padding:0;white-space:nowrap}.context-menu-default-btn{background:0 0;line-height:normal;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;width:100%;color:#444;font-family:Roboto,sans-serif;font-size:13px;text-align:left;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:8px 16px}.context-menu-default-btn::-moz-focus-inner{border:0;padding:0}.context-menu-default-icon{font-size:16px}.context-menu-default-text{font-size:14px;margin-left:15px}.context-menu-default-item:hover>.context-menu-default-btn{outline:0;background-color:#fafafa}.context-menu-default-item.disabled{opacity:.5;pointer-events:none}.context-menu-default-item.disabled .context-menu-default-btn{cursor:default}.context-menu-default-separator{display:block;margin:7px 5px;height:1px;border-bottom:1px solid #fff;background-color:#aaa}.context-menu-default-item.subcontext-menu-default::after{content:'';position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:5px solid transparent;border-left-color:grey}.context-menu-default-item.subcontext-menu-default:hover::after{border-left-color:#fff}.context-menu-default .context-menu-default{top:4px;left:99%}.context-menu-default-item:hover>.context-menu-default,.show-context-menu-default{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);pointer-events:auto}.context-menu-default-item:hover>.context-menu-default{-webkit-transition-delay:.1s;transition-delay:.3s}.context-menu-blue{position:absolute;width:250px;padding:0;margin:0;background:#23aff7;background:linear-gradient(to bottom,#23aff7 0,#007bff 100px,#007bff 100%);z-index:100;border-radius:2px;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2);box-shadow:1px 1px 4px rgba(0,0,0,.2);opacity:0;-webkit-transform:translate(0,15px) scale(.95);transform:translate(0,15px) scale(.95);-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.context-menu-blue-item{display:block;position:relative;margin:0;padding:0;white-space:nowrap}.context-menu-blue-btn{background:0 0;line-height:normal;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;width:100%;font-family:Roboto,sans-serif;text-align:left;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:1rem 2rem}.context-menu-blue-btn::-moz-focus-inner{border:0;padding:0}.context-menu-blue-icon{color:#fff;font-size:1.1rem}.context-menu-blue-text{color:#fff;font-family:Barlow,sans-serif;font-size:1rem;margin-left:20px}.context-menu-blue-item:hover>.context-menu-blue-btn{color:#23aff7;outline:0;background-color:#73d0ff;background:-webkit-gradient(linear,left top,left bottom,from(#73d0ff),to(#73d0ff));background:linear-gradient(to bottom,#73d0ff,#73d0ff)}.context-menu-blue-item.disabled{opacity:.5;pointer-events:none}.context-menu-blue-item.disabled .context-menu-blue-btn{cursor:#00f}.context-menu-blue-separator{display:block;margin:7px 5px;height:1px;border-bottom:1px solid #23aff7;background-color:#aaa}.context-menu-blue-item.subcontext-menu-blue::after{content:'';position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:5px solid transparent;border-left-color:grey}.context-menu-blue-item.subcontext-menu-blue:hover::after{border-left-color:#23aff7}.context-menu-blue .context-menu-blue{top:4px;left:99%}.context-menu-blue-item:hover>.context-menu-blue,.show-context-menu-blue{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);pointer-events:auto}.context-menu-blue-item:hover>.context-menu-blue{-webkit-transition-delay:.1s;transition-delay:.3s}