Random Theme
4/100%
[[include theme:xmas
|xmas-header= --]
|xmas-snow= --]]]
[[include theme:xmas
|xmas-header= --]]]
[[include theme:xmas
|xmas-snow= --]]]
[[include theme:black-highlighter-theme]]
[[include theme:xmas
|xmas-header-bhl= --]
|xmas-snow-bhl= --]]]
[[include theme:black-highlighter-theme]]
[[include theme:xmas
|xmas-header-bhl= --]]]
[[include theme:black-highlighter-theme]]
[[include 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('https://scpfoundation.net/local--files/theme:xmas/GIF-111.gif'); } #header { background-image: url('https://scpfoundation.net/local--files/theme:xmas/logo-xmas.png'); } #top-bar div.open-menu a { color: #990011; border-color: #33552D; }
#header-extra-div-1, #header-extra-div-2, #header-extra-div-3 { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0)); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0)); background-repeat: repeat; height: 270px; width: 99.4vw; position: absolute; left: calc((-100vw + 100%)/2); z-index: 2; pointer-events: none; } /* ---- SNOWFALL, adapted from https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */ #header-extra-div-1 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn2.png'); background-size: 230px; animation: snowOne 83s infinite linear; filter: blur(1.3px); } #header-extra-div-2 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png'); background-size: 370px; animation: snowTwo 39s infinite linear; filter: blur(0.4px); } #header-extra-div-3 { background: url('https://scpfoundation.net/local--files/theme:xmas/sn.png'); background-size: 720px; 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; } }
:root { --logo-image: url("https://scpfoundation.net/local--files/theme:xmas/logo-xmas-bhl.png"); } #extra-div-1,#extra-div-2 { height: 2rem; width: 100%; position: absolute; top: calc(var(--final-header-height-on-desktop) - 0.3125rem); background-repeat: repeat-x; background-size: 6.2rem; pointer-events: none; z-index: 9; } #extra-div-1 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/n1.png'); animation: lightOne 3s infinite steps(1, end); } #extra-div-2 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/n2.png'); animation: lightTwo 3s infinite steps(1, end); } @media (max-width: 767px) { #extra-div-1, #extra-div-2 { top: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile) - 0.3125rem); } } @keyframes lightOne { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes lightTwo { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
#extrac-div-1, #extrac-div-2, #extrac-div-3 { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0)); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0)); height: 24rem; width: 100%; position: absolute; background-repeat: repeat; z-index: 10; pointer-events: none; } #extrac-div-1 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn2.png'); background-size: 230px; animation: snowOne 83s infinite linear; filter: blur(1.3px); } #extrac-div-2 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png'); background-size: 370px; animation: snowTwo 39s infinite linear; filter: blur(0.4px); } #extrac-div-3 { background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png'); background-size: 720px; animation: snowThree 21s infinite linear; filter: blur(2.4px); } @media (max-width: 767px) { #extrac-div-1, #extrac-div-2, #extrac-div-3 { height: 10.5rem; } }
5/80%
On any page:[[include theme:basalt]]
Info
Basalt is an aesthetic theme for the SCP Wiki by Пользователь 'Liryn' не существует and Пользователь 'Placeholder McD' не существует functioning as an extension of Bedrock, a base theme created specifically for this project. Visit Bedrock's wiki page or its home on GitHub for more info, including all of the CSS variables it offers.Theme settings
Add theme settings to your [[include]] module to modify aspects of Basalt.[[include :scp-wiki:theme:basalt themesetting]]
[[include :scp-wiki:theme:basalt themesetting|another-themesetting]]
All theme settings as of the current version:darkmode=a
Applies dark modewide=a
Widens pagehidetitle=a
Removes page titlecentertitle=a
Centers page titleacs-itemnum=a
Restores ACS "ITEM#:" textdisable-acs-anim=a
Disables ACS Animation component
Included with Basalt
- BetterFootnotes by Пользователь 'EstrellaYoshte' не существует
- ACS Animation by Пользователь 'EstrellaYoshte' не существует
Fonts
Header and UI font is Sofia Sans.
Body font is Inter.Monospace font is JetBrains Mono.
версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (270 дней назад)