You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
3.0 KiB
2 lines
3.0 KiB
4 months ago
|
[data-v-ed05c097]:root{--menuBg: #fff;--menuText: #000;--menuActiveText: #fff;--menuHover: #1E5EFF;--subMenuBg: #EAF2FF;--subMenuActiveText: #f4f4f5;--subMenuHover: #1E5EFF}.wscn-http404-container[data-v-ed05c097]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.wscn-http404[data-v-ed05c097]{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404[data-v-ed05c097]{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent[data-v-ed05c097]{width:100%}.wscn-http404 .pic-404__child[data-v-ed05c097]{position:absolute}.wscn-http404 .pic-404__child.left[data-v-ed05c097]{top:17px;left:220px;width:80px;opacity:0;animation-name:cloudLeft-ed05c097;animation-duration:2s;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:forwards}.wscn-http404 .pic-404__child.mid[data-v-ed05c097]{top:10px;left:420px;width:46px;opacity:0;animation-name:cloudMid-ed05c097;animation-duration:2s;animation-timing-function:linear;animation-delay:1.2s;animation-fill-mode:forwards}.wscn-http404 .pic-404__child.right[data-v-ed05c097]{top:100px;left:500px;width:62px;opacity:0;animation-name:cloudRight-ed05c097;animation-duration:2s;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:forwards}@keyframes cloudLeft-ed05c097{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudMid-ed05c097{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudRight-ed05c097{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit[data-v-ed05c097]{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops[data-v-ed05c097]{margin-bottom:20px;font-size:32px;font-weight:700;line-height:40px;color:#1482f0;opacity:0;animation-name:slideUp-ed05c097;animation-duration:.5s;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline[data-v-ed05c097]{margin-bottom:10px;font-size:20px;font-weight:700;line-height:24px;color:#222;opacity:0;animation-name:slideUp-ed05c097;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-ed05c097]{margin-bottom:30px;font-size:13px;line-height:21px;color:gray;opacity:0;animation-name:slideUp-ed05c097;animation-duration:.5s;animation-delay:.2s;animation-fill-mode:forwards}.wscn-http404 .bullshit__return-home[data-v-ed05c097]{display:block;float:left;width:110px;height:36px;font-size:14px;line-height:36px;color:#fff;text-align:center;cursor:pointer;background:#1482f0;border-radius:100px;opacity:0;animation-name:slideUp-ed05c097;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes slideUp-ed05c097{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
|