圣诞节 版式

此版式最初由 Dc_Yerko 为西班牙语翻译站制作，并由 stormbreath 调整。雪花代码由 EstrellaYoshte 调整。

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:xmas
|xmas-header= --]
|xmas-snow= --]]]

如果你只想应用页眉，使用如下代码：

[[include :scp-wiki-cn:theme:xmas
|xmas-header= --]]]

如果你只想应用雪花，使用如下代码：

[[include :scp-wiki-cn:theme:xmas
|xmas-snow= --]]]

类似地，与黑色标记笔版式一起使用：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:xmas
|xmas-header-bhl= --]
|xmas-snow-bhl= --]]]

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:xmas
|xmas-header-bhl= --]]]

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:xmas
|xmas-snow-bhl= --]]]

---

/*
    Xmas Theme
    [2020 Wikidot Theme]
       Originally made by Dc_Yerko for the Spanish Branch
       Ported to -EN by stormbreath
*/
 
div#container-wrap {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Axmas/GIF-111.gif);
}
#header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Axmas/logo-xmas.png)
}
 
#top-bar div.open-menu a {
    color: #990011;
    border-color: #33552D;
}
 
/* ---- SNOWFALL, adapted from https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */
 
#header-extra-div-1 {
    height: 270px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn2.png);
    background-repeat: repeat;
    background-size: 230px;
    z-index: 2;
    pointer-events: none;
    animation: snowOne 83s infinite linear;
    filter: blur(1.3px);
}
#header-extra-div-2 {
    height: 270px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png);
    background-repeat: repeat;
    background-size: 370px;
    z-index: 2;
    pointer-events: none;
    animation: snowTwo 39s infinite linear;
    filter: blur(0.4px);
}
#header-extra-div-3 {
    height: 270px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png);
    background-repeat: repeat;
    background-size: 720px;
    z-index: 2;
    pointer-events: none;
    animation: snowThree 21s infinite linear;
    filter: blur(2.4px);
}
 
@keyframes snowOne{
    0%
    {
     background-position: 0px 0px;
            opacity: 0;
    }
    10%
    {
            opacity: 0.6;
    }
    90%
    {
            opacity: 0.5;
     }
    100%
    {
     background-position: 100px 750px;
     opacity:0;
    }
}
@keyframes snowTwo{
    0%
    {
     background-position: 0px -100px;
     opacity: 0;
    }
    8%
    {
            opacity: 0.74;
    }
    90%
    {
            opacity: 0.65;
     }
    100%
    {
     background-position: -50px 700px;
     opacity: 0;
    }
}
@keyframes snowThree{
    0%
    {
     background-position: 0px 100px;
     opacity: 0;
    }
    13%
    {
            opacity: 0.9;
    }
    91%
    {
            opacity: 0.8;
    }
    100%
    {
     background-position: 240px 750px;
     opacity: 0;
    }
}