子比主题美化 – 二次元悬浮按钮

代码放置于func.php，如没有则创建一个

css代码：

/*二次元侧边栏*/
.bar-item-desc.bar-qrcode-box li{margin-bottom:10px;border:none;box-sizing:border-box;padding:24px 12px 14px;border-radius:8px;background:url(/wp-content/themes/vxras/img/bg-cat-main-code.png) no-repeat 50%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;}.mi-acgtop .mi-acgtop-main{position:fixed;z-index:50;left:auto;margin-top:-211px;right:20px;bottom:36px;width:56px;padding-top:36px;}.mi-acgtop .mi-acgtop-main .mi-acgtop-list{position:relative;z-index:52;height:auto;width:56px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;background-color:#ffffff;-webkit-box-shadow:0 0 6px 0 #FFD1D8;-moz-box-shadow:0 0 6px 0 #FFD1D8;box-shadow:0 0 6px 0 #FFD1D8;color: #121212;}.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item.active,.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item:hover{color:var(--theme-color);}.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item{position:relative;display:block;height:56px;width:56px;cursor:pointer;}.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item.active:before,.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item:hover:before{background-color:#FFF4F4;}.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item:before{content:"";position:absolute;z-index:53;left:4px;top:4px;height:48px;width:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;}.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item span,.mi-acgtop .mi-acgtop-main .mi-acgtop-list .item a{position:relative;z-index:54;display:block;height:56px;width:56px;border:12px solid transparent;font-size:12px;color:#666666;text-align:center;letter-spacing:1px;color:inherit;display:-webkit-box;-webkit-line-clamp:2;word-wrap:break-word;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}.mi-acgtop .mi-acgtop-main .connect{position:relative;z-index:51;display:block;height:6px;margin:0 auto;}.mi-acgtop .mi-acgtop-main .connect .line{position:absolute;left:50%;top:-3px;height:12px;width:24px;border-style:solid;border-color:#FFD1D8;border-width:0 3px;margin-left:-12px;background-color:rgba(252,105,118,0.10);-webkit-box-shadow:0 0 6px 0 #FFD1D8;-moz-box-shadow:0 0 6px 0 #FFD1D8;box-shadow:0 0 6px 0 #FFD1D8;}.mi-acgtop .mi-acgtop-main .round-list{position:relative;z-index:52;display:block;height:auto;width:56px;margin:0 auto;}.mi-acgtop .mi-acgtop-main .round-list .item:hover{color:var(--theme-color);-webkit-box-shadow:0 0 6px 0 #FFB5C3;-moz-box-shadow:0 0 6px 0 #FFB5C3;box-shadow:0 0 6px 0 #FFB5C3;}.mi-acgtop .mi-acgtop-main .round-list .item.item-icon{font-size:32px;line-height:40px;}.mi-acgtop .mi-acgtop-main .round-list .item{position:relative;display:block;height:56px;width:56px;padding:8px 4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-bottom:8px;font-size:14px;line-height:20px;text-align:center;color:#FFD1D8;background-color:#ffffff;-webkit-box-shadow:0 0 6px 0 #FFD1D8;-moz-box-shadow:0 0 6px 0 #FFD1D8;box-shadow:0 0 6px 0 #FFD1D8;cursor:pointer;}.mi-acgtop .mi-acgtop-main .round-list .item a{color:inherit;}.mi-acgtop .mi-acgtop-main .round-list .item-hover{position:absolute;left:50%;top:50%;display:none;height:0;width:0;}.mi-acgtop .mi-acgtop-main .round-list .float-qr-code .pic{display:block;height:96px;width:96px;margin:0 auto;}.mi-acgtop .mi-acgtop-main .round-list .float-qr-code .text{height:18px;font-size:12px;color:#666666;line-height:18px;text-align:center;}.mi-acgtop .mi-acgtop-main .cat{position:absolute;z-index:52;left:50%;top:0;height:40px;width:40px;margin-left:-20px;background:url(/wp-content/themes/vxras/img/cat-stand2.png) no-repeat 50%;-webkit-background-size:40px 40px;-moz-background-size:40px 40px;background-size:40px 40px;}.mi-acgtop-main .bar-item:hover .bar-item-desc{display:block;border:0;padding-right:20px;}.mi-acgtop-main .bar-item i{font-size:30px;}.round-list i.b2-rocket-2-line{font-size:30px;}.mi-newtop i{font-size:25px;}.mi-acgtop .bar-qrcode-box li:first-child{visibility:hidden;}.mi-acgtop .floater-sidebar-button:hover:after,.mi-acgtop .floater-sidebar-button:hover:before{display:block;}.mi-acgtop-list .floater-sidebar-button:before{content:attr(data-name);width:92px;height:44px;position:absolute;left:-112px;top:2px;background:#fff;box-shadow:0 2px 6px rgba(82,141,229,.2);border-radius:6px;display:block;color:#323e54;font-size:14px;font-weight:500;line-height:44px;text-align:center;display:none;}.mi-acgtop-list .floater-sidebar-button:after{content:"";width:10px;height:10px;position:absolute;left:-25px;top:50%;margin-top:-5px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;display:none;box-shadow:4px -4px 2px 0 rgba(82,141,229,.05);}

感谢您的访问，Ctrl+D收藏本站吧。