复制吧！
中文的地方是版头所示，您可以修改达到您想要的目的=)
[[module CSS]]
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
:root {
--theme-base: "black-highlighter";
--theme-id: "破碎的理想";
--theme-name: "虚无的虚妄想象";
--logo-image: url("https://files.backroomswiki.ru/local--files/sandbox:shayl2/heartsss.png");
--header-title: "破碎的理想";
--header-subtitle: "虚无的虚妄想象";
--pale-gray-monochrome: 255, 248, 230;
--very-light-gray-monochrome: 29, 39, 52;
--white-monochrome: 250, 250, 250;
--light-pale-gray-monochrome: 240, 235, 220;
--light-gray-monochrome: 105, 120, 148;
--gray-monochrome: 60, 70, 91;
--dark-gray-monochrome: 34, 45, 58;
--black-monochrome: 16, 16, 16;
--bright-accent: 132, 63, 255;
--medium-accent: 58, 84, 174;
--dark-accent: 14, 19, 27;
--pale-accent: 250, 80, 139;
--swatch-topmenu-border-color: var(--gray-monochrome);
--link-color: var(--bright-accent);
--hover-link-color: 101, 113, 155;
--alt-accent: 170, 113, 170;
--background-gradient-distance: 20rem;
--gradient-header: linear-gradient(to bottom, rgba(var(--black-monochrome)) 0%, rgba(var(--gray-monochrome), 1) 100%);
--diagonal-stripes: linear-gradient(transparent 0);
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--swatch-menubg-medium-color: var(--pale-gray-monochrome);
--swatch-tertiary-color: var(--dark-gray-monochrome);
}
#header:before {
background-size:auto calc(var(--header-height-on-desktop) - 2rem);
background-position: center;
animation:header 3s alternate infinite;
webkit-animation:header 3s alternate infinite;
}
@keyframes header {
0%{
background-position: center 40%;
}
100%{
background-position: center 60%;
}
}
#header h1, #header h1 a {
top: 2rem;
}
#header h2, #header h2 span, #header h2 span::before {
top: 2.5rem;
}
#toc {
background-color:rgb(var(—gray-monochrome));
color:rgb(var(--white-monochrome));
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: none;
padding: 0.5rem
}
#toc a {
color: rgb(var(—swatch-menubg-medium-color));
}
.bblock:hover{
color: rgb(var(—swatch-menubg-medium-color));
}
/* --- СТИЛИ ДЛЯ КВЗ БЛОКОВ --- */
.black-styled-quote {
background-color: rgb(0, 0, 0);
border-left: 0.5rem solid rgb(255, 250, 250);
color: rgb(255, 250, 250);
padding: 0.5rem 1rem;
margin: 0.5rem 0 0.5rem 0;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
}
.black-styled-quote a {
color: rgb(169, 169, 169);
}
.kvz-status {
background-color: rgb(230, 230, 230);
color: rgb(20, 20, 20);
border-left: 0.5rem solid rgb(47, 79, 79);
padding: 0.5rem 1rem;
margin: 1rem 0;
font-weight: 500;
box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,0.5);
}
.kvz-status strong {
color: rgb(0, 0, 0);
}
.document {
background-color: rgb(var(--white-monochrome));
color: rgb(var(--dark-accent));
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
margin: 3.5rem 0.2rem;
padding: 0.2rem 1rem;
position: relative;
}
.document:before,
.document:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.document:before {
background-color: rgb(var(--white-monochrome));
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
left: -5px;
top: 4px;
transform: rotate(-4deg);
}
.document:after {
background-color: rgb(var(--white-monochrome));
box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.5);
right: -3px;
top: 1px;
transform: rotate(3deg);
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--dark-gray-monochrome));
color:rgb(var(--white-monochrome));
}
#page-content img {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
z-index: 1;
}
#page-content img:hover {
transform: scale(1.15);
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
z-index: 5;
cursor: pointer;
}
.rate-box-img, .page-rate-widget-box img {
transform: none !important;
box-shadow: none !important;
}
[[/module]]
