@cloudux/noah-theme/lib/dropdown.css

Noah theme.

.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#ddd;border:#ddd;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:8px 15px;font-size:14px;border-radius:2px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#487bb0;border-color:#c8d7e7;background-color:#edf2f7}.el-button:active{color:#416f9e;border-color:#416f9e;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#487bb0;color:#487bb0}.el-button.is-active,.el-button.is-plain:active{color:#416f9e;border-color:#416f9e}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e5e5e5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e5e5e5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:8px 23px}.el-button--default{color:#606266;background-color:#ddd;border-color:#ddd}.el-button--default:focus,.el-button--default:hover{background:#ebebeb;border-color:#ebebeb;color:#606266}.el-button--default.is-active,.el-button--default:active{background:#c7c7c7;border-color:#c7c7c7;color:#606266}.el-button--default:active{outline:0}.el-button--default.is-disabled,.el-button--default.is-disabled:active,.el-button--default.is-disabled:focus,.el-button--default.is-disabled:hover{color:#fff;background-color:#eee;border-color:#eee}.el-button--default.is-plain{color:#ddd;background:#fcfcfc;border-color:#f1f1f1}.el-button--default.is-plain:focus,.el-button--default.is-plain:hover{background:#ddd;border-color:#ddd;color:#fff}.el-button--default.is-plain:active{background:#c7c7c7;border-color:#c7c7c7;color:#fff;outline:0}.el-button--default.is-plain.is-disabled,.el-button--default.is-plain.is-disabled:active,.el-button--default.is-plain.is-disabled:focus,.el-button--default.is-plain.is-disabled:hover{color:#ebebeb;background-color:#fcfcfc;border-color:#f8f8f8}.el-button--primary{color:#fff;background-color:#487bb0;border-color:#487bb0}.el-button--primary:focus,.el-button--primary:hover{background:#4185cd;border-color:#91b0d0;color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:#4185cd;border-color:#416f9e;color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#a4bdd8;border-color:#a4bdd8}.el-button--primary.is-plain{color:#487bb0;background:#edf2f7;border-color:#b6cadf}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#487bb0;border-color:#487bb0;color:#fff}.el-button--primary.is-plain:active{background:#416f9e;border-color:#416f9e;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#91b0d0;background-color:#edf2f7;border-color:#dae5ef}.el-button--success{color:#fff;background-color:#23ad07;border-color:#23ad07}.el-button--success:focus,.el-button--success:hover{background:#7bce6a;border-color:#7bce6a;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#209c06;border-color:#209c06;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#91d683;border-color:#91d683}.el-button--success.is-plain{color:#23ad07;background:#e9f7e6;border-color:#a7de9c}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#23ad07;border-color:#23ad07;color:#fff}.el-button--success.is-plain:active{background:#209c06;border-color:#209c06;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#7bce6a;background-color:#e9f7e6;border-color:#d3efcd}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#fad67f;border-color:#fad67f;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#fbdd95;border-color:#fbdd95}.el-button--warning.is-plain{color:#f7ba2a;background:#fef8ea;border-color:#fce3aa}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#f7ba2a;border-color:#f7ba2a;color:#fff}.el-button--warning.is-plain:active{background:#dea726;border-color:#dea726;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#fad67f;background-color:#fef8ea;border-color:#fdf1d4}.el-button--danger{color:#fff;background-color:#de3434;border-color:#de3434}.el-button--danger:focus,.el-button--danger:hover{background:#eb8585;border-color:#eb8585;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#c82f2f;border-color:#c82f2f;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#ef9a9a;border-color:#ef9a9a}.el-button--danger.is-plain{color:#de3434;background:#fcebeb;border-color:#f2aeae}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#de3434;border-color:#de3434;color:#fff}.el-button--danger.is-plain:active{background:#c82f2f;border-color:#c82f2f;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#eb8585;background-color:#fcebeb;border-color:#f8d6d6}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#96d9ff;border-color:#96d9ff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#a8dfff;border-color:#a8dfff}.el-button--info.is-plain{color:#50bfff;background:#eef9ff;border-color:#b9e5ff}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#50bfff;border-color:#50bfff;color:#fff}.el-button--info.is-plain:active{background:#48ace6;border-color:#48ace6;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#96d9ff;background-color:#eef9ff;border-color:#dcf2ff}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:11px 19px;font-size:16px;border-radius:0}.el-button--medium.is-round{padding:11px 19px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:-1}.el-button--small.is-round{padding:7px 9px}.el-button--mini{padding:4px;font-size:12px;border-radius:-1}.el-button--mini.is-round{padding:4px}.el-button--text{color:#487bb0;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#91b0d0;border-color:transparent;background-color:transparent}.el-button--text:active{color:#416f9e;background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e5e5e5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e5e5e5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e5e5e5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e5e5e5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#edf2f7;color:#395e84}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e5e5e5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}