cjl-ui/dropdown.css

the giraffe theme project files

@charset "UTF-8";.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-dropdown{display:inline-block}.el-button-group:after{clear:both}.el-button{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #E5E6EB;color:#333;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:8px 15px;font-size:14px;border-radius:3px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#6E9ACB;border-color:#6E9ACB}.el-button:active{color:#638bb7;border-color:#638bb7;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.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-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#ccc;cursor:not-allowed;background-image:none;background-color:#F0F5FA;border-color:#E5E6EB}.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:#E5E6EB;color:#ccc}.el-button.is-active{color:#638bb7;border-color:#638bb7}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#6E9ACB;color:#6E9ACB}.el-button.is-plain:active{background:#fff;border-color:#638bb7;color:#638bb7;outline:0}.el-button--primary{color:#fff;background-color:#6E9ACB;border-color:#6E9ACB}.el-button--primary:focus,.el-button--primary:hover{background:#8baed5;border-color:#8baed5;color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:#638bb7;border-color:#638bb7;color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid #E5E6EB;color:#333}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#6E9ACB;color:#6E9ACB}.el-button--primary.is-plain:active{background:#fff;border-color:#638bb7;color:#638bb7;outline:0}.el-button--success{color:#fff;background-color:#7DCF7F;border-color:#7DCF7F}.el-button--success:focus,.el-button--success:hover{background:#97d999;border-color:#97d999;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#71ba72;border-color:#71ba72;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid #E5E6EB;color:#333}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#7DCF7F;color:#7DCF7F}.el-button--success.is-plain:active{background:#fff;border-color:#71ba72;color:#71ba72;outline:0}.el-button--warning{color:#fff;background-color:#FACE38;border-color:#FACE38}.el-button--warning:focus,.el-button--warning:hover{background:#fbd860;border-color:#fbd860;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#e1b932;border-color:#e1b932;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid #E5E6EB;color:#333}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#FACE38;color:#FACE38}.el-button--warning.is-plain:active{background:#fff;border-color:#e1b932;color:#e1b932;outline:0}.el-button--danger{color:#fff;background-color:#FF7C7A;border-color:#FF7C7A}.el-button--danger:focus,.el-button--danger:hover{background:#ff9695;border-color:#ff9695;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e6706e;border-color:#e6706e;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid #E5E6EB;color:#333}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#FF7C7A;color:#FF7C7A}.el-button--danger.is-plain:active{background:#fff;border-color:#e6706e;color:#e6706e;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;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-plain{background:#fff;border:1px solid #E5E6EB;color:#333}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:3px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:3px}.el-button--mini{padding:4px;font-size:12px;border-radius:3px}.el-button--text{border:none;color:#6E9ACB;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#8baed5}.el-button--text:active{color:#638bb7}.el-button-group{vertical-align:middle}.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-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-dropdown{position:relative;color:#333;font-size:12px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;background-color:#fff;border:1px solid #E5E6EB;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#F0F5FA;color:#333}.el-dropdown-menu__item.is-disabled{cursor:default;color:#ccc;pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #E5E6EB}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}