home/css/style.min.css

1 line
12 KiB
CSS
Raw Normal View History

2022-05-16 19:03:47 +08:00
@charset "utf-8";body,html{width:100%;height:100%;margin:0;padding:0;background-color:#333}*,a,p{text-decoration:none;transition:.3s;color:#efefef;user-select:none;font-family:MiSans,sans-serif}a:hover{color:#fff}.cards{transition:.5s}.cards:hover{transform:scale(1.01);transition:.5s}.cards:active{transform:scale(.95);transition:.5s}.noscript{z-index:999999;font-size:.95rem;text-align:center;margin:14px 0}.bg-all{z-index:-1;position:absolute;top:calc(0px + 0px);left:0;width:100%;height:calc(100% - 0px);transition:.25s}#bg{transform:scale(1.1);filter:blur(10px);position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s,transform .25s,filter .25s;backface-visibility:hidden}img.error{display:none}.cover{opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%);transition:.25s}section{display:block;position:fixed;width:100%;height:100%;min-height:600px;transform:scale(1.1);transition:ease 1.25s;opacity:0;filter:blur(10px)}main{width:100%;height:100%;background:rgb(0 0 0 / 20%);display:flex}.container{width:100%;display:flex;justify-content:space-around}.row{align-items:center;justify-content:center;width:100%;--bs-gutter-x:0!important}.col.\32{margin:0 1.5rem}.main-left{transform:translateY(40px)}.row.rightone{display:flex;align-items:center}.main-img{display:flex;align-items:center}.main-img img{border-radius:50%;width:120px}.main-img img:hover{transform:rotate(360deg)}.img-title{width:100%;margin-left:12px;transform:translateY(-8%)}span.img-title{font-size:5rem;font-family:Pacifico-Regular!important}span.img-text{font-size:2rem;font-family:Pacifico-Regular!important}.message{background:rgb(0 0 0 / 25%);backdrop-filter:blur(10px);padding:1rem;border-radius:6px;margin-top:3.5rem;max-width:460px;cursor:pointer}.des{display:flex;justify-content:space-between}.des-title{margin:1rem 1rem;line-height:2rem}span#change{font-family:Pacifico-Regular!important}i.iconfont.icon-yinhao-copy{align-self:flex-end}.social{margin-top:1rem;display:flex;align-items:center;max-width:460px}.link i{font-size:1.75rem;margin:0 10px}#link-text{display:none;flex:1;text-align:right;margin-right:1rem}.col.hitokotos{margin-right:.75rem}.hitokoto{width:100%;background:rgb(0 0 0 / 25%);backdrop-filter:blur(10px);padding:20px;border-radius:6px;height:165px;display:flex;justify-content:center;flex-direction:column}.hitokoto-all{margin-top:10px;display:flex;flex-direction:column}.hitokoto-text{font-size:1.1rem}#hitokoto_text{word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hitokoto-from{margin-top:10px;font-weight:700;align-self:flex-end;font-size:1.1rem}.open-music{display:none;justify-content:center;background:rgb(0 0 0 / 15%);padding:4px 0;font-size:.95rem;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.open-music:hover{background:rgb(0 0 0 / 30%)}#music{display:none}.music{width:100%;background:rgb(0 0 0 / 25%);backdrop-filter:blur(10px);padding:20px;border-radius:6px;height:165px;display:flex;justify-content:center;flex-direction:column;animation:fade;-webkit-animation:fade .3s;-moz-animation:fade .3s;-o-animation:fade .3s;-ms-animation:fade .3s}.music-all{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%}.music-button{display:flex;align-items:center;margin-bottom:6px}.music-control{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%}.music-menu{height:26px;display:flex;align-items:center}i.iconfont.icon-pause,i.iconfont.icon-play{font-size:2.25rem;padding:6px;border-radius:6px}i.iconfont.icon-pause:hover,i.iconfont.icon-play:hover{background:rgb(255 255 255 / 20%);padding:6px;border-radius:6px}i#last,i#next{font-size:2rem}.music-text{margin-top:6px;font-size:1.1rem;text-overflow:ellipsis;max-width:220px;overflow-x:hidden;white-space:nowrap;animation:fade;-webkit-animation