jQuery EasyUI 插件-macmenu源码css

来源：互联网发布：js数组的sort 编辑：程序博客网时间：2024/05/30 23:52
ul.macmenu,ul.macmenu>li>ul {display: none;list-style: none;color: #444;background-color: rgba(255,255,255,0.95);margin: 0;padding: 2px 1px;border: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 13px;font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}ul.macmenu{position: absolute;-moz-box-shadow: 0 6px 12px 2px rgba(0,0,0,0.7);-webkit-box-shadow: 0 6px 12px 2px rgba(0,0,0,0.7);box-shadow: 0 6px 12px 2px rgba(0,0,0,0.7);}ul.macmenu>li>ul {position: absolute;-moz-box-shadow: 4px 4px 14px rgba(0,0,0,0.7);-webkit-box-shadow: 4px 4px 14px rgba(0,0,0,0.7);box-shadow: 4px 4px 14px rgba(0,0,0,0.7);}ul.macmenu:before{content: '';position: absolute;left: 27px;top: 2px;bottom: 2px;padding: 0;margin: 0;border-top: 0;border-bottom: 0;border-left: 1px solid #ccc;border-right: 1px solid #fff;}ul.align{-moz-box-shadow: 0 8px 10px 2px rgba(0,0,0,0.7);-webkit-box-shadow: 0 8px 10px 2px rgba(0,0,0,0.7);box-shadow: 0 8px 10px 2px rgba(0,0,0,0.7);-moz-border-top-left-radius: 0px;-webkit-border-top-left-radius: 0px;-ms-border-top-left-radius: 0px;-o-border-top-left-radius: 0px;border-top-left-radius: 0px;-moz-border-top-right-radius: 0px;-webkit-border-top-right-radius: 0px;-ms-border-top-right-radius: 0px;-o-border-top-right-radius: 0px;border-top-right-radius: 0px;}ul.macmenu>li.menuitem {position: relative !important;margin: 0 !important;padding: 0 5px 0 35px !important;white-space: nowrap !important;cursor: pointer !important;border-bottom: 1px solid transparent !important;height: 23px !important;}ul.macmenu>li:not(.menudisabled):not(.divider):hover>span.itemicon {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);filter:alpha(Opacity=100);-webkit-opacity:1;-moz-opacity: 1;-o-opacity: 1;opacity: 1;}ul.macmenu>li:not(.menudisabled):not(.divider):hover {color: #fff;background: #7793f5;background: -webkit-linear-gradient(#7793f5 0,#406df2 50%,#275af1 100%);background: -o-linear-gradient(#7793f5 0,#406df2 50%,#275af1 100%);background: -moz-linear-gradient(#7793f5 0,#406df2 50%,#275af1 100%);background: -ms-linear-gradient(#7793f5 0,#406df2 50%,#275af1 100%);background: linear-gradient(#7793f5 0,#406df2 50%,#275af1 100%);border-bottom-color: #1746d7;}ul.macmenu>li:not(.menudisabled):not(.divider):hover>span.itemarrow {border-left: 9px solid rgba(255,255,255,0.95);}ul.macmenu>li span.itemicon{-webkit-transition: all .3s ease-in .1s;-o-transition: all .3s ease-in .1s;-ms-transition: all .3s ease-in .1s;-moz-transition: all .3s ease-in .1s;transition: all .3s ease-in .1s;}ul.macmenu>li span.itemicon{position: absolute;width: 16px;height: 16px;left: 5px;top: 50%;margin-top: -8px;filter:alpha(Opacity=60);-webkit-opacity:.6;-moz-opacity: .6;-o-opacity: .6;opacity: .6;}ul.macmenu>li span.itemtext{line-height: 25px;}ul.macmenu>li span.itemarrow {position: absolute;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 9px solid rgba(0,0,0,0.7);top: 30%;right: 5px;}ul.macmenu>li.divider {height: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #fff;margin: 3px 0 3px 28px;font-size: 1px;cursor: default;}ul.macmenu>li.menudisabled {opacity: .4;filter: alpha(opacity=40);cursor: default;}ul.contentmenu {cursor: default;background: #fff;}
0 0