2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

User:一位史蒂夫/overlay/styles.css

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox/Safari:按住“Shift”的同时单击“刷新”,或按“Ctrl-F5”或“Ctrl-R”(Mac为“⌘-R”)
  • Google Chrome:按“Ctrl-Shift-R”(Mac为“⌘-Shift-R”)
  • Internet Explorer:按住“Ctrl”的同时单击“刷新”,或按“Ctrl-F5”
  • Opera:在“工具→首选项”中清除缓存
如果您已登录但该页面出现未登录状态,请尝试在地址栏的地址最后添加代码?_=1来访问最新页面。
添加代码后的本页地址如下:-{R|https://moegirl.icu/User:%E4%B8%80%E4%BD%8D%E5%8F%B2%E8%92%82%E5%A4%AB/overlay/styles.css?_=1}-
@keyframes lr-fadein {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}
 
@keyframes lr-fadeout {
    from {
        visibility: visible;
        opacity: 1;
    }
    to {
        visibility: hidden;
        opacity: 0;
    }
}
 
#lr-overlay-wrapper {
    position: fixed;
    background: #FBD170;
    width: 100vw;
    height: 100vh;
    z-index: 2147483647;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}
 
#lr-overlay-content {
    max-width: 50%;
    padding-right: 0.5em;
    margin: 0.75em auto;
}
 
#lr-overlay-content>div {
    margin: 0.25em auto;
}
 
#lr-overlay-content>div {
    color: #C2322D;
    font-size: 1.3em;
}
 
#lr-overlay-content>div:nth-child(1) {
    font-size: 3em;
    font-weight: bold;
}
 
#lr-overlay-content>div a {
    color: royalblue;
}
 
#lr-overlay-buttons {
    margin: 0.75em auto;
    display: flex;
}
 
#lr-overlay-skip {
    user-select: none;
    position: absolute;
    right: 5%;
    top: 5%;
}
 
.lr-overlay-button {
    border-radius: 5px;
    padding: 0.5em;
    background: #BC0100;
    text-align: center;
    margin: 0 5px;
}
 
.lr-overlay-button span {
    color: #FDAF19;
}
 
#lr-overlay-content>div,
#lr-overlay-buttons {
    visibility: hidden;
    opacity: 0;
}
 
#lr-overlay-skip {
    visibility: visible;
    opacity: 1;
}
 
#lr-overlay-content>div:nth-child(1) {
    animation: lr-fadein 1s forwards;
    animation-delay: 1s;
}
 
#lr-overlay-content>div:nth-child(2) {
    animation: lr-fadein 1s forwards;
    animation-delay: 3s;
}
 
#lr-overlay-content>div:nth-child(3) {
    animation: lr-fadein 1s forwards;
    animation-delay: 5s;
}
 
#lr-overlay-content>div:nth-child(4),
#lr-overlay-buttons {
    animation: lr-fadein 1s forwards;
    animation-delay: 7s;
}
 
#lr-overlay-skip {
    animation: lr-fadeout 1s forwards;
    animation-delay: 7s;
}