element-ui-for-gov/lib/theme-chalk/dropdown.css

element-ui for gov

.el-button{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9d9d9;color:#000;-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:9px 16px;font-size:20px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.el-button.is-round{padding:9px 16px}.el-button:hover{color:#026abe;border-color:#b3d2ec;background-color:#e6f0f9}.el-button:active{color:#025fab;border-color:#025fab;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:#026abe;color:#026abe}.el-button.is-plain:active{background:#fff;border-color:#025fab;color:#025fab;outline:0}.el-button.is-active{color:#025fab;border-color:#025fab}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#000;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.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:#ebeef5;color:#000}.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:9px 16px}.el-button.is-circle{border-radius:50%;padding:9px}.el-button--primary{color:#fff;background-color:#026abe;border-color:#026abe}.el-button--primary:focus,.el-button--primary:hover{background:#3588cb;border-color:#3588cb;color:#fff}.el-button--primary:active{background:#025fab;border-color:#025fab;color:#fff;outline:0}.el-button--primary.is-active{background:#025fab;border-color:#025fab;color:#fff}.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:#81b5df;border-color:#81b5df}.el-button--primary.is-plain{color:#026abe;background:#e6f0f9;border-color:#9ac3e5}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#026abe;border-color:#026abe;color:#fff}.el-button--primary.is-plain:active{background:#025fab;border-color:#025fab;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:#67a6d8;background-color:#e6f0f9;border-color:#cce1f2}.el-button--success{color:#fff;background-color:#1abc5e;border-color:#1abc5e}.el-button--success:focus,.el-button--success:hover{background:#48c97e;border-color:#48c97e;color:#fff}.el-button--success:active{background:#17a955;border-color:#17a955;color:#fff;outline:0}.el-button--success.is-active{background:#17a955;border-color:#17a955;color:#fff}.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:#8ddeaf;border-color:#8ddeaf}.el-button--success.is-plain{color:#1abc5e;background:#e8f8ef;border-color:#a3e4bf}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#1abc5e;border-color:#1abc5e;color:#fff}.el-button--success.is-plain:active{background:#17a955;border-color:#17a955;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:#76d79e;background-color:#e8f8ef;border-color:#d1f2df}.el-button--warning{color:#fff;background-color:#ff9500;border-color:#ff9500}.el-button--warning:focus,.el-button--warning:hover{background:#fa3;border-color:#fa3;color:#fff}.el-button--warning:active{background:#e68600;border-color:#e68600;color:#fff;outline:0}.el-button--warning.is-active{background:#e68600;border-color:#e68600;color:#fff}.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:#ffca80;border-color:#ffca80}.el-button--warning.is-plain{color:#ff9500;background:#fff4e6;border-color:#ffd599}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#ff9500;border-color:#ff9500;color:#fff}.el-button--warning.is-plain:active{background:#e68600;border-color:#e68600;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:#ffbf66;background-color:#fff4e6;border-color:#ffeacc}.el-button--danger{color:#fff;background-color:#ff3b30;border-color:#ff3b30}.el-button--danger:focus,.el-button--danger:hover{background:#ff6259;border-color:#ff6259;color:#fff}.el-button--danger:active{background:#e6352b;border-color:#e6352b;color:#fff;outline:0}.el-button--danger.is-active{background:#e6352b;border-color:#e6352b;color:#fff}.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:#ff9d98;border-color:#ff9d98}.el-button--danger.is-plain{color:#ff3b30;background:#ffebea;border-color:#ffb1ac}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#ff3b30;border-color:#ff3b30;color:#fff}.el-button--danger.is-plain:active{background:#e6352b;border-color:#e6352b;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:#ff8983;background-color:#ffebea;border-color:#ffd8d6}.el-button--info{color:#fff;background-color:#0c83fa;border-color:#0c83fa}.el-button--info:focus,.el-button--info:hover{background:#3d9cfb;border-color:#3d9cfb;color:#fff}.el-button--info:active{background:#0b76e1;border-color:#0b76e1;color:#fff;outline:0}.el-button--info.is-active{background:#0b76e1;border-color:#0b76e1;color:#fff}.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:#86c1fd;border-color:#86c1fd}.el-button--info.is-plain{color:#0c83fa;background:#e7f3ff;border-color:#9ecdfd}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#0c83fa;border-color:#0c83fa;color:#fff}.el-button--info.is-plain:active{background:#0b76e1;border-color:#0b76e1;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:#6db5fc;background-color:#e7f3ff;border-color:#cee6fe}.el-button--medium{padding:8px 16px;font-size:18px;border-radius:4px}.el-button--medium.is-round{padding:8px 16px}.el-button--medium.is-circle{padding:8px}.el-button--small{padding:7px 15px;font-size:16px;border-radius:3px}.el-button--small.is-round{padding:7px 15px}.el-button--small.is-circle{padding:7px}.el-button--mini{padding:5px 15px;font-size:16px;border-radius:3px}.el-button--mini.is-round{padding:5px 15px}.el-button--mini.is-circle{padding:5px}.el-button--text{border-color:transparent!important;color:#026abe;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#3588cb;border-color:transparent;background-color:transparent}.el-button--text:active{color:#025fab;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended;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.is-disabled{z-index:1}.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:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.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:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.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{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended}.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:#ebeef5;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:#ebeef5}.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:#ebeef5;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:#ebeef5}.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{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended;display:inline-block;position:relative}.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:0;bottom:0;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(217,217,217,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:16px;margin:0 3px}.el-dropdown .el-button--mini.el-dropdown__caret-button .el-dropdown__icon,.el-dropdown .el-button--small.el-dropdown__caret-button .el-dropdown__icon{margin:0}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended;position:absolute;top:0;left:0;z-index:10;padding:0;margin:5px 0;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.el-dropdown-menu__item{list-style:none;height:48px;line-height:48px;padding:0 20px;margin:0;font-size:20px;color:#000;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#f5f5f5}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;border-top:1px solid #ebeef5}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium .el-dropdown-menu__item{height:40px;line-height:40px;padding:0 18px;font-size:18px}.el-dropdown-menu--small .el-dropdown-menu__item{height:32px;line-height:32px;padding:0 16px;font-size:16px}.el-dropdown-menu--mini .el-dropdown-menu__item{height:32px;line-height:32px;padding:0 16px;font-size:16px}