:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
Phân loại Quản thúc:
euclid
Phân loại Hiểm họa:
caution
Quy Trình Quản Thúc Đặc Biệt: Trong khoảng thời gian từ 11 giờ sáng cho đến 4 giờ tối, cần phải ngay lập tức xác nhận vị trí xuất hiện của SCP-038-VN trong phạm vi khu vực được khoanh vùng nằm trên địa bàn thành phố Hà Nội, khi vị trí xuất hiện của SCP-038-VN được xác nhận chính xác. Quy trình 038-AOCP được triển khai bởi Đội đặc nhiệm cơ động CD-038 cần được tiến hành, thực hiện cách ly khu vực khỏi các cư dân di chuyển trong vùng đồng thời tiến hành di tản các cư dân nằm trên con đường có sự xuất hiện của SCP-038. Sau khi SCP-038 được xác nhận đã biến mất khỏi vị trí ban đầu và không còn dấu hiệu về sự xuất hiện của chúng trong khu vực, tiến hành dọn dẹp hiện trường và thực hiện quy trình cấp thuốc lú cho các nhân chứng có mặt bị bắt giữ và những người dân đã được sơ tán khỏi khu vực.
Mô tả: SCP-038-VN là nhóm 6 thực thể được gán mã định danh từ SCP-038-1-VN đến SCP-038-6-VN. Các thực thể này được mô tả là có các đặc điểm tượng tự con người ngoại trừ lớp da bên ngoài của nhóm đối tượng có màu trắng bệch và nhợt nhạt, giác mạc của các đối tượng vẩn đục nghiêm trọng và đồng tử bị co giãn tối đa. Phía bên trong của cơ thể các đối tượng thông qua giám định đã được xác nhận là hoàn toàn trống rỗng, các cấu trúc chịu lực của cơ thể như xương hay cơ hầu như không tồn tại, Phương thức mà các thực thể này có thể di chuyển và hoạt động vẫn chưa thể được giải thích rõ ràng.
Nhóm thực thể được trang bị đồng phục của Cảnh sát giao thông trực thuộc Cục cảnh sát giao thông Việt Nam tượng tự nhau, có cầu vai thể hiện cấp bậc từ quân hàm thấp nhất là hạ sĩ và cao nhất là đại tá, ngoại trừ chiếc mũ cape của SCP-038-6-VN có sự khác biệt nhỏ so với những thực thể còn lại khi mà An ninh hiệu đã bị gỡ xuống, đồng phục của các thực thể không có quá nhiều sự khác biệt.
Nhóm thực thể SCP-038-VN được trang bị các thiết bị nghiệp vụ của một tổ công tác tuần tra - kiểm soát giao thông thông thường, ghi nhận số lượng bao gồm
-Máy đo nồng độ cồn, 3 thiết bị
-Máy ghi hình và ghi âm, 2 thiết bị
-Máy đo tốc độ có hình ảnh, 1 thiết bị
-Máy đo, thử chất ma túy, 1 Thiết bị
- Súng ngắn CZ-82, 5 khẩu
-Súng ngắn IWI Jericho 941, 1 khẩu
Nhóm thực thể SCP-038-VN là những dị thể xuất hiện theo chu kỳ có điều kiện, ở đây chính là khoảng thời gian từ 11 giờ tối đến 4 giờ sáng mỗi ngày, các đối tượng sẽ xuất hiện một cách ngẫu nhiên trên những con đường nằm trong khu vực được khoanh vùng trên bản đồ vùng thủ đô Hà Nội.
Các đối tượng khi đã xác định được vị trí xuất hiện sẽ thực hiện "Cắm chốt" trên con đường được chọn, đặt những hàng rào chắn ngang đường cùng một bảng chữ với nội dung "CHỐT KIỂM SOÁT GIAO THÔNG". Bất kỳ phương tiện nào di chuyển vào con đường đều sẽ bị các đối tượng yêu cầu tạm giữ và tiến hành kiểm tra hành chính, sau đó, trong 100% các trường hợp người bị tạm giữ sẽ bị đối tượng thẩm vấn yêu cầu một khoản tiền mặt với mệnh giá dao động từ 50,000 VNĐ đến 500,000 VNĐ. Trong trường hợp người bị tạm giữ thực hiện đúng theo yêu cầu của đối tượng, họ sẽ được thả đi.
Trong trường hợp từ chối giao nộp số tiền mặt được yêu cầu, các đối tượng sẽ không gây ra các tác động tiêu cực tức thì lên người bị tạm giữ, mà sẽ thả họ đi tương tự như trường hợp tuân thủ. Nhưng sau khi được thả đi từ 1 đến 2 ngày, các triệu chứng kích động về tâm lý và tinh thần sẽ được ghi nhận bởi những người đã bị tạm giữ, các nạn nhân cho biết họ cảm thấy sự hiện diện của một thứ gì đó bên trong chính nơi ở của họ. Và từ 2 ngày đến 1 tuần kể từ lần tiếp xúc cuối cùng với SCP-038-VN, các nạn nhân bị ảnh hưởng báo cáo rằng họ đã trực tiếp nhìn thấy những thứ đang tồn tại bên trong nơi ở của họ thông qua những vật phản xạ hình ảnh, hoặc tại những khu vực khuất ánh sáng và tầm nhìn của nạn nhân như tủ quần áo, gầm giường, sau những bức tường, ..v..v.
Chúng được cho là sẽ dần tiếp cận các vị trí gần nạn nhân hơn theo thời gian, với mức độ để lộ sự hiện diện của chúng với nạn nhân ngày càng tăng. Chúng thường dược mô tả là những sinh vật hình người nhưng có các đặc điểm ngoại hình bị bóp méo một cách nặng nề. Đã từng có trường hợp nạn nhân tự sát ngay tại chỗ bằng dụng cụ học tập sau khi nhìn thầy các thực thể đó qua hình phản chiếu của màn hình máy tính tối màu.
Các trường hợp bị ảnh hưởng bởi SCP-038-VN đa phần đều sẽ lựa chọn tự kết liễu bản thân để trốn thoát khỏi sự ám ảnh gây ra bởi những thứ bất thường xuất hiện bên trong nơi ở của họ. Số ít chống chịu được cho đến khi ảnh hưởng của SCP-038-VN kết thúc thường gặp các di chấn vĩnh viễn về tinh thần, hoặc đôi khi ảnh hưởng của SCP-038-VN có thể kéo dài đến suốt đời của nạn nhân bị ảnh hưởng.
Cách thức SCP-038-VN đã xuất hiện và biến mất trong mọi trường hợp chưa thể được xác định, theo những dữ liệu hình ảnh ghi lại được cho biết cơ thể của chúng sẽ biến mất trong một khoảng thời gian rất ngắn, được mô tả tương tự như cách mà một đám khói biến mất vào không khí. Chính vì đặc điểm dị thường này việc quản thúc và giam giữ các đối tượng vẫn chưa thể được tiến hành, việc tiếp tục nghiên cứu các đặc điểm dị thường của chúng có thể sẽ mang đến những kết quả khả quan hơn cho kế hoạch quản thúc giam giữ các đối tượng này.
PHỤ LỤC CẬP NHẬT
Hiệu ứng tiêu cực được tạo ra được cho là đã xuất hiện một cách có chủ đích bởi SCP-038-VN, nhưng những thực thể được ghi nhận trực tiếp xuất hiện bên trong nơi ở của nạn nhân bị ảnh hưởng không phải là SCP-038-VN. Các thực thể này, theo tài liệu thu thập được từ các thế lưc ngoại lai bản địa và cả dân gian cho biết rằng chúng được gọi với cái tên U Linh, SCP-038-VN khả năng cao đã, bằng cách nào đó biến những người từ chối yêu cầu của chúng trở nên "hấp dẫn" hơn đối với các thực thể mang tên U Linh này. Các nỗ lực quản thúc những thực thể mang cái tên U Linh đã không thể được thực hiện hoặc không hoàn toàn hiệu quả khi sử dụng những phương pháp thông thường.
- TS. Phạm Văn Minh, Trưởng dự án nghiên cứu và quản thúc SCP-038-VN
PHỤ LỤC 038VN-A1
KHU VỰC SỐ HIỆU 038VN-A1
Dựa trên những đặc điểm nhân dạng trên khuôn mặt có được từ 1 trong số 6 thực thể thuộc SCP-038-VN và dựa theo tài liệu được cung cấp bởi chính phủ Việt Nam. Đối tượng SCP-038-6-VN, tên thật là Nguyễn Văn Tài, sinh năm 1984, mất năm 2007 là một cán bộ trực thuộc Cục cảnh sát giao thông, đã bị khai trừ đảng và nằm trong danh sách đen sau khi bê bối về việc hối lộ của đối tượng cùng 5 đồng phạm khác bị phanh phui. Nhóm đối tượng này đã được tìm thấy lần cuối tại nhà riêng của Tài khi tất cả được phát hiện đều đã chết trong phòng khách, khám nghiệm tử thi và khám nghiệm hiện trường cho thấy cả 6 đối tượng đã thực hiện hành vi tự sát bằng súng. Sau đó tất cả các đối tượng trên đều đã được đem đi mai táng và sự kiện bê bối của 6 cán bộ chiến sĩ cảnh sát giao thông này đã chìm vào quên lãng, cho đến khi hoạt động của SCP-038-VN lần đầu được phát hiện bởi tổ chức những năm 2007 - 2008.
Ngôi nhà cấp 4 của đối tượng đã được niêm phong và bị bỏ hoang kể từ khi vụ tự sát tập thể của nhóm 6 cảnh sát này xảy ra. Nó đã được tổ chức đưa vào diện bảo quản sau khi thông tin về thân thế của đối tượng SCP-038-1-VN được xác nhận, Nó sẽ được sử dụng nhằm mục đích nghiên cứu và điều tra nhằm tìm hiểu rõ hơn về SCP-038-VN, phục vụ cho quá trình quản thúc nhóm thực thể.
TS. Phạm Văn Minh, Trưởng dự án nghiên cứu và quản thúc SCP-038-VN
PHỤ LỤC 038VN-A1-2
TÀI LIỆU LƯU TRỮ 038VN-A1-D3241
LƯU Ý: Tài liệu là nhật ký được thu giữ từ khu vực 038VN-A1 được cho là vật sở hữu của Nguyễn Văn Tài. Tài liệu đã lược bỏ hầu hết văn bản gốc, để có thể truy cập toàn bộ nội dung, nhân sự có thể trực tiếp tìm gặp trưởng dự án nghiên cứu và quản thúc SCP-038-VN Phạm Văn Minh
Ngày / Tháng / Năm
Tôi vừa dự lễ tốt nghiệp ngành cảnh sát giao thông tại Học viện cảnh sát nhân dân ! Thành thực mà nói tôi không biết lấy từ ngữ nào có thể diễn tả sự vui sướng của tôi, trở thành một người chiến sĩ cảnh sát phục vụ cho nhân dân, cùng những người đồng chí kề vai sát cánh nhằm đảm bảo và giữ vững một xã hội an toàn cho những người dân thiện lành, như cách mà cha tôi đã có thể làm vào những ngày xưa cũ. Thật tự hào thay khi tôi được khoác lên mình bộ đồng phục màu vàng gắn phù hiệu hạ sĩ, đội chiếc mũ có chứa ngôi sao vàng thiêng liêng của tổ quốc đính trên nó, mẹ tôi và cả người cha quá cố chắc chắn đều sẽ rất tự hào vì tôi.
Ngày / Tháng / Năm
Tôi đã được điều chuyển công tác đến Thạch Đà nên sẽ phải xa rời người mẹ yêu quý của mình một thời gian, nhưng mẹ tôi đã bảo ban tôi rằng bà ấy hoàn toàn thừa khả năng để chăm sóc bản thân mình và hoàn toàn ủng hộ công việc của tôi. Dù thực sự lo lắng về việc mẹ tôi đã rất già, nhưng những lời động viên của bà thật sự khiến tôi cảm thấy an tâm hơn rất nhiều. Tôi cũng đã sẵn sàng được điều chuyển đến Thạch Đà và làm việc với những anh em đồng chí mới ở đó.
Ngày / Tháng / Năm
Những anh em đồng chí mới rất là thân thiện, nhất là anh Vũ với cái miệng liến thoắng và anh Hải, người gần như là nhiệt tình nhất khi chào đón và hướng dãn tôi. Họ đã dẫn tôi đi nhậu sau khi tan ca làm, dù tôi đã không thể uống được bia vì tôi vốn có tưu lượng rất kém, nhưng thật may mắn khi mà việc đó đã không ảnh hưởng quá nhiều đến không khí của bữa ăn hay khiến tôi trở nên xa cách và khác biệt so với những anh em ở đây.
Ngày / Tháng / Năm
Vì tôi đã từ chối xin thêm tiền mà các đàn anh đã gọi là tiền típ từ người bị tạm giữ mà các anh đã không còn quý mến tôi như lần đầu tiên gặp mặt nữa, tại sao lại như thế chứ ? Tại sao chỉ vì tôi không muốn làm điều mà tôi không muốn làm mà tôi lại bị ra rìa theo kiểu như thế chứ ? Các anh đã đi nhậu khi mà tôi đi nộp báo cáo cho cấp trên, khi tôi hỏi thi các anh ấy nói rằng các anh ấy không còn hứng nhậu cho hôm nay nữa
Tôi phải làm gì mới có được sự công nhận của các anh ? Tôi thật sự không muốn bị nhìn với ánh mắt đó của các đàn anh, nhưng tôi cũng không muốn nhìn thấy đôi mắt của những người bị các anh yêu cầu nộp tiền…nó thật sự rất buồn.
Tôi phải làm gì thì mới có thể có thể hòa nhập chứ ? Mẹ tôi không có ở đây, tôi chắc biết phải xin lời khuyên của ai cả…
Ngày / Tháng / Năm
Đó thật sự là một trải nghiệm tuyệt vời ! Spa và những người nhân viên thật sự có kỹ năng rất cừ, cả người tôi sau cả ngày dài làm việc như được thả hồn lên chín tầng mây vậy, không thể tin được đây lại chính là đặc quyền mà những người chiến sĩ công an có thể nhận được ! Khi về có lẽ mình nên cảm ơn anh Vũ vì đã giới thiệu và hướng dẫn cho mình có được những trải nghiệm này.
Ngày / Tháng / Năm
Đó là tất cả, tôi không hiểu tại sao mọi chuyện lại đi xa đến như thế này, tôi không hiểu tại sao tôi lại quên đi mất niềm tin và nghĩa vụ của mình trong suốt hơn 2 năm qua, tôi không hiểu, tôi chỉ đang cố để hòa nhập với những người anh em ở Thạch Đà, tôi cũng chỉ muốn mỗi tuần có dư dả tiền để có thể nghỉ xả hơi trong những tiệm spa vào ngày nghỉ cuối tuần, tôi cũng chỉ có ước muốn đơn giản thế mà , tại sao mọi chuyện lại đi xa đến như thế này ?
Mọi chuyện cuối cùng cũng chỉ đến như vậy thôi sao ? Anh Vũ bảo rằng anh ấy có giải pháp, và anh ấy yêu cầu mọi người tập hợp về lại nhà của tôi. Thật sự sẽ còn có giải pháp sao ? Khi mà tôi đã làm ô nhục tấm an ninh hiệu quý giá đính trên chiếc mũ kê-pi, khi mà danh dự của tôi đã bị vấy đen vì cái danh cảnh sát bẩn.
Tôi chẳng biết làm gì cả, chẳng giống như những ngày trước khi mà mẹ tôi luôn là người dẫn dắt tôi trên con đường sống, giờ chẳng còn ai cả, chỉ còn anh Vũ và 4 đàn anh khác mà thôi.
Mẹ ơi, con nhớ mẹ nhiều lắm…
Tài liệu 038VN-TL4323
Tài liệu được thu hồi từ hộp tin nhắn cá nhân giữa đặc vụ thực địa Nguyễn Thị Lan và Nghiên cứu viên thực tập Trương Thị Bình trên ứng dụng Messenger. Tài liệu bao gồm ảnh chụp màn hình và nguồn văn bản về đoạn truyện ngắn cuối cùng của Nguyễn Thị Lan, được cho là mô tả về trải nghiệm của một người bị ảnh hưởng bởi SCP-038-VN. Đặc vụ Nguyễn Thị Lan đã được phát hiện tử vong tại phòng làm việc, nguyên nhân tử vong được xác nhận là tự sát bằng súng
Phụ Lục 038VN-A1-VPAN01
CẢNH BÁO XÁC NHẬN QUYỀN HẠN TRUY CẬP CẤP 4
Với lý do về sự thù địch của các thế lực ngoại lai, việc kiểm soát thông tin là cần thiết nhằm đảm bảo an toàn cho dữ liệu của tổ chức
Việc cố gắng truy cập trái phép tài liệu dưới đây với quyền hạn an ninh thấp hơn cấp 4 có thể kích hoạt quy trình phòng vệ phản gián của tài liệu, và bạn sẽ nằm trong danh sách các cá nhân cần bị tiêu diệt của tổ chức
Bạn đã được cảnh báo
TIẾN HÀNH TRUY CẬP TÀI LIỆU ?
[[/div]]