Xmas

/*
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;
}

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License