Trong Màn Đêm

---

+ Show theme code

@supports(display:grid) {
    :root {
     /* S-CSS-P Integration */
     /* If you're making a new CSS theme, please include the following three variables at minimum. */
     --theme-base: "black-highlighte";
     /* must be either "nuscp" or "sigma9" */
     --theme-id: "Extra-BHL-theme";
     /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
     --theme-name: "Extra Black Highlighter Theme";
     /* set this to your theme's full name */
     /* New Vars */
     --swatch-menubg-extra-dark-color: 30, 30, 32;
 
     /* Old Vars */
     --black-monochrome: 20, 22, 24;
     --light-pale-gray-monochrome: 250, 250, 250;
     --bright-accent: var(--pale-accent);
     /* Primary Theme Colors */
     --swatch-background: var(--swatch-menubg-black-color);
     /* Background and Header Colors */
     --background-gradient-color: 10, 10, 10;
     --header-gradient-color-bottom: var(--medium-accent);
     --header-gradient-color-middle: var(--swatch-menubg-black-color);
     --header-gradient-color-top: var(--swatch-menubg-black-color);
     /* Primary Text Colors */
     --swatch-text-light: var(--light-pale-gray-monochrome);
     --swatch-text-general: var(--swatch-text-light);
     /* Primary Menu Colors */
     --swatch-menubg-color: var(--swatch-menubg-black-color);
     --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
     /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
     --swatch-secondary-color: var(--swatch-menubg-dark-color);
     --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
     --swatch-alternate-color: var(--swatch-primary);
 
     /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
     --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
     --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
     /* Primary Header Colors */
     --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
     --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
     --rating-module-text-color: var(--swatch-text-general);
     --rating-module-button-color: var(--swatch-text-general);
     --rating-module-button-cancel-color: 100, 100, 100;
 
     --ui-wght: 500;
     --ui-hvr-wght: 600;
 
     --gradient-header: linear-gradient(to bottom,
     rgb(var(--header-gradient-color-bottom)) 0%,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%);
 
     --diagonal-stripes: repeating-linear-gradient(45deg,
     hsla(0, 0%, 100%, 0),
     hsla(0, 0%, 100%, 0) 0.25vh,
     rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
     rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);
    }
 
    #main-content {
     --pagetags-title-text: var(--swatch-text-secondary-color);
    }
 
    #header {
     --search-icon-color: var(--swatch-text-tertiary-color);
    }
 
    #top-bar {
     /* ===DROPDOWN MENU=== */
     --dropdown-bg-color: var(--swatch-menubg-extra-dark-color), 0.9;
    }
 
    ::-moz-selection {
     background: rgb(var(--swatch-primary-darkest));
    }
 
    ::selection {
     background: rgb(var(--swatch-primary-darkest));
    }
 
    body {
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-osx-font-smoothing: auto;
    }
 
    #search-top-box-input {
     background-color: rgb(var(--swatch-menubg-extra-dark-color));
    }
 
    #account-options {
     background: var(--gradient-header);
    }
 
    #login-status {
     color: rgba(var(--swatch-menutxt-light-color), 0.5);
    }
 
    #login-status ul a {
     color: rgb(var(--swatch-menutxt-light-color));
    }
 
    span.printuser {
     color: rgb(var(--swatch-menutxt-light-color));
    }
 
    .page-rate-widget-box {
     background: linear-gradient(to bottom,
     rgba(var(--header-gradient-color-bottom), 0.5) 0%,
     rgba(var(--header-gradient-color-middle), 0.15) 90%,
     rgba(var(--header-gradient-color-top), 0.15) 100%);
     border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
    }
 
    #top-bar div.mobile-top-bar>ul>li>ul>li>a,
    #top-bar div.top-bar>ul>li>ul>li>a {
     box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
    }
 
    #side-bar .heading p,
    #side-bar .collapsible-block .collapsible-block-link {
     color: rgb(var(--swatch-menutxt-light-color));
    }
 
    blockquote,
    .blockquote,
    .code {
     --swatch-border-color: var(--swatch-menubg-light-color);
     border-color: rgba(var(--swatch-border-color), 0.25);
    }
 
    .yui-navset .yui-nav,
    .yui-navset .yui-navset-top .yui-nav {
     --box-shadow: rgb(var(--swatch-primary-darkest));
     border-color: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav li,
    .yui-navset .yui-navset-top .yui-nav li {
     --box-shadow: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav a,
    .yui-navset .yui-navset-top .yui-nav a {
     background-color: rgb(var(--swatch-menubg-extra-dark-color));
     color: rgb(var(--swatch-text-general));
    }
 
    .yui-navset .yui-nav .selected,
    .yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgb(var(--swatch-primary-darkest));
    }
 
    table.wiki-content-table th {
     background: rgb(var(--swatch-secondary-color));
    }
 
    table.wiki-content-table th,
    table.wiki-content-table tr {
     border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
    }
 
    table.wiki-content-table td {
     border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
    }
 
    textarea,
    input.text,
    input.checkbox,
    div.note,
    #lock-info {
     border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
     background-color: rgb(var(--swatch-menubg-extra-dark-color));
     color: rgb(var(--swatch-text-light));
    }
 
    .code pre span[class*="hl-"] {
     -webkit-filter: invert(1) hue-rotate(180deg);
     filter: invert(1) hue-rotate(180deg);
    }
 
    .owindow .modal-body img {
     background-color: transparent !important;
    }
 
    .hovertip {
     border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
     background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
     color: rgb(var(--swatch-text-light)) !important;
    }
 
    #main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]),
    #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
     color: rgb(var(--swatch-primary-secondary-color));
    }
 
    #footer,
    #license-area {
     --link-color: var(--swatch-text-tertiary-color);
     --hover-link-color: var(--swatch-text-tertiary-color);
     --visited-link-color: var(--swatch-text-tertiary-color);
     color: rgb(var(--swatch-text-general));
    }
 
    #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
     -webkit-filter: invert(1);
             filter: invert(1);
    }
 
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before,
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before,
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after {
     background-color: rgb(var(--swatch-menubg-dark-color));
    }
 
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
     mix-blend-mode: lighten;
    }
 
    div[id*="page-options-bottom"]>a::after {
     background-color: rgb(var(--swatch-text-secondary-color));
    }
 
    /* ===BUTTONS=== */
    div[id*="page-options-bottom"]>a::after {
     background-color: rgb(var(--swatch-text-tertiary-color));
    }
}

+ Show component code

@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;
            }
        }
    }
}

Bầu trời mịt mù đêm trăng mờ
Bom đạn, tiếng pháo trong cơn mơ
Lặng im góc phòng không tiếng thở
Đứng nhìn người lính như đợi chờ.

Ánh sáng chập chờn hành lang vắng
Y tá tăng ca uống ly trà
Lẩn khuất bóng đen in tường trắng
Giờ đây cũng hóa màu ố hoen.

Cánh cửa, tường trắng một màu đen
Hòa cùng màn đêm dưới ánh đèn
Mười tám nụ cười hợp làm một
Đâu bằng nụ cười trong màn đêm.

Đạn bom biến Châu Âu hoang tàn
Nhà cửa đường phố cũng tan hoang
Cuốn theo câu chuyện chàng lính trẻ
Trôi theo ký ức dần mờ tan.

Ban đêm không khí bỗng lặng thinh
Cảnh vật xung quanh như đứng hình
Thanh niên viết thơ ngồi máy tính
Phía sau, ánh mắt ghim vào mình.

‡ Giấy Phép / Ghi Công

Trích dẫn trang này theo sau:

"Trong Màn Đêm" bởi Tutel, từ SCP-VN Wiki. Nguồn: https://scp-vn.wikidot.com/anh-nhin-t-man-dem. Được xuất bản dưới giấy phép CC-BY-SA Song song

Để biết thêm thông tin, truy cập Hướng dẫn giấy phép.
Thông Tin Giấy Phép

Để biết thêm thông tin về nội dung trên wiki, ghé thăm Danh Sách Giấy Phép.