mirror of
https://github.com/silenty4ng/k5web
synced 2025-01-29 23:23:50 +00:00
1 line
8.2 KiB
CSS
1 line
8.2 KiB
CSS
.arco-icon-hover.arco-collapse-item-icon-hover:before{width:16px;height:16px}.arco-icon-hover.arco-collapse-item-icon-hover:hover:before{background-color:var(--color-fill-2)}.arco-collapse{overflow:hidden;line-height:1.5715;border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium)}.arco-collapse-item{box-sizing:border-box;border-bottom:1px solid var(--color-border-2)}.arco-collapse-item-active>.arco-collapse-item-header{background-color:var(--color-bg-2);border-color:var(--color-neutral-3);transition:border-color 0s ease 0s}.arco-collapse-item-active>.arco-collapse-item-header .arco-collapse-item-header-title{font-weight:500}.arco-collapse-item-active>.arco-collapse-item-header .arco-collapse-item-expand-icon{transform:rotate(90deg)}.arco-collapse-item-active>.arco-collapse-item-header .arco-collapse-item-icon-right .arco-collapse-item-expand-icon{transform:rotate(-90deg)}.arco-collapse-item-header{position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-top:8px;padding-bottom:8px;overflow:hidden;color:var(--color-text-1);font-size:14px;line-height:24px;background-color:var(--color-bg-2);border-bottom:1px solid transparent;cursor:pointer;transition:border-color 0s ease .19s}.arco-collapse-item-header-left{padding-right:13px;padding-left:34px}.arco-collapse-item-header-right{padding-right:34px;padding-left:13px}.arco-collapse-item-header-right+.arco-collapse-item-content{padding-left:13px}.arco-collapse-item-header-disabled{color:var(--color-text-4);background-color:var(--color-bg-2);cursor:not-allowed}.arco-collapse-item-header-disabled .arco-collapse-item-header-icon{color:var(--color-text-4)}.arco-collapse-item-header-title{display:inline}.arco-collapse-item-header-extra{float:right}.arco-collapse-item .arco-collapse-item-icon-hover{position:absolute;top:50%;left:13px;text-align:center;transform:translateY(-50%)}.arco-collapse-item .arco-collapse-item-icon-right{right:13px;left:unset}.arco-collapse-item .arco-collapse-item-icon-right>.arco-collapse-item-header-icon-down{transform:rotate(-90deg)}.arco-collapse-item .arco-collapse-item-expand-icon{position:relative;display:block;color:var(--color-neutral-7);font-size:14px;vertical-align:middle;transition:transform .2s cubic-bezier(.34,.69,.1,1)}.arco-collapse-item-content{position:relative;padding-right:13px;padding-left:34px;overflow:hidden;color:var(--color-text-1);font-size:14px;background-color:var(--color-fill-1)}.arco-collapse-item-content-expanded{display:block;height:auto}.arco-collapse-item-content-box{padding:8px 0}.arco-collapse-item.arco-collapse-item-disabled>.arco-collapse-item-content{color:var(--color-text-4)}.arco-collapse-item-no-icon>.arco-collapse-item-header{padding-right:13px;padding-left:13px}.arco-collapse-item:last-of-type{border-bottom:none}.arco-collapse.arco-collapse-borderless{border:none}.arco-collapse:after{display:table;clear:both;content:""}.collapse-slider-enter-from,.collapse-slider-leave-to{height:0}.collapse-slider-enter-active,.collapse-slider-leave-active{transition:height .2s cubic-bezier(.34,.69,.1,1)}[data-v-ad2c1091] .arco-collapse-item-content-expend,[data-v-ad2c1091] .arco-collapse-item-content-box{background-color:var(--color-bg-2)}.banner[data-v-ad2c1091]{width:100%;padding:20px 20px 0;padding:.781vw .781vw 0;background-color:var(--color-bg-2);border-radius:4px 4px 0 0}[data-v-ad2c1091] .arco-icon-home{margin-right:6px}body[arco-theme=dark] .tencent[data-v-ad2c1091]{filter:invert(1) hue-rotate(180deg)}.halloween .head .skull[data-v-ad2c1091]:before,.halloween .head .skull[data-v-ad2c1091]:after,.halloween .eyes .eye[data-v-ad2c1091]:before,.halloween .body[data-v-ad2c1091]:before,.halloween .body[data-v-ad2c1091]:after,.halloween .legs[data-v-ad2c1091]:before{content:"";position:absolute}.halloween[data-v-ad2c1091]{width:30px;width:1.172vw;height:44px;height:1.719vw;margin-left:20px;margin-left:.781vw;animation:move-ad2c1091 3s infinite}.halloween .head[data-v-ad2c1091]{z-index:1;width:25px;width:.977vw;height:25px;height:.977vw;background:#444;border-radius:50%;position:relative}.halloween .head .skull[data-v-ad2c1091]{left:2px;bottom:2px;width:16px;width:.625vw;height:16px;height:.625vw;color:#f9f9f9;border-radius:50%;background:#f9f9f9;position:absolute;animation:skull-ad2c1091 3s infinite}.halloween .head .skull[data-v-ad2c1091]:before{top:9px;width:0;left:50%;height:0;z-index:1;margin-left:-2px;border:2px solid transparent;border-bottom:2px solid #444}.halloween .head .skull[data-v-ad2c1091]:after{top:14px;left:50%;width:1px;height:4px;margin-left:-1px;background:#f9f9f9;box-shadow:2px 0,-2px 0,4px 0,-4px 0,-3px -2px,-1px -2px,1px -2px,3px -2px}.halloween .eyes[data-v-ad2c1091]{width:inherit;height:inherit;overflow:hidden;border-radius:50%;position:relative}.halloween .eyes .eye[data-v-ad2c1091]{top:5px;width:5px;height:5px;position:absolute;border-radius:50%;background:#f8cd22;border:1px solid #444;border-right:2px solid #444}.halloween .eyes .eye[data-v-ad2c1091]:before{top:-1px;left:-1px;width:5px;height:3px;background:#f9f9f9;border-radius:5px 5px 0 0;animation:eyes-ad2c1091 3s infinite}.halloween .eyes .eye.eye-left[data-v-ad2c1091]{left:1px}.halloween .eyes .eye.eye-right[data-v-ad2c1091]{right:1px}.halloween .body[data-v-ad2c1091]{top:-3px;width:24px;width:.938vw;height:17px;height:.664vw;background:#444;position:relative;border-radius:10px 10px 2px 2px}.halloween .body[data-v-ad2c1091]:before,.halloween .body[data-v-ad2c1091]:after{top:3px;width:4px;height:12px;background:#444}.halloween .body[data-v-ad2c1091]:before{left:-1px;border-radius:100% 0 0 2px;transform:rotate(10deg);animation:hand-left-ad2c1091 3s infinite}.halloween .body[data-v-ad2c1091]:after{right:-1px;border-radius:0 100% 2px 0;transform:rotate(-10deg);animation:hand-right-ad2c1091 3s infinite}.halloween .legs[data-v-ad2c1091]{top:-3px;left:50%;width:21px;width:.82vw;height:10px;overflow:hidden;margin-left:-13px;position:relative;border-bottom:1px solid rgba(0,0,0,.2)}.halloween .legs[data-v-ad2c1091]:before{top:0;left:-7px;width:60px;width:2.344vw;height:10px;background-image:linear-gradient(-495deg,#444 4px,transparent 0),linear-gradient(-45deg,transparent 4px,#444 0);background-size:4px 8px;background-repeat:repeat-x;animation:legs-ad2c1091 3s infinite}@keyframes move-ad2c1091{0%{transform:translate(0)}50%{transform:translate(15px)}to{transform:translate(0)}}@keyframes skull-ad2c1091{0%{transform:translate(0)}25%{transform:translate(2px,1px)}75%{transform:translate(3px,-1px)}to{transform:translate(0)}}@keyframes eyes-ad2c1091{0%{top:-5px;border-radius:50%}50%{top:-1px;border-radius:5px 5px 0 0}to{top:-5px;border-radius:50%}}@keyframes legs-ad2c1091{0%{left:-7px}50%{left:-25px;left:-.977vw}to{left:-7px}}@keyframes hand-left-ad2c1091{0%{left:1px}50%{left:-2px}to{left:1px}}@keyframes hand-right-ad2c1091{0%{right:1px}50%{right:-2px}to{right:1px}}.adimg1:hover .adimg1c[data-v-ad2c1091]{display:block!important}.container[data-v-8f743d99]{background-color:var(--color-fill-2);padding:16px 20px;padding:.625vw .781vw;padding-bottom:0;display:flex}.left-side[data-v-8f743d99]{flex:1;overflow:auto}.right-side[data-v-8f743d99]{width:280px;width:10.938vw;margin-left:16px;margin-left:.625vw}.panel[data-v-8f743d99]{background-color:var(--color-bg-2);border-radius:4px;overflow:auto}[data-v-8f743d99] .panel-border{margin-bottom:0;border-bottom:1px solid rgb(var(--gray-2))}.moduler-wrap[data-v-8f743d99]{border-radius:4px;background-color:var(--color-bg-2)}.moduler-wrap[data-v-8f743d99] .text{font-size:12px;text-align:center;color:rgb(var(--gray-8))}.moduler-wrap[data-v-8f743d99] .wrapper{margin-bottom:8px;text-align:center;cursor:pointer}.moduler-wrap[data-v-8f743d99] .wrapper:last-child .text{margin-bottom:0}.moduler-wrap[data-v-8f743d99] .wrapper:hover .icon{color:rgb(var(--arcoblue-6));background-color:#e8f3ff}.moduler-wrap[data-v-8f743d99] .wrapper:hover .text{color:rgb(var(--arcoblue-6))}.moduler-wrap[data-v-8f743d99] .icon{display:inline-block;width:32px;width:1.25vw;height:32px;height:1.25vw;margin-bottom:4px;color:rgb(var(--dark-gray-1));line-height:32px;line-height:1.25vw;font-size:16px;font-size:.625vw;text-align:center;background-color:rgb(var(--gray-1));border-radius:4px}.mobile .container[data-v-8f743d99]{display:block}.mobile .right-side[data-v-8f743d99]{width:100%;margin-left:0;margin-top:16px;margin-top:.625vw}
|