SCP-077-VN-1
SCP-077-VN » SCP-077-VN-1
CHÚ Ý:
Đây là một trang fragment.
Đây là một trang nội bộ sử dụng bởi Wiki SCP-VN, và không phải để đọc trực tiếp, mà là được thêm từ một trang khác. Trang này được gắn trang mẹ, xem ở trên.
: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); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) 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; 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; width: var(--body-width-on-desktop, 45.75rem); 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 { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "minimalist-bhl"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Minimalist BHL"; /* set this to your theme's full name */ --header-title: "TỔ CHỨC SCP"; --header-subtitle: "QUẢN THÚC - LƯU TRỮ - BẢO VỆ"; --logo-image: url('http://scp-wiki.wikidot.com/local--files/theme:minimalist-bhl/Foundation%20Logo'); --lgurl: var(--logo-image); --bright-accent: 245, 245, 245; --dark-accent: 36, 36, 36; --swatch-primary: var(--dark-accent); --light-gray-monochrome: 196, 196, 196; --dark-gray-monochrome: 200, 200, 200; --medium-accent: var(--dark-accent); --tab-border-color: var(--bright-accent); --hover-link-color: var(--dark-accent); --rating-module-button-color: var(--dark-accent); --rating-module-button-credit-color: var(--dark-accent); --swatch-background: var(--bright-accent); /* Background and Header Colors */ --background-color: var(--bright-accent); /* Primary Text Colors */ --swatch-text-light: var(--dark-accent); --swatch-text-general: var(--dark-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--bright-accent); /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */ --swatch-secondary-color: var(--swatch-menubg-dark-color); --swatch-tertiary-color: var(--dark-accent); /* Primary Header Colors */ --gradient-header: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%); --swatch-topmenu-border-color: var(--dark-accent); --swatch-topmenu-bg-color: var(--dark-accent); --background-gradient-distance: 0rem; --modal-bg: var(--bright-accent); --rating-module-text-color: var(--dark-accent); --rating-module-button-cancel-color: var(--gray-monochrome); --diagonal-stripes: none; --toggle-button-bg: rgb(var(--bright-accent)); --toggle-border-color: rgb(var(--dark-accent)); --toggle-icon-color: rgb(var(--dark-accent)); } /* Header Stuff, changes the background logo, makes the top bar dark and spooky too! */ #header::before { background-image: var(--lgurl); opacity: 0.20; } #header div[class*=top-bar]>ul li:hover { background-color: rgba(var(--bright-accent)); } #header div[class*=top-bar]>ul>li ul>li { box-shadow: inset 0 0 0 .0625rem rgb(var(--dark-accent)); background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } #header div[class*=top-bar]>ul>li>a { color: rgb(var(--bright-accent)); } #header div#top-bar { background-color: inherit; } #header div[class*=top-bar]>ul>li>a:after, #header div[class*=top-bar]>ul>li>a:before { background-color: rgba(var(--dark-accent)); } #header div[class*=top-bar]>ul>li:hover>a { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #header h1 a::before { -webkit-text-stroke: 0.325rem rgb(var(--bright-accent)); } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--bright-accent)); } #header h2 span::after { color: rgb(var(--dark-accent)); } #header { --login-myaccount-hover-color: var(--bright-accent) --login-line-divider-color: var(--dark-accent); --login-username-color: var(--dark-accent); --login-myaccount-color: var(--dark-accent); --login-myaccount-underline-color: var(--bright-accent); --login-myaccount-hover-bg-color: var(--dark-accent); --login-arrow-color: var(--dark-accent); --login-dropdown-text-color: var(--dark-accent); } /* This is purely just for the Top Bar, especially the hover elements and whatnot */ #top-bar div.mobile-top-bar>ul>li>ul>li:hover>a, #top-bar div.top-bar>ul>li>ul>li:hover>a { text-decoration: none; color: rgb(var(--dark-accent)); } #top-bar div.mobile-top-bar { background: rgb(var(--dark-accent)); } #top-bar div.top-bar>ul>li:hover { background: rgb(var(--dark-accent)); } #top-bar div.mobile-top-bar>ul>li.sfhover>ul, #top-bar div.mobile-top-bar>ul>li:hover>ul, #top-bar div.top-bar>ul>li.sfhover>ul, #top-bar div.top-bar>ul>li:hover>ul { color: rgb(var(--bright-accent)); } /* Everything below here is for the Sidebar, including the hover elements and the headings too */ #side-bar { --sideblock-heading-text-color: var(--bright-accent); --social-icon-hover-color: var(--bright-accent); } #side-bar .side-block { background-color: rgb(var(--bright-accent)); } #side-bar .side-block.resources { background: rgb(var(--bright-accent)) !important; } #side-bar .side-block.media { background-color: rgba(var(--dark-accent)) !important; } #side-bar div.menu-item>a { color: rgb(var(--dark-accent)); transition: color 300ms cubic-bezier(.4, 0, .2, 1), background-color 300ms cubic-bezier(.4, 0, .2, 1) } #side-bar div.menu-item>a:visited { color: rgb(var(--dark-accent)); } #side-bar div.menu-item>a:hover, #side-bar div.menu-item>a:active { color: rgb(var(--bright-accent)); } #side-bar div.menu-item>a:focus-within { color: rgb(var(--bright-accent)); } #side-bar div.menu-item a::before { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } .side-block.media a { background: transparent } #side-bar .collapsible-block .collapsible-block-folded, #side-bar .heading { background: rgb(var(--dark-accent)); } /* Throwing this quick fix for the search bar up here as well, just so everything fits */ #search-top-box-input { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #search-top-box-form input[type="submit"] { background: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #search-top-box-form input[type="submit"]:hover { background: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #search-top-box-input { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #search-top-box input.empty { color: rgb(var(--dark-accent)); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { background-color: rgba(var(--dark-accent)); } @media only screen and (max-width: 56.25rem) { #login-status:before { background-color: rgba(var(--dark-accent)); } } @media only screen and (min-width: 769px) { #search-top-box-form>input { box-shadow: none; } } @media only screen and (min-width: 769px) { #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border-left: none; border-top: 0.0125rem solid rgb(var(--dark-accent)); border-right: 0.0125rem solid rgb(var(--dark-accent)); border-bottom: 0.0125rem solid rgb(var(--dark-accent)); box-shadow: none; } } :not(.page-rate-widget-box):not(#search-top-box-form)>.btn, :not(.page-rate-widget-box):not(#search-top-box-form)>.button, :not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form)>button, :not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form)>input.button { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } /* Since we're also up here, here's the code to mess with the account options too (and one fix for the printusers) */ #login-status .printuser { background: transparent; color: rgb(var(--dark-accent)); } #login-status #my-account { color: rgb(var(--dark-accent)); } #account-options { width: auto; padding: 0.5em; border-color: rgba(var(--dark-accent)); background: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } .printuser a { margin-right: -1px; font-size: 14px; background-color: transparent; color: inherit; } login-status span.printuser { color: rgb(var(--dark-accent)); } /* Okay, now for the links and the body */ body { color: rgb(var(--dark-accent)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info) { padding: 0.15em; margin: -0.15em; color: inherit; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent)); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent)); text-decoration: none; color: rgb(var(--bright-accent)) } ::selection { background: rgb(148, 148, 148); } a { color: inherit; } a:hover { color: inherit; } a.close-menu { background-color: transparent; } a:visited { color: inherit; } .scp-image-block a { box-shadow:none; } hr { border-top: none; background-color: rgb(var(--dark-accent)); } blockquote, div.blockquote { border: 1px solid #242424; background-color: rgb(var(--bright-accent)); } /* Fancy Collapsibles */ #page-content .collapsible-block-link { text-decoration: none; font-weight: 700; } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { display: flex; align-items: center; justify-content: center; position: relative; margin-right: auto; margin-left: auto; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; width: min-content; white-space: nowrap; overflow: hidden; } #page-content .collapsible-block-folded a, #page-content .collapsible-block-unfolded-link a { position: relative; top: 0; left: 0; width: min-content; height: 100%; padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: center; transition: color 0.25s linear, background-color 0.25s linear; } #page-content .collapsible-block-folded a { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } #page-content .collapsible-block-unfolded-link a { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #page-content .collapsible-block-unfolded-link { box-shadow: none; } /* Code for changing button colors */ div#page-options-bottom-2>a, div#page-options-bottom>a { color: rgb(var(--dark-accent)); border-color: rgb(var(--dark-accent)); background-color: rgb(var(--bright-accent)); } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { border: 0.125rem solid rgba(var(--dark-accent)); color: rgb(var(--dark-accent)); background-color: rgb(var(--bright-accent)); } .owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover { border: .125rem solid rgba(var(--bright-accent)); background-color: rgba(var(--dark-accent)); color: rgb(var(--bright-accent)); } div#page-options-bottom-2>a:hover, div#page-options-bottom>a:hover { color: rgb(var(--bright-accent)); border-color: rgb(var(--dark-accent)); background-color: rgb(var(--dark-accent)); } /* All Rating Module Code is below this line! */ .modalbox { box-shadow: none !important; border-color: transparent !important; border-radius: 0px !important; padding: 4px; pointer-events: auto !important; } .creditButton p a { background-color: rgb(var(--black-accent)); } #page-content .rate-box-with-credit-button { display: inline-flex; margin-bottom: .75rem; border: .0625rem solid rgba(12, 12, 12, .25); border: .0625rem solid rgba(var(--gray-monochrome)); border-radius: 0; background: rgb(var(--bright-accent)); background-color: #fcfcfc; background-color: rgb(var(--bright-accent)); padding: 0 .125rem; height: var(--rating-module-height); overflow: hidden; } .page-rate-widget-box { background: rgb(var(--bright-accent)); border: 0.0625rem solid rgba(var(--dark-accent)); } /* Tabs */ .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { box-shadow: none; border-color: rgb(var(--bright-accent)); } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { background-color: rgb(var(--bright-accent)); color: rgb(var(--bright-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--bright-accent)); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { color: rgb(var(--dark-accent)); background: rgb(var(--bright-accent)); border: 1px solid rgb(var(--dark-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--bright-accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { border-color: rgb(var(--dark-accent)); background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { color: rgb(var(--dark-accent)); background: rgb(var(--bright-accent)); } /* Simple Tables */ table.wiki-content-table td { border: 1px solid #888; padding: 0.3em 0.7em; color: rgb(var(--dark-accent)); } table.wiki-content-table th { background: rgb(var(--dark-accent)); border: 1px solid rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } table.wiki-content-table tr { border: 1px solid #e3e3e3; color: #e3e3e3; } /* Image Blocks */ .scp-image-block { box-shadow: none; } .scp-image-block a { background-color: transparent; } .scp-image-block .scp-image-caption { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } /* Footer and Hovertips */ .footnote { color: rgb(var(--dark-accent)); background-color: rgb(var(--bright-accent)); border: 1px solid #242424; padding: .625em; } .footnotes-footer { background-color: rgba(var(--bright-accent)); color: rgb(var(--dark-accent)); border-top: 1px solid #242424; border-bottom: 1px solid #242424; border-right: 1px solid #242424; } .footnotes-footer a[href*=javascript]:before { color: rgb(var(--dark-accent)); background-color: transparent; } .hovertip { background-color: rgb(var(--bright-accent)); border: .0625rem solid rgb(var(--dark-gray-monochrome)); color: rgb(var(--dark-accent)); } .hovertip .content { background-color: rgb(var(--bright-accent)); } #footer { background: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } /* Michellaneous */ textarea, #lock-info { color: rgb(var(--dark-accent)); } .owindow .modal-body img { background-color: transparent !important; } .scpnet-interwiki-wrapper { filter: initial; margin-top: 1em; } .scpnet-interwiki-frame { filter: invert(0.92) grayscale(1) contrast(1); } .licensebox .collapsible-block-link { background: none; } .printuser img.small { vertical-align: -0.4em; width: 20px; height: 20px; } #who-rated-page-area .printuser a { font-size: 100%; } #license-area { color: rgb(var(--dark-accent)); background-color: rgb(var(--bright-accent)); } .printuser a { margin-right: -1px; font-size: 14px; background-color: transparent; color: inherit; } .printuser img.small { vertical-align: -0.4em; width: 19px; height: 18.5px; } .printuser:hover { background-color: transparent; } .page-tags a { background-color: transparent; color: rgb(var(--dark-accent)); } .page-tags a:hover { color: rgb(var(--bright-accent)); } form#edit-page-form { background-color: rgba(var(--dark-accent)); color: rgb(var(--bright-accent)); } input#edit-page-title { color: rgb(var(--dark-accent)); } form#edit-page-form .edit-help-34>a { color: rgb(var(--dark-accent)); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0); box-shadow: initial; } .acs-hybrid-text-bar>a { background-color: transparent; color: transparent; } @media only screen and (min-width: 769px) { #search-top-box-form>input, #search-top-box-form>input:hover, #search-top-box-form>input:focus { background: rgb(var(--light-accent)); } } @media (min-width: 0px) { #page-content .rate-box-with-credit-button>.creditButton>p>a:before { left: 4px; } } @media only screen and (max-width: 768px) { #header h2, #header h2 a, #header h2 a::before { top: 0.45rem; } }
:root { --posX: calc(50% - 358px - 12rem); } /*--- Footnote Auto-counter --*/ #page-content { counter-reset: megacount; } /*--- Footnote Superscript Number --*/ .fnnum { display: inline-block; text-indent: calc(-1% - 0.1em); overflow: hidden; line-height: 83%; text-decoration: none; font-weight: bold; font-style: initial; color: transparent; position: relative; top: -0.25em; font-size: 82%; padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px); margin-left: -0.06em; margin-right: -0.25em; counter-increment: megacount; user-select: none; } .fnnum::after { content: "" counter(megacount); color: var(--fnColor, #E6283C); } .fnnum:hover { text-decoration: none; cursor: pointer; background-color: var(--fnColor, #E6283C); } .fnnum:hover::after { color: white; } /*--- Footnote Content Wrapper --*/ .fncon { position: absolute; right: calc(var(--posX) + 80px); line-height: 1.2; padding: 0.82rem; width: 10.3rem; background: white; border: 2px solid black; font-weight: initial; font-style: initial; text-align: initial; pointer-events: none; opacity: 0; transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94); z-index: 9; } .fnnum:hover + .fncon { opacity: 1; right: var(--posX); } .fncon::before { position: absolute; top: 0; left: 0; transform: translateX(-52%) translateY(-55%) scale(1.15); background-color: var(--fnColor, #E6283C); color: white; content: counter(megacount); font-size: initial; font-weight: bold; font-style: initial; padding-left: 0.32em; padding-right: 0.32em; padding-top: 0.18rem; padding-bottom: 0.08rem; } /*--- Mobile Query --*/ @media only screen and (max-width: 1279px) { .fncon { position: fixed; bottom: 1.3rem; left: calc(11% - 50px); width: 70%; transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94); } .fnnum:hover + .fncon { left: 11%; } }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; pointer-events: auto; } @media not all and (max-width: 767px) { #top-bar .mobile-top-bar { display: block; pointer-events: none; } #top-bar .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block; position: fixed; top: 0; left: -18rem; width: 15.25rem; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { left: 0; } #side-bar:focus-within:not(:target) { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 19.75em; opacity: 0; z-index: -1; visibility: visible; } #side-bar:not(:target) .close-menu { display: none; } #top-bar .open-menu a:hover { text-decoration: none; } /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */ @supports (-moz-appearance:none) { #top-bar .open-menu a { pointer-events: none; } #side-bar:not(:target) .close-menu { display: block; pointer-events: none; user-select: none; } /* This pseudo-element is meant to overlay the regular sidebar button so the fixed positioning (top, left, right and/or bottom) has to match */ #side-bar .close-menu::before { content: ""; position: fixed; z-index: 5; display: block; top: 0.5em; left: 0.5em; border: 0.2em solid transparent; width: 30px; height: 30px; font-size: 30px; line-height: 0.9em; pointer-events: all; cursor: pointer; } #side-bar:focus-within { left: 0; } #side-bar:focus-within .close-menu::before { pointer-events: none; } } }
THEO MỆNH LỆNH CỦA HỘI ĐỒNG TỐI CAO
TÀI LIỆU NÀY ĐƯỢC PHÂN LOẠI LÀ BẢO MẬT CẤP ĐỘ 5, NGHIÊM CẤM VIỆC TRUY CẬP KHÔNG ĐỦ THẨM QUYỀN. MỌI HÀNH VI TRUY CẬP KHI CHƯA ĐƯỢC CẤP PHÉP SẼ BỊ ĐỊNH VỊ, GIÁM SÁT, VÀ GIAM GIỮ
~HỘI ĐỒNG O5~
sửa đổi trang: 4, chỉnh sửa lần cuối: 14 Nov 2021 17:30
Chỉnh sửa Thành phần
Nối
Chỉnh sửa Meta
Người theo dõi
Backlink
Mã nguồn
Trang mẹ
Khóa bài
Đổi tên
Xóa