Link to article: SCP-9798.
:root {
--header-subtitle: "Secure, Contain, Protect";
--color: #000000;
--cutColour: #000000;
--barColour: #590505;
--timeScale: 1;
--timeDelay: 1s;
--accentColor: 224, 57, 52;
--dark-gray-monochrome: 15, 15, 25;
--black-monochrome: 5, 5, 20;
}
.definition {
font-family: 'EB Garamond', serif;
font-size: 140%;
margin: 8rem 1rem;
color: white;
}
.alert {
color: #FF5C00;
font-family: monospace;
background: #00000080;
padding: 0.3rem 1rem;
border: 2px solid #FF5C00;
border-left: 10px #FF5C00;
font-size: 1.05rem;
}
.pulsate {
-webkit-animation: pulsate 3s ease-in-out;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
0% { opacity:0.6; }
20% { opacity:1; }
60% { opacity:1; }
100% { opacity:0.4; }
}
.scramble-terminal{
background:#eef2ea;
border:2px solid #4b5d4b;
padding:12px;
font-family:monospace;
color:#111;
line-height:1.45;
}
/* each line is a block processed independently */
.scramble-line{
display:block;
min-height:1.2em; /* prevents layout jump while animating */
white-space:pre-wrap;
overflow:hidden;
}
/* small styling for corrupted look if you want to show a glyph layer */
.scramble-glyph {
color:#111;
opacity:0.85;
letter-spacing:0.02em;
}
.full-width-panel{
width:100vw;
margin-left:calc(50% - 50vw);
background:#0f0f19;
border-top:3px solid #590505;
border-bottom:3px solid #590505;
padding:20px;
color:#e6e6e6;
font-family:monospace;
}
.status-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-top:10px;
}
.status-cell{
background:#141424;
border:1px solid #333;
padding:10px;
text-align:center;
}
/* --- SITE MONITOR PANEL --- */
.site-monitor{
background:#0f0f19;
border:1px solid #333;
border-radius:8px;
padding:16px;
margin:20px 0;
font-family:monospace;
color:#ddd;
box-shadow:0 0 15px rgba(0,0,0,.6);
}
.monitor-title{
font-size:0.85rem;
letter-spacing:.15em;
color:#aaa;
margin-bottom:12px;
}
/* individual metric */
.monitor-row{
margin:8px 0;
}
.monitor-label{
font-size:0.7rem;
color:#888;
margin-bottom:2px;
letter-spacing:.08em;
}
.monitor-bar{
height:6px;
background:#1b1b30;
border-radius:4px;
overflow:hidden;
}
.monitor-fill{
height:100%;
border-radius:4px;
}
/* status colors */
.status-green{
background: linear-gradient(90deg,#00ff9c,#007a52);
}
.status-yellow{
background: linear-gradient(90deg,#ffd24d,#a87c00);
}
.status-red{
background: linear-gradient(90deg,#ff5c5c,#7a0000);
}
.status-purple{
background: linear-gradient(90deg,#9b7bff,#4b2d9b);
}
.status-red{
background: linear-gradient(90deg,#ff5c5c,#7a0000);
animation: riskpulse 3s infinite;
}
@keyframes riskpulse{
0%{opacity:1;}
50%{opacity:0.7;}
100%{opacity:1;}
}
.acs-meta{
background:#0f0f19;
border:1px solid #333;
border-radius:6px;
padding:12px;
margin:12px 0;
font-family:monospace;
color:#ddd;
}
.acs-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.acs-block{
background:#151528;
padding:8px 10px;
border-radius:4px;
border:1px solid #2a2a44;
}
.acs-label{
font-size:0.65rem;
letter-spacing:.12em;
color:#888;
}
.acs-value{
font-size:0.85rem;
color:#e6e6e6;
}
/* addendums */
/* Base log header */
.log-header{
padding:6px 10px;
margin:24px 0 8px 0;
border-radius:4px;
font-family:monospace;
font-size:0.85rem;
letter-spacing:.08em;
color:#e6e6e6;
box-shadow:0 0 8px rgba(0,0,0,.35);
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
overflow:hidden;
}
/* metadata */
.log-meta{
font-size:0.65rem;
opacity:.85;
color:#d0d0d0;
}
/* Interview logs */
.log-interview{
border-left:3px solid #e03a34;
background:linear-gradient(
90deg,
rgba(224,58,52,0.85) 0%,
rgba(224,58,52,0.45) 35%,
rgba(224,58,52,0) 100%
);
}
/* Event logs */
.log-event{
border-left:3px solid #9b7bff;
background:linear-gradient(
90deg,
rgba(155,123,255,0.85) 0%,
rgba(155,123,255,0.45) 35%,
rgba(155,123,255,0) 100%
);
}
/* Email logs */
.log-email{
border-left:3px solid #fac507;
background:linear-gradient(
90deg,
rgba(250,197,7,0.85) 0%,
rgba(250,197,7,0.45) 35%,
rgba(250,197,7,0) 100%
);
}
/* Information */
.log-info{
border-left:3px solid #f2a03d;
background:linear-gradient(
90deg,
rgba(242,160,61,0.85) 0%,
rgba(242,160,61,0.45) 35%,
rgba(242,160,61,0) 100%
);
}
/* Other logs */
.log-other{
border-left:3px solid #4fa7ff;
background:linear-gradient(
90deg,
rgba(79,167,255,0.85) 0%,
rgba(79,167,255,0.45) 35%,
rgba(79,167,255,0) 100%
);
}
/* conversation thread spine */
.email-thread{
background:#0f0f19;
border:1px solid #333;
border-top:4px solid #590505;
border-radius:8px;
padding:16px 16px 16px 26px;
margin:18px 0;
box-shadow:0 0 18px rgba(0,0,0,.6);
position:relative;
}
/* vertical conversation line */
.email-thread::before{
content:"";
position:absolute;
left:12px;
top:55px;
bottom:12px;
width:2px;
background:linear-gradient(
to bottom,
#f2a03d,
#9b7bff,
#4fa7ff,
#e03934
);
opacity:.6;
}
/* individual email */
.email{
background:#151528;
border:1px solid #2a2a44;
border-radius:6px;
padding:10px 12px;
margin-bottom:10px;
position:relative;
}
/* connector node */
.email::before{
content:"";
position:absolute;
left:-17px;
top:16px;
width:8px;
height:8px;
border-radius:50%;
background:#4fa7ff;
box-shadow:0 0 0 2px #0f0f19;
}
/* reply indentation */
.email.reply{
margin-left:22px;
}
/* header layout */
.email-header{
display:flex;
align-items:center;
gap:8px;
font-size:.75rem;
margin-bottom:6px;
}
/* avatar */
.email-avatar{
width:22px;
height:22px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:.65rem;
font-weight:600;
color:white;
flex-shrink:0;
}
/* palette colours */
.avatar-orange{background:#f2a03d;}
.avatar-purple{background:#9b7bff;}
.avatar-blue{background:#4fa7ff;}
.avatar-red{background:#e03934;}
.avatar-yellow{background:#ffd24d;}
/* sender */
.email-sender{
color:#fff;
font-weight:600;
}
/* time */
.email-time{
color:#888;
margin-left:6px;
}
/* metadata */
.email-meta{
font-size:.7rem;
color:#9aa0a6;
margin-bottom:8px;
}
/* body */
.email-body{
font-size:.85rem;
line-height:1.45;
color:#ddd;
}
/* signature */
.email-signature{
margin-top:10px;
padding-top:8px;
border-top:1px solid #2a2a44;
font-size:.75rem;
color:#aaa;
}
/* interview header */
.interview-meta{
background:#151528;
border:1px solid #2a2a44;
border-left:4px solid rgb(224,57,52);
border-radius:6px;
padding:10px 12px;
margin:10px 0 14px 0;
font-size:.85rem;
line-height:1.45;
}
.interview-title{
font-weight:600;
color:#fff;
margin-bottom:6px;
}
.interview-meta b{
color:#888;
font-weight:500;
margin-right:6px;
}
position:relative; border: solid 5px #000; padding:20px 50px; box-shadow:0 1px 3px rgba(0,0,0,.2); overflow:hidden;
position:absolute; inset:0; background:url('https://scp-wiki.wdfiles.com/local--files/chaos-arts/Logo-SCP-Default-Anim.svg') center/80% no-repeat; filter:invert(1); opacity:0.15;
color:#FF5C00
width:49%
background: url(
color:#FF5C00
color: #7865E6;
color: #f2a03d;
color: #7865E6;
color: #9b7bff;
height: 820px;
color: #7865E6;
color: #7865E6;
color: #7865E6;
height: 820px;
color: #E03934;
margin-top:8px;
color:#888;
height:5px;background:#1b1b30;border-radius:4px;overflow:hidden;margin-top:4px;
margin-top:8px;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:penumbra-bhl
[info]
:scp-wiki:component:acs-animation
[info]
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:markmywords
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
control-panel
panel-header
meta-grid
meta-block
meta-label
meta-value
meta-block
meta-label
meta-value
meta-block
meta-label
meta-value
meta-block
meta-label
meta-value
panel-header
monitor-row
monitor-label
monitor-bar
monitor-fill
yellow
monitor-row
monitor-label
monitor-bar
monitor-fill
red
monitor-row
monitor-label
monitor-bar
monitor-fill
purple
monitor-row
monitor-label
monitor-bar
monitor-fill
orange
t-wrap
t-titlebar
t-dots
t-dot
t-dot-red
t-dot
t-dot-yellow
t-dot
t-dot-green
t-title-text
t-title-text
t-pathbar
t-back-btn
hidden
t-body
t-sidebar
t-section-label
t-tree-item
folder
open
t-toggle
t-tree-item
child
folder
open
t-toggle
t-tree-item
grandchild
t-tree-item
grandchild
t-tree-item
grandchild
t-tree-item
grandchild
restricted-item
t-tree-divider
t-section-label
t-tree-item
restricted-item
t-viewer
t-empty
t-statusbar
t-tag
t-tag
blue
t-tag
t-tag
blue
img-block
img-caption
t-tag
t-tag
blue
img-block
img-caption
t-path-active
t-file-header
t-file-title
t-file-meta
t-file-content
ont-warn
ont-warn-header
ont-warn-icon
ont-warn-label
ont-warn-sublabel
ont-warn-body
highlight
anim-wrap
anim-header
anim-title
anim-ref
anim-footer
log-header
log-interview
log-meta
blockquote
interview-meta
interview-title
log-header
log-interview
log-meta
blockquote
interview-meta
interview-title
log-header
log-email
log-meta
email
email-header
email-avatar
avatar-orange
email-sender
email-time
email-meta
email-body
email-signature
email
reply
email-header
email-avatar
avatar-blue
email-sender
email-time
email-meta
email-body
email-signature
email
reply
email-header
email-avatar
avatar-orange
email-sender
email-time
email-meta
email-body
email-signature
email
reply
email-header
email-avatar
avatar-red
email-sender
email-time
email-meta
email-body
email-signature
log-header
log-event
log-meta
unravel-wrap
unravel-header
unravel-title
unravel-ref
unravel-canvas
unravel-footer
blockquote
interview-meta
interview-title
log-header
log-other
log-meta
log-header
log-info
log-meta
t-wrap
t-titlebar
t-dots
t-dot
t-dot-red
t-dot
t-dot-yellow
t-dot
t-dot-green
t-title-text
t-title-text
t-pathbar
t-back-btn
hidden
t-body
t-sidebar
t-section-label
t-tree-item
folder
open
t-toggle
t-tree-item
child
t-tree-item
child
t-tree-divider
t-tree-item
folder
open
t-toggle
t-tree-item
child
t-tree-item
child
t-tree-divider
t-section-label
t-tree-item
restricted-item
t-viewer
t-empty
t-statusbar
t-tag
amber
img-block
img-caption
img-block
img-caption
t-tag
purple
img-block
img-caption
t-tag
amber
img-block
img-caption
t-tag
amber
cell-ascii-wrap
cell-ascii-header
cell-ascii
cell-footer
t-path-active
t-file-header
t-file-title
t-file-meta
t-file-content
log-header
log-interview
log-meta
blockquote
interview-meta
interview-title
blockquote
log-header
log-event
log-meta
ir2-wrap
ir2-header
ir2-header-left
ir2-doc-title
ir2-doc-ref
ir2-doc-sub
ir2-header-right
ir2-doc-sub
ir2-section
ir2-meta-grid
ir2-cell
ir2-cell-label
ir2-cell-value
ir2-redact
ir2-cell
ir2-cell-label
ir2-cell-value
ir2-cell
ir2-cell-label
ir2-cell-value
ir2-cell
ir2-cell-label
ir2-cell-value
ir2-section
ir2-cause-person
ir2-cell
ir2-cell-label
ir2-checkbox-list
ir2-checkbox-row
ir2-checkbox
ir2-checkbox-label
ir2-checkbox-row
ir2-checkbox
ir2-checkbox-label
ir2-checkbox-row
ir2-checkbox
ir2-checkbox-label
ir2-checkbox-row
ir2-checkbox
ir2-checkbox-label
ir2-checkbox-row
ir2-checkbox
ir2-checkbox-label
ir2-cell
ir2-cell-label
ir2-person-grid
ir2-person-key
ir2-person-val
ir2-redact
ir2-person-key
ir2-person-val
ir2-person-key
ir2-person-val
ir2-cofiled
ir2-section
ir2-prose
ir2-section
ir2-timeline
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-alert
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-alert
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-alert
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-tl-entry
ir2-tl-time
ir2-tl-text
ir2-section
ir2-table-wrap
ir2-table
status-deceased
status-deceased
status-deceased
status-injured
status-deceased
status-injured
status-injured
status-injured
status-injured
status-missing
status-missing
ir2-section
ir2-prose
ir2-bars
ir2-bar-row
ir2-bar-label
ir2-bar-track
ir2-bar-fill
bar-red
ir2-bar-row
ir2-bar-label
ir2-bar-track
ir2-bar-fill
bar-green
ir2-bar-row
ir2-bar-label
ir2-bar-track
ir2-bar-fill
bar-purple
ir2-section
ir2-prose
ir2-section
ir2-reclist
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-section
ir2-reclist
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-rec-item
ir2-rec-bullet
ir2-section
ir2-addendum-block
ir2-addendum-who
ir2-addendum-text
ir2-footer
ir2-footer-left
ir2-footer-right
ir2-stamp
zc-wrap
zc-header
zc-header-left
zc-doc-title
zc-zone-tag
zc-doc-ref
zc-doc-sub
zc-header-right
zc-redact
zc-notice
zc-prose
zc-prose
zc-prose
zc-humanote
zc-footer
zc-footer-left
zc-footer-right
zc-stamp
log-header
log-interview
log-meta
blockquote
interview-meta
interview-title
log-header
log-other
log-meta
surg-wrap
surg-header
surg-grid
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
ongoing
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
surg-cell
surg-cell-label
surg-cell-value
ongoing
surg-cell
surg-cell-label
surg-cell-value
unknown
surg-cell
surg-cell-label
surg-cell-value
unknown
surg-cell
surg-cell-label
surg-cell-value
surg-footer
takeover
takeover-line
takeover-main
takeover-line
takeover-sub
takeover-line
takeover-case
takeover-dismiss
surg-feed
surg-feed-header
surg-feed-ref
surg-feed-body
surg-cursor
line
visible
dim
line
visible
dim
footer-wikiwalk-nav