[[module CSS]]
@import url('https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-12px.css');
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
/*Base*/
@supports(display: grid) {
:root:lang(cn) {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* must be either "nuscp" or "sigma9" */
--theme-id: "lead-by-example";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "LeadByExample";
/* set this to your theme's full name */
--header-title: "基金会武装部队";
--header-subtitle: "搜索,作战,守护";
/* Standard theme colors */
--bright-accent: 143,151,121;
--medium-accent: 108,124,89;
--dark-accent: 68,76,56;
--newpage-color: 181,195,0;
--sidebar-quotes: 215,218,210;
--header-gradient-color-bottom: 108,124,89;
/* Primary Menu Colors */
--swatch-border-color: var(--medium-accent);
/* Primary Header Colors */
--swatch-topmenu-border-color: var(--bright-accent);
--swatch-topmenu-bg-color: var(--gray-monochrome);
--rating-module-button-color: var(--bright-accent);
--rating-module-button-color: var(--gray-monochrome);
--diagonal-stripes: unset;
}
}
/* Sidebar */
#side-bar {
background-color: rgba(var(--sidebar-quotes));
}
/* Scan overlay */
#extra-div-1 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 8;
background-image:
repeating-linear-gradient(135deg, rgba(255,255,255,0.12) 0px, rgba(255,255,255,0.12) 2px, transparent 4px),
linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);
background-size: 8px 8px, 40px 40px, 40px 40px;
opacity: 0.55;
animation: hud-scan 9s linear infinite;
}
@keyframes hud-scan {
0% { background-position: 0 0, 0 0, 0 0; }
100% { background-position: -200px 200px, 0 40px, 40px 0; }
}
/* Header Titles */
h1, h2 {
color: rgb(var(--medium-accent));
font-weight: 700;
}
/* Base blockquote */
.blockquote-s {
min-width: 85% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
font-weight: 600;
padding: 1em;
margin: 1.2em 0;
background-color: rgb(var(--sidebar-quotes)) !important;
border: 1px solid rgb(var(--dark-accent));
pointer-events: auto;
background-image: none;
box-shadow: none;
}
.blockquote-s::before {
content: "";
width: 100%;
display: none;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 0;
border: none !important;
}
.blockquote > * {
position: relative;
z-index: 1;
}
/* Time and place title */
.title-a {
position: relative;
width: 100%;
display: block;
margin: auto;
font-family: 'VonwaonBitmap 12px';
color: rgb(var(--medium-accent));
font-weight: 750;
font-size: 1.2em;
padding: 0.1em 0.5em;
border-top: 3px solid rgb(var(--gray-monochrome));
border-bottom: 3px solid rgb(var(--gray-monochrome));
border-left: none;
border-right: none;
overflow: hidden;
width: 100%;
background-image:
repeating-linear-gradient(to right, rgba(var(--medium-accent),0.1) 0, rgba(var(--dark-accent),0.1) 1px, transparent 1px, transparent 10px),
repeating-linear-gradient(to bottom, rgba(var(--medium-accent),0.1) 0, rgba(var(--dark-accent),0.1) 1px, transparent 1px, transparent 10px);
background-size: 100% 100%;
}
.title-a::after {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(var(--medium-accent), 0) 0%,
rgba(var(--medium-accent), 0.35) 40%,
rgba(var(--medium-accent), 0.5) 50%,
rgba(var(--medium-accent), 0.35) 51%,
rgba(var(--medium-accent), 0.1) 52%,
rgba(var(--medium-accent), 0.05) 60%,
rgba(var(--medium-accent), 0) 100%
);
filter: drop-shadow(0 0 4px rgba(var(--medium-accent), 0.6));
animation: scan-horizontal-neon 3s linear infinite;
}
@keyframes scan-horizontal-neon {
0% { left: -100%; opacity: 0.5; }
25% { opacity: 1; }
50% { left: 50%; opacity: 0.7; }
75% { opacity: 1; }
100% { left: 150%; opacity: 0.5; }
}
/* Titles A and B */
.title-b {
position: relative;
width: 100%;
display: block;
margin: auto;
font-family: 'VonwaonBitmap 12px';
color: rgb(var(--dark-accent));
font-weight: 800;
font-size: 1.2em;
padding: 0.1em 0.5em;
border-top: 3px solid rgb(var(--gray-monochrome));
border-bottom: 3px solid rgb(var(--gray-monochrome));
border-left: none;
border-right: none;
overflow: hidden;
background-color: rgba(var(--bright-accent), 0.2);
background-image:
repeating-linear-gradient(to right, rgba(var(--medium-accent),0.5) 0, rgba(var(--medium-accent),0.05) 1px, transparent 1px, transparent 10px),
repeating-linear-gradient(to bottom, rgba(var(--medium-accent),0.5) 0, rgba(var(--medium-accent),0.05) 1px, transparent 1px, transparent 10px);
background-size: 100% 100%;
}
.title-b::after {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(var(--pale-gray-monochrome), 0) 0%,
rgba(var(--pale-gray-monochrome), 0.85) 40%,
rgba(var(--pale-gray-monochrome), 1) 50%,
rgba(var(--pale-gray-monochrome), 0.85) 51%,
rgba(var(--pale-gray-monochrome), 0.5) 55%,
rgba(var(--pale-gray-monochrome), 0.3) 60%,
rgba(var(--pale-gray-monochrome), 0) 100%
);
filter: drop-shadow(0 0 4px rgba(var(--medium-accent), 0.6));
animation: scan-horizontal-neon 3s linear infinite;
}
@keyframes scan-horizontal-neon {
0% { left: -100%; opacity: 0.5; }
25% { opacity: 1; }
50% { left: 50%; opacity: 0.7; }
75% { opacity: 1; }
100% { left: 150%; opacity: 0.5; }
}
.title-a-noscan {
position: relative;
width: 100%;
display: block;
margin: auto;
font-family: 'VonwaonBitmap 12px';
color: rgb(var(--medium-accent));
font-weight: 750;
font-size: 1.2em;
padding: 0.1em 0.5em;
border-top: 3px solid rgb(var(--gray-monochrome));
border-bottom: 3px solid rgb(var(--gray-monochrome));
border-left: none;
border-right: none;
overflow: hidden;
width: 100%;
background-image:
repeating-linear-gradient(to right, rgba(var(--medium-accent),0.1) 0, rgba(var(--dark-accent),0.1) 1px, transparent 1px, transparent 10px),
repeating-linear-gradient(to bottom, rgba(var(--medium-accent),0.1) 0, rgba(var(--dark-accent),0.1) 1px, transparent 1px, transparent 10px);
background-size: 100% 100%;
}
.title-b-noscan {
position: relative;
width: 100%;
display: block;
margin: auto;
font-family: 'VonwaonBitmap 12px';
color: rgb(var(--dark-accent));
font-weight: 800;
font-size: 1.2em;
padding: 0.1em 0.5em;
border-top: 3px solid rgb(var(--gray-monochrome));
border-bottom: 3px solid rgb(var(--gray-monochrome));
border-left: none;
border-right: none;
overflow: hidden;
background-color: rgba(var(--bright-accent), 0.2);
background-image:
repeating-linear-gradient(to right, rgba(var(--medium-accent),0.5) 0, rgba(var(--medium-accent),0.05) 1px, transparent 1px, transparent 10px),
repeating-linear-gradient(to bottom, rgba(var(--medium-accent),0.5) 0, rgba(var(--medium-accent),0.05) 1px, transparent 1px, transparent 10px);
background-size: 100% 100%;
}
/* Title C and D */
/* Title C */
.title-c {
position: relative;
display: inline-block;
width: 100%;
font-family: 'VonwaonBitmap 12px';
font-size: 2.1em;
font-weight: 900;
text-align: left;
letter-spacing: 0.12em;
color: rgb(var(--pale-gray-monochrome));
line-height: 1;
z-index: 1; /* base */
}
.title-c span {
position: relative;
color: transparent;
display: inline-block;
}
.title-c span::before {
content: attr(data-char);
position: absolute;
top: 0; left: 0;
color: rgb(var(--pale-gray-monochrome));
animation: char-roll 20s infinite;
animation-delay: calc(var(--i) * 0.15s);
z-index: 2; /* below borders */
text-shadow:
-1px -1px 0 rgb(var(--medium-accent)),
1px -1px 0 rgb(var(--medium-accent)),
-1px 1px 0 rgb(var(--medium-accent)),
1px 1px 0 rgb(var(--medium-accent)),
0 -1px 0 rgb(var(--medium-accent)),
0 1px 0 rgb(var(--medium-accent)),
-1px 0 0 rgb(var(--medium-accent)),
1px 0 0 rgb(var(--medium-accent));
}
/* Animation */
@keyframes char-roll {
0% { content: "▓"; opacity: 0; }
5% { content: "▓"; opacity: 0; }
10% { content: "▓"; opacity: 1; }
15% { content: "%"; opacity: 1; }
20% { content: "#"; opacity: 1; }
25% { content: "□"; opacity: 1; }
30% { content: "?"; opacity: 1; }
35% { content: "$"; opacity: 1; }
40% { content: "@"; opacity: 1; }
41%,89% { content: attr(data-char); opacity: 1; }
90% { content: "▓"; opacity: 1; }
93% { content: "▓"; opacity: 0; }
100% { content: "▓"; opacity: 0; }
}
.title-c::before,
.title-c::after {
content: "";
position: absolute;
left: 0;
right: 0;
background-color: rgb(var(--dark-accent));
z-index: 3; /* above glitch */
}
.title-c::before { bottom: 0.55em; height: 3px; }
.title-c::after { bottom: 0.7em; height: 1px; }
/* Title D */
.title-d {
position: relative;
display: inline-block;
width: 100%;
font-family: 'VonwaonBitmap 12px';
font-size: 2.1em;
font-weight: bold;
text-align: left;
letter-spacing: 0.12em;
color: rgb(var(--pale-gray-monochrome));
line-height: 1;
text-shadow:
-1px -1px 0 rgb(var(--medium-accent)),
1px -1px 0 rgb(var(--medium-accent)),
-1px 1px 0 rgb(var(--medium-accent)),
1px 1px 0 rgb(var(--medium-accent)),
0 -1px 0 rgb(var(--medium-accent)),
0 1px 0 rgb(var(--medium-accent)),
-1px 0 0 rgb(var(--medium-accent)),
1px 0 0 rgb(var(--medium-accent));
}
.title-d::before,
.title-d::after {
content: "";
position: absolute;
left: 0;
right: 0;
background-color: rgb(var(--dark-accent));
z-index: 1;
}
.title-d::before { bottom: 0.55em; height: 3px; }
.title-d::after { bottom: 0.7em; height: 1px; }
/* Title D with grid */
.title-d-grid {
position: relative;
display: inline-block;
width: 100%;
font-family: 'VonwaonBitmap 12px';
font-size: 2.1em;
font-weight: bold;
text-align: left;
letter-spacing: 0.12em;
color: rgb(var(--pale-gray-monochrome));
line-height: 1;
margin: 0;
padding-bottom: 0.7em; /* for borders */
text-shadow:
-1px -1px 0 rgb(var(--medium-accent)),
1px -1px 0 rgb(var(--medium-accent)),
-1px 1px 0 rgb(var(--medium-accent)),
1px 1px 0 rgb(var(--medium-accent)),
0 -1px 0 rgb(var(--medium-accent)),
0 1px 0 rgb(var(--medium-accent)),
-1px 0 0 rgb(var(--medium-accent)),
1px 0 0 rgb(var(--medium-accent));
background-image:
linear-gradient(to top, rgba(var(--newpage-color), 0.6), rgba(var(--newpage-color), 0.2)),
repeating-linear-gradient(
0deg,
rgba(var(--pale-gray-monochrome), 1) 0px,
rgba(var(--pale-gray-monochrome), 1) 1px,
transparent 1px,
transparent 20px
),
repeating-linear-gradient(
90deg,
rgba(var(--pale-gray-monochrome), 1) 0px,
rgba(var(--pale-gray-monochrome), 1) 1px,
transparent 1px,
transparent 20px
);
background-blend-mode: overlay;
background-repeat: repeat;
background-size: auto;
background-clip: content-box;
}
/* Double border for grid */
.title-d-grid::before,
.title-d-grid::after {
content: "";
position: absolute;
left: 0;
right: 0;
background-color: rgb(var(--dark-accent));
z-index: 1;
}
.title-d-grid::before { bottom: 0.55em; height: 3px; }
.title-d-grid::after { bottom: 0.7em; height: 1px; }
/* Notebook Container */
.notebook {
border: 4px solid rgb(var(--dark-accent));
background: rgba(var(--medium-accent), 0.7);
margin: 1.5em 0;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
border-radius: 10px;
width: 97%;
border-right: 17px solid rgb(var(--dark-accent));
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
.notebook::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
pointer-events: none;
z-index: 0;
display: none;
}
.notebook > * {
position: relative;
z-index: 1;
}
.notebook-grid {
flex: 0 0 60px;
width: 80%;
margin: auto;
background-image:
repeating-linear-gradient(
0deg,
rgba(var(--medium-accent), 0.9) 0px,
rgba(var(--medium-accent), 0.9) 1px,
transparent 1px,
transparent 15px
),
repeating-linear-gradient(
90deg,
rgba(var(--medium-accent), 0.9) 0px,
rgba(var(--medium-accent), 0.9) 1px,
transparent 1px,
transparent 15px
);
background-color: rgb(var(--sidebar-quotes));
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 30px;
border-top: 1px solid rgb(var(--dark-accent));
border-left: 1px solid rgb(var(--dark-accent));
border-right: 1px solid rgb(var(--dark-accent));
box-shadow: 4px 0 6px -2px rgba(0,0,0,0.3);
}
.notebook-divider {
height: 5px;
background-color: rgb(var(--dark-accent));
width: 80%;
margin: auto;
border-left: 1px solid rgb(var(--dark-accent));
border-right: 1px solid rgb(var(--dark-accent));
box-shadow: 4px 0 6px -2px rgba(0,0,0,0.3);
}
.notebook-lines {
width: 80%;
margin: auto;
display: block;
overflow: hidden;
font-family: 'Ma Shan Zheng', cursive;
font-size: 1.2em;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(var(--medium-accent)) 0%, rgb(var(--sidebar-quotes)) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border-bottom: 1px solid rgb(var(--dark-accent));
border-left: 1px solid rgb(var(--dark-accent));
border-right: 1px solid rgb(var(--dark-accent));
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px 10px;
margin-bottom: 30px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5)
}
.notebook-lines p,
.notebook-lines ul {
line-height: 20px;
margin: 0;
}
text-shadow:
0 0 1px rgba(var(--pale-gray-monochrome), 0.3),
0.4px 0.4px 0 rgba(var(--black-monochrome), 0.4),
-0.3px -0.3px 0 rgba(var(--black-monochrome), 0.4);
opacity: 0.92;
}
.notebook-lines::after {
content: "";
position: absolute;
inset: 0;
background-image:
repeating-linear-gradient(
45deg,
rgba(255, 255, 255, 0.02) 0px,
rgba(255, 255, 255, 0.02) 2px,
transparent 2px,
transparent 4px
);
mix-blend-mode: overlay;
opacity: 0.05;
pointer-events: none;
}
.notebook-grid,
.notebook-divider,
.notebook-lines {
box-sizing: border-box;
}
.divider-fortified {
position: relative;
height: 4px;
background-color: rgb(var(--medium-accent));
margin-top: 35px;
margin-bottom: 20px;
width: 100%;
overflow: visible;
}
.divider-fortified::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 87.5%;
height: 12px;
background-image:
repeating-linear-gradient(
90deg,
rgb(var(--medium-accent)) 0 12px,
transparent 12px 20px
);
background-size: 20px 12px;
background-repeat: repeat-x;
-webkit-mask-image: linear-gradient(to top, transparent 30%, black 30%);
mask-image: linear-gradient(to top, transparent 30%, black 30%);
background-position: center bottom;
pointer-events: none;
}
.divider-concertina {
position: relative;
height: 3px;
background-color: rgb(var(--medium-accent));
overflow: visible;
margin-top: 40px;
margin-bottom: 30px;
}
.divider-concertina::after {
content: "";
position: absolute;
left: 50%;
bottom: -1px; /* controls vertical alignment with wire */
transform: translateX(-50%);
width: 100%;
height: 30px;
background-image: radial-gradient(
ellipse 7px 15px at center 60%,
transparent 49%,
rgb(var(--medium-accent)) 50%,
rgb(var(--medium-accent)) 70%,
transparent 71%
);
background-size: 15px 30px; /* controls oval spacing */
background-repeat: repeat-x;
background-position: center bottom; /* centers horizontally */
}
.divider-bound {
display: flex;
align-items: center;
text-align: center;
color: rgb(var(--medium-accent));
font-weight: bold;
font-family: 'Noto Sans SC', sans-serif;
}
.divider-bound::before,
.divider-bound::after {
content: "";
flex: 1;
border-bottom: 3px solid rgb(var(--medium-accent));
margin: 0 10px; /* space between line and text */
}
.divider-bound.thick {
font-size: 1.2em;
}
.divider-bound.thim {
font-size: 0.8em;
}
.divider-bound.thick::before,
.divider-bound.thick::after {
border-bottom-width: 5px;
}
.divider-bound.thin::before,
.divider-bound.thin::after {
border-bottom-width: 1px;
}
/* Link colors */
a {
color: rgb(var(--medium-accent));
font-weight: 600;
text-decoration: none;
transition: color 0.2s;
}
a:hover { text-decoration: underline; color: rgb(var(--bright-accent)); }
a:active { color: rgb(var(--sidebar-quotes)); }
a:visited { color: rgb(var(--dark-accent)); }
a.new-page {
color: rgb(var(--newpage-color));
}
/* Header text shadow */
#header h1 a::before,
#header h2 span:before {
text-shadow: 2px 2px #000;
}
/* Scan adapts on mobile */
@media (max-width: 768px) {
#extra-div-1 {
background-size: 6px 6px, 30px 30px, 30px 30px;
opacity: 0.65;
animation-duration: 7s;
}
}
[[/module]]
[[iftags [[#ifexpr {$army} == (true) | - ]]]]
[[module CSS]]
/*Army*/
:root:lang(cn) {
--header-title: "基金会陆军";
--header-subtitle: "侦察,占领,投送";
}
#extra-div-1 { display: none; }
#extra-div-2 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-image: url("https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
.blockquote-s {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg);
background-size: cover;
background-position: center;
border: 1px solid rgb(var(--dark-accent));
color: black !important;
}
.blockquote-s::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 2px solid rgb(var(--dark-accent));
}
.blockquote-s > * {
position: relative;
z-index: 1;
}
.notebook {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg);
background-size: cover;
background-position: center;
}
.notebook::before {
display: block;
background-color: rgba(255,255,255,0.5);
}
.notebook > * {
position: relative;
z-index: 1;
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$navy} == (true) | - ]]]]\
[[module CSS]]
/*Navy*/
@supports(display: grid) {
:root:lang(cn) {
--header-title: "基金会海军";
--header-subtitle: "航行,拒止,巡逻";
--bright-accent: 75,156,211;
--medium-accent: 38,97,156;
--dark-accent: 0,35,102;
--newpage-color: 153,102,204;
--sidebar-quotes: 213, 234, 250;
--header-gradient-color-bottom: 38,97,156;
}
}
#extra-div-1 { display: none; }
#extra-div-3 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0; left: 0;
pointer-events: none;
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg");
background-size: 100% auto;
background-position: center top;
}
.blockquote-s {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg);
background-size: cover;
background-position: center;
border: 1px solid rgb(var(--dark-accent));
}
.blockquote-s::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 2px solid rgb(var(--dark-accent));
}
.blockquote-s > * {
position: relative;
z-index: 1;
}
.notebook {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg);
background-size: cover;
background-position: center;
}
.notebook::before {
display: block;
background-color: rgba(255,255,255,0.5);
}
.notebook > * {
position: relative;
z-index: 1;
}
/* Navy links */
a:hover {
color: rgb(50,120,180);
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$alert} == (true) | - ]]]]\
[[module CSS]]
/*Alert*/
@supports(display: grid) {
:root:lang(cn) {
--header-title: "基金会武装部队";
--header-subtitle: "箭在弦上";
/* ===STANDARD THEME COLORS=== */
--bright-accent: 237, 41, 57;
--medium-accent: 237, 27, 36;
--dark-accent: 150, 0, 24;
--sidebar-quotes: 241, 219, 216;
--newpage-color: 202, 31, 123;
/* ===HEADER GRADIENT=== */
/* ===HEADER GRADIENT=== */
--header-gradient-color-bottom: 237, 27, 36;
}
#extra-div-1 { display: none; }
#extra-div-4 {
content: ""; /* required */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: var(--header-height-on-desktop);
pointer-events: none;
z-index: 0; /* below header text */
/* Background gradient + stripes */
background: linear-gradient(
90deg,
rgba(var(--bright-accent),0.4) 0%,
rgba(var(--medium-accent),0.2) 50%,
rgba(var(--bright-accent),0.4) 100%
);
background-size: 20px 20px;
background-repeat: repeat;
/* Animation: flashing and movement */
animation: alert-flash 1.5s ease-in-out infinite, alert-move 2s linear infinite;
}
/* Flashing opacity */
@keyframes alert-flash {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.7; }
}
/* Slight diagonal movement */
@keyframes alert-move {
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
/* Optional mobile adaptation */
@media (max-width: 768px) {
#extra-div-3 {
background-size: 15px 15px;
}
}
/* ===Blockquote=== */
.blockquote-s {
background-image: none !important;
border: 1px solid rgb(var(--dark-accent)) !important;
background-color: rgb(var(--sidebar-quotes)) !important;
}
.blockquote-s::before {
display: none !important;
}
.blockquote-s a,
.blockquote-s {
color: rgb(var(--dark-accent)); /* base alert red */
}
/* === Link Colors=== */
a {
color: rgb(var(--bright-accent)); /* base red */
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: rgb(200, 30, 45);
text-decoration: underline;
}
a:active {
color: rgb(150, 0, 24);
}
a:visited {
color: rgb(180, 20, 35);
}
a.new-page {
color: rgb(var(--newpage-color));
}
[[/module]]
[[/iftags]]