圣诞节 版式
此版式最初由 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; } }
页面版本: 5, 最后编辑于: 16 Jan 2021 15:56