Trang Chủ

+ 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.25rem;
            left: 0.5rem;
            width: 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::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
        }
 
        #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 .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;
        }
 
        #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));
        }
 
        @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance: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 {
                    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;
                }
            }
        }
    }
}

CẢNH BÁO: CƠ SỞ DỮ LIỆU CỦA TỔ CHỨC LÀ

TUYỆT MẬT

TRUY CẬP BỞI NHÂN SỰ KHÔNG CÓ THẨM QUYỀN HOÀN TOÀN BỊ NGHIÊM CẤM
NGƯỜI VI PHẠM SẼ BỊ THEO DÕI, ĐỊNH VỊ VÀ GIAM GIỮ

---

THÔNG BÁO

Thông Báo của Wiki

---

SERIES HỒ SƠ SCP

[+] Mở Playlist

---

CSS Include for Wanderers' Library box on Front Page

[[include :scp-wiki:fragment:wl-front-page-box |css=--]]]
[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|extra-class=
|URL=
|URL-Title=
|img-URL=
|top-h4=
|top-h2=
|text=
]]

Classes Included:

• .library-container - Container box
• .library - Internal box
• .library .wl-image - Image Block
• .library .wl-headers - Headers Block
• .library .wl-text - Text Block
• .library .fake-h2 - Mimics H4 Styling from WL
• .library .fake-h4 - Mimics H2 Styling from WL

---

Special Classes Included:

• .library.contest - Contest Block / Places Image on right for Desktop Sizes

EXAMPLES

Wanderers' Library Wandercon 2021

WANDERCON 2021

↬ The Wanderer's Library ↫

The Wanderer's Library is having its first ever team contest with a simple task: Describe an author who resides in the Library, and show us what works they've created! Sign ups end August 13th! Click for more information.

---

Wanderers' Library

Official Sister Site

↬ The Wanderer's Library ↫

The Wanderer's Library is the Foundation's sister site and features the endless fantastical stories contained within the Library, home to the Serpents Hand and readers of all shapes and sizes. Stories should inspire Wonder - a sense that there is a larger world beyond the one we know.

---

+ Show Block 1 Code

[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|extra-class=contest
|URL=https://wanderers-library.wikidot.com/wandercon-2021
|URL-Title=Wanderers' Library Wandercon 2021
|img-URL=http://wanderers-library.wdfiles.com/local--resized-images/wandercon-2021/lofilibrary/medium.jpg
|top-h4=WANDERCON 2021
|top-h2=The Wanderer's Library
|text=The Wanderer's Library is having its first ever team contest with a simple task: Describe an author who resides in the Library, and show us what works they've created! Sign ups end August 13th! Click for more information.
]]

---

+ Show Block 2 Code

[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|URL=https://wanderers-library.wikidot.com/
|URL-Title=Wanderers' Library
|img-URL=https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wl_logo.png
|top-h4=Official Sister Site
|top-h2=The Wanderer's Library
|text=The Wanderer's Library is the Foundation's sister site and features the endless fantastical stories contained within the Library, home to the Serpents Hand and readers of all shapes and sizes. Stories should inspire Wonder - a sense that there is a larger world beyond the one we know.
]]

---

CSS Include for Wanderers' Library box on Front Page

[[include :scp-wiki:fragment:wl-front-page-box |css=--]]]
[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|extra-class=
|URL=
|URL-Title=
|img-URL=
|top-h4=
|top-h2=
|text=
]]

Classes Included:

• .library-container - Container box
• .library - Internal box
• .library .wl-image - Image Block
• .library .wl-headers - Headers Block
• .library .wl-text - Text Block
• .library .fake-h2 - Mimics H4 Styling from WL
• .library .fake-h4 - Mimics H2 Styling from WL

---

Special Classes Included:

• .library.contest - Contest Block / Places Image on right for Desktop Sizes

EXAMPLES

Wanderers' Library Wandercon 2021

WANDERCON 2021

↬ The Wanderer's Library ↫

The Wanderer's Library is having its first ever team contest with a simple task: Describe an author who resides in the Library, and show us what works they've created! Sign ups end August 13th! Click for more information.

---

Wanderers' Library

Official Sister Site

↬ The Wanderer's Library ↫

The Wanderer's Library is the Foundation's sister site and features the endless fantastical stories contained within the Library, home to the Serpents Hand and readers of all shapes and sizes. Stories should inspire Wonder - a sense that there is a larger world beyond the one we know.

---

+ Show Block 1 Code

[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|extra-class=contest
|URL=https://wanderers-library.wikidot.com/wandercon-2021
|URL-Title=Wanderers' Library Wandercon 2021
|img-URL=http://wanderers-library.wdfiles.com/local--resized-images/wandercon-2021/lofilibrary/medium.jpg
|top-h4=WANDERCON 2021
|top-h2=The Wanderer's Library
|text=The Wanderer's Library is having its first ever team contest with a simple task: Describe an author who resides in the Library, and show us what works they've created! Sign ups end August 13th! Click for more information.
]]

---

+ Show Block 2 Code

[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|URL=https://wanderers-library.wikidot.com/
|URL-Title=Wanderers' Library
|img-URL=https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wl_logo.png
|top-h4=Official Sister Site
|top-h2=The Wanderer's Library
|text=The Wanderer's Library is the Foundation's sister site and features the endless fantastical stories contained within the Library, home to the Serpents Hand and readers of all shapes and sizes. Stories should inspire Wonder - a sense that there is a larger world beyond the one we know.
]]

---

Thư Viện của Lãng Khách

Trang Chị Em Chính Thức

↬ Thư Viện của Lãng Khách ↫

Thư Viện của Lãng Khách là trang chị em của Tổ Chức, hiện lưu trữ những cuốn truyện màu nhiệm tại Thư Viện, là mái nhà của Xà Thủ và độc giả muôn hình muôn dạng. Các câu chuyện ở đây đều gợi cho ta cái Xúc Cảm Huyền Diệu, xúc cảm về một thế giới rộng lớn hơn mà ta không biết đến.

Chi Nhánh của Tổ Chức SCP

SCP-INT
Kho Lưu Trữ Bản Dịch Quốc Tế

SCP Foundation
Tiếng Anh

Фонд SCP
Tiếng Nga

SCP 재단
Tiếng Hàn

SCP基金会
Tiếng Trung

Fondation SCP
Tiếng Pháp

Fundacja SCP
Tiếng Ba Lan

La Fundación SCP
Tiếng Tây Ban Nha

สถาบัน SCP
Tiếng Thái

SCP財団
Tiếng Nhật

SCP auf Deutsch
Tiếng Đức

Fondazione SCP
Tiếng Ý

Фонд SCP
Tiếng Ukraina

Fundação SCP
Tiếng Bồ Đào Nha

SCP Nadace
Tiếng Séc

SCP基金會
Tiếng Trung (Phồn Thể)

Vườn Ươm Ngôn Ngữ
Nhiều Ngôn Ngữ

---

Các Chi Nhánh Không Chính Thức

SCP-EL — Tiếng Hy Lạp	SCP-ID — Tiếng Indonesia	SCP-ND — Tiếng Bắc Âu
SCP-TR — Tiếng Thổ Nhĩ Kỳ

 

---

Chủ tố và phong cách Sigma-9 của Wiki Tổ Chức SCP được thiết kế bởi Aelanna,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Theme (Đã Tùy Biến) |

Logo SCP-VN của Wiki Tổ Chức SCP - Chi Nhánh Việt Nam được thiết kế bởi EstrellaYoshte,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Logo |

Logo SCP-DE Giáng Sinh của Wiki Tổ Chức SCP - Chi Nhánh Đức được thiết kế bởi Tanija,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Logo |

Logo SCP-VN Giáng Sinh của Wiki Tổ Chức SCP - Chi Nhánh Việt Nam được chỉnh sửa bởi StupifPotato từ Logo SCP-VN và Logo SCP-DE Giáng Sinh,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Logo |

Chủ tố và phong cách BHL của Wiki Tổ Chức SCP được quản lý bởi Woedenaz cùng Croquembouche,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Theme (Việt Hóa) |

Phong cách Christmas Theme của Wiki Tổ Chức SCP được thiết kế bởi Dc_Yerko, chuyển đổi qua Wiki Tiếng Anh bởi stormbreath,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Theme |

Snow Dance của Wiki Tổ Chức SCP - Chi Nhánh Tiếng Trung Phồn Thể được thiết kế bởi Dr V Valentine,
và xuất hành dưới giấy phép Ghi Công/Chia Sẻ Tương Tự Sáng Tạo Chung 3.0.
| Link Kỹ Thuật |