[[module css]]
/* 字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600&display=swap');
/* 主体 */
:root {
--theme-base: "black-highlighter";
--theme-id: "dark-divinity";
--theme-name: "Dark Divinity Theme";
--swatch-background: 25, 25, 25;
--swatch-text-general: 200, 200, 200;
--white-monochrome: 230, 230, 230;
--pale-gray-monochrome: 50, 50, 50;
--light-gray-monochrome: 110, 110, 110;
--gray-monochrome: 69, 69, 69;
--black-monochrome: 255, 255, 255;
--bright-accent: 120, 120, 120;
--medium-accent: 20, 20, 20;
--dark-accent: 58, 58, 58;
--pale-accent: 120, 120, 120;
--lighter-legacy-accent: 225, 225, 225;
--darker-legacy-accent: 50, 50, 50;
--color-black: 0, 0, 0;
--lh-white-bg: 249,249,249;
--lh-dark-bg: 50, 50, 50;
--lh-border-color: var(--gray-monochrome);
--sidebar-links-text: var(--color-black);
--swatch-border-color: var(--bright-accent);
--link-color: 120, 120, 120;
--hover-link-color: 40, 40, 40;
--visited-link-color: 80, 80, 80;
--newpage-color: 50, 50, 50;
--body-font: 'STIX Two Math', 'Noto Serif SC', serif;
--header-font: 'Rufina', 'Noto Serif SC', serif;
--title-font: 'Rufina', 'Noto Serif SC', serif;
--mono-font: 'Noto Serif SC', serif;
--meg-image: url("http://backrooms-wiki.wikidot.com/local--files/the-beginning-of-the-m-e-g/EagleSD.png");
}
body {
font-family: "Noto Serif SC";
}
/* 闪烁标题 */
@keyframes flashing{
0%{opacity:100%}
50%{opacity:0%}
100%{opacity:100%}
}
.flashing div{
animation:flashing 1s infinite;
color:white;
}
/* Title Block */
.titleblock,
.titleblock-dark {
border: 2px solid rgb(var(--lh-border-color));
box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);
background: rgb(var(--lighter-legacy-accent));
padding: 0.8rem 1.5rem;
padding-bottom: 0.4rem;
margin: 1.5rem auto;
margin-bottom: 1rem;
position: relative;
color: rgb(var(--color-black));
}
.titleblock hr,
.titleblock-dark hr {
background-color: rgb(var(--lh-border-color));
margin-left: -1.5rem;
margin-right: -1.5rem
}
.titleblock h1:first-child,
.titleblock-dark h1:first-child {
position: absolute;
top: -1rem;
left: 1.5rem;
font-size: 110%;
font-weight: 600;
background: rgb(var(--lh-border-color));
color: #fff;
padding: 0.2rem 0.5rem;
margin: 0;
}
.titleblock-dark h1:first-child {
background: rgb(var(--lighter-legacy-accent));
color: rgb(var(--color-black));
}
.titleblock-dark,
.titleblock-dark h1 {
border-color: rgb(var(--lh-white-bg));
background: rgb(var(--lh-dark-bg));
color: #fff
}
.titleblock-dark hr {
background-color: rgb(var(--lh-white-bg));
}
.titleblock-dark {
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
border: solid rgb(var(--bright-accent)) 2px;
}
/* Block Modification */
.lightblock{
color: rgb(var(--swatch-background));
background-color: rgb(var(--lighter-legacy-accent));
}
.styled-quote{
background-color: rgb(var(--lighter-legacy-accent));
color: rgb(var(--color-black));
}
.dark-styled-quote{
border-color: rgb(var(--lighter-legacy-accent));
}
/* MEG Logo Block */
.logoblock{
padding: 0.01rem 1rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--lighter-legacy-accent));
color: rgb(var(--color-black));
}
.logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: var(--meg-image) center/50% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
.dark-logoblock{
padding: 0.01rem 1rem;
box-shadow: 0 0.2rem 0.3rem rgba(200,200,200,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--darker-legacy-accent));
}
.dark-logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: var(--meg-image) center/50% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
/* 侧边栏 */
#side-bar .side-block div a img {
filter: grayscale(100%);
}
/* Others */
#container {
background-image: radial-gradient(circle, rgb(var(--swatch-background), 0.2) 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
}
.hovertip {
background-color: rgb(var(--lighter-legacy-accent));
color: rgb(var(--color-black));
border: 1.2px solid;
}
[[/module]]
