Số 12 - 2022
/* 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;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #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: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        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;
    }
    }
}
đánh giá: +11+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }
/*
    Newspaper Theme Vietnam
    [2021 Wikidot Theme]
    By StupifPotato
    Based on:
       Newspaper Theme by MalyceGraves and EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap');
 
:root {
    --accentColor: #58895d;
    --lgurl: url("http://scp-wiki.wdfiles.com/local--files/theme%3Anewspaper/newslogo.png");
    --bgurl: url("http://scp-wiki.wdfiles.com/local--files/theme%3Anewspaper/newshead.png");
    --primaryBackgroundColor: #f3f3f3;
    --textColor: #090B0C;
    --headerColor: #161B33;
    --selectionColor: #FFE419;
 
    --header-font: 'Merriweather', serif;
    --link-timing: 0.125s ease-out;
}
 
#content-wrap {
    margin: 0.65em auto 0;
    box-sizing: border-box;
}
#page-content { font-size: 1rem; }
 
body {
    font-family: 'Montserrat', sans-serif;
    color: var(--textColor);
    background-color: #ebffe9s;
    background-image: none;
    background-repeat: no-repeat;
}
tt {
    background-color: var(--primaryBackgroundColor);
}
code {
    font-family: var(--mono-font);
}
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source {
    font-size: 90%;
}
 
a:not(.rate-box-with-credit-button a, .page-rate-widget-box a, yui-nav a) {
    color: var(--accentColor);
}
 
#page-content div {
    clear: unset;
}
 
/* Selection */
::selection {
    background: var(--selectionColor);
    color: var(--textColor);
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
    height: 240px;
}
 
div#header-extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 1;
    z-index: -1;
}
div#extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    z-index: -2;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h1 a {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
 
}
#header h2 {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    font-style: italic;
}
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--headerColor);
  font-family: var(--header-font);
  text-shadow: none;
}
#header h2::before { color: var(--textColor); }
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "Tin Báo Tổ Chức SCP");
  font-weight: 300;
  font-size: 1em;
}
#header h2::before {
  content: var(--header-subtitle, "Tuần Báo SCP-VN Chính Thức");
  font-weight: 600;
  font-size: 0.75em;
}
 
#login-status {
    color: var(--textColor);
    background-color: #FEFBF8;
    padding: 0.3rem 0.25rem 0.4rem 0.5rem;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
    top: 0;
}
#login-status a {
    color: var(--accentColor);
}
#account-topbutton {
    border: none;
    margin-left: -0.1rem;
}
 
div#account-options {
    background-color: var(--primaryBackgroundColor);
    border: none;
    border-radius: 0.35rem;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
    top: 1.85rem;
 
    display: block!important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
}
#account-topbutton:focus + #account-options,
#account-topbutton:active + #account-options,
#account-options:focus-within {
    opacity: 1;
    pointer-events: all;
}
/* Without this, touchscreen doesn't work */
@media (pointer: coarse) {
    #account-topbutton:hover + #account-options,
    #account-options:hover {
        opacity: 1;
        pointer-events: all;
    }
}
#account-options li a,
#account-options li a:hover {
    color: var(--accentColor);
}
 
/* ---- SEARCH ---- */
div#search-top-box {
    top: 2.25rem;
    right: 0.5rem;
    width: 1.6rem;
}
 
div#search-top-box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; right: 0.05rem;
    background-color: var(--accentColor);
    pointer-events: none;
    z-index: 2;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 1rem;
            mask-size: 1rem;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    opacity: 1;
    transition: opacity 0.25s ease;
}
div#search-top-box:focus-within::before { opacity: 0; }
 
div#search-top-box form {
    display: flex;
    justify-content: flex-end;
}
 
div#search-top-box form input[type="text"]:not(:focus),
div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
    position: relative;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: var(--body-font);
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.1em 0.5em;
    box-sizing: border-box;
    border-radius: 0.35rem;
    border: none;
    box-shadow: 0 0 2px 1.5px var(--shadow);
}
 
div#search-top-box form input[type="text"],
div#search-top-box form input[type="text"]:hover,
div#search-top-box form input[type="text"]:focus {
    background-color: var(--primaryBackgroundColor)!important;
    color: var(--textColor);
    display: inline-block;
    border: none;
    height: 1.6rem;
    width: 9rem;
    transition: width .25s;
    outline: none;
}
 
div#search-top-box form input[type="submit"] {
    display: none;
}
 
/* ---- TOP BAR ---- */
 
#top-bar {
     top: 8.5rem;
     display: flex;
     justify-content: center;
     right: 0;
}
@media (max-width: 768px) {
    .mobile-top-bar {
         display: flex;
         justify-content: center;
         max-width: 100%;
         width: 100%;
         left: 0;
    }
}
 
/* div[class*=top-bar] is to select both regular and mobile top bar that exist in #top-bar */
 
#top-bar div[class*=top-bar] > ul > li > a {
    color: var(--textColor);
}
 
#top-bar div[class*=top-bar] ul li ul li a {
    color: var(--accentColor);
}
 
#top-bar div[class*=top-bar] > ul > li > a:hover,
#top-bar div[class*=top-bar] > ul > li.sfhover > a {
    background-color: transparent;
    background: none;
}
 
#top-bar div[class*=top-bar] > ul > li,
#top-bar div[class*=top-bar] > ul > li.sfhover {
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#top-bar div[class*=top-bar] > ul > li:hover,
#top-bar div[class*=top-bar] > ul > li:focus-within {
    background-color: transparent;
    background-size: 100% 100%;
}
 
#top-bar div[class*=top-bar] ul li ul {
    background-color: var(--primaryBackgroundColor);
    border: none;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-radius: 0.5rem;
}
#top-bar div[class*=top-bar] ul li ul li:first-of-type a {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
#top-bar div[class*=top-bar] ul li ul li:last-of-type a {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
 
#top-bar div[class*=top-bar] ul li ul li,
#top-bar div[class*=top-bar] ul li ul li a {
    background: transparent;
    border: none;
}
#top-bar div[class*=top-bar] ul li ul li a:hover,
#top-bar div[class*=top-bar] ul li ul li a:focus {
    background-color: #FEFBF8;
}
 
/* keyboard navigation compatibility */
#top-bar div[class*=top-bar] ul > li > ul > li > a {
    height: auto;
    max-height: none;
    line-height: 1.5!important;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
#top-bar div[class*=top-bar] > ul > li > ul {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
}
#top-bar div[class*=top-bar] > ul > li:hover > ul,
#top-bar div[class*=top-bar] > ul > li > ul:hover,
#top-bar div[class*=top-bar] > ul > li:focus-within > ul,
#top-bar div[class*=top-bar] > ul > li > ul:focus-within {
    opacity: 1;
    pointer-events: all;
}
 
/* ---- SIDE BAR ---- */
 
div#side-bar{
    background: #FEFBF8;
    clear: both;
    padding: .8em;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    overflow-x: hidden;
}
 
#side-bar .heading{
    color: var(--headerColor);
    font-family: var(--header-font);
    font-size: 0.94rem;
    border-bottom: solid 1px var(--headerColor);
    border-top: solid 1px var(--headerColor);
    margin-top: 1.35rem;
    padding-left: 0;
    text-align: center;
}
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: none;
    background-color: #FEFBF8;
}
#side-bar .side-block.media {
    background-color:#FEFBF8;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
#side-bar .side-block.resources {
    background-color:#FEFBF8;
}
.side-block .menu-item > .image {
    display: none;
}
 
#side-bar div.menu-item a {
    color: var(--accentColor);
}
 
#top-bar div.open-menu a {
    border-radius: 0.35rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    color: var(--accentColor);
    background-color: #FEFBF8;
    border: none;
    padding: 0.15rem;
    user-select: none;
}
 
/* ---- MAIN CONTENT ---- */
#main-content {
    background-color: #FEFBF8;
    padding: 0.5em 2em 0.75em;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    width: 100%;
    max-width: 880px;
    margin: -0.4rem auto 0;
    border-radius: 0;
    box-sizing: border-box;
}
 
/* ---- PAGE TITLE ---- */
#page-title, .meta-title {
    color: var(--headerColor);
    font-family: var(--header-font);
    font-size: 3em;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    border-bottom: none;
    margin: 0.25rem 0;
    padding-bottom: 0;
}
#page-title::before,
#page-title::after,
.meta-title::before,
.meta-title::after {
    content: "";
    flex-grow: 1;
    height: 0.25rem;
    margin: auto auto auto 0.65rem;
    background-color: transparent;
    border-top: solid 0.125rem var(--headerColor);
    border-bottom: solid 0.125rem var(--headerColor);
}
#page-title::before,
.meta-title::before {
    margin: auto 0.65rem auto auto;
}
 
/* ---- BREADCRUMBS ---- */
 
#breadcrumbs, #page-content .pseudocrumbs {
    font-size: 0.85rem;
    font-family: var(--header-font);
    margin-top: -1.05em;
}
#page-content .pseudocrumbs * { text-decoration-color: var(--accentColor)!important; }
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-width: 0;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: var(--textColor);
     font-weight: bold;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: transparent;
     border: unset;
     box-shadow: none;
 
     background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
     background-size: 0 100% ;
     background-position: 0 100%;
     background-repeat: no-repeat;
     transition: background-size var(--link-timing);
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: transparent;
     background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
     background-size: 100% 100% ;
     background-position: 0 100%;
     background-repeat: no-repeat;
     transition: background-size var(--link-timing);
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0.25rem;
     padding: 0;
     color: #d6d6d6;
     background-color: var(--primaryBackgroundColor);
     border-color: transparent;
     border-radius: 0.35rem;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     border-radius: 0.35rem;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
     border-radius: 0.35rem;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: var(--accentColor);
     color: var(--primaryBackgroundColor);
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
     font-weight: bold;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: var(--accentColor);
}
 .yui-navset .yui-content {
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin-top: 0.25rem;
    box-sizing: border-box;
    border-radius: 1rem;
    padding: 0.35rem 0;
    border-top: solid 0.2rem var(--accentColor);
    border-bottom: solid 0.2rem var(--accentColor);
}
 
/* ---- INFO PANE ---- */
 
:root {
    --linkColor: var(--selectionColor);
    --radius-adjust: 0.325rem;
    --shadow: rgba(0,0,0,0.2);
}
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 1rem;
}
#page-content .rate-box-with-credit-button {
    background-color: var(--primaryBackgroundColor);
    border: none;
    box-shadow: 0 0 3px 1px var(--shadow);
    border-radius: var(--radius-adjust);
    padding: 0.275rem;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
 
#page-content a.fa {
    transform: none;
}
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: var(--textColor);
 
    padding-top: 0.25rem;
    padding-bottom: 0.0725rem;
    width: 0.9rem;
    margin-left: -0.1rem;
    margin-right: 0.1rem;
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100% ;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
#page-content .rate-box-with-credit-button .fa-info:hover,
#page-content .rate-box-with-credit-button .fa-info:focus {
    background-size: 100% 100%;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px var(--primaryBackgroundColor);
}
 
#page-content .creditButtonStandalone {
    margin: 0.125rem 0;
}
#page-content .creditButtonStandalone p a {
    border-radius: 1rem;
    color: var(--textColor);
    text-align: center;
    background: initial;
    box-shadow: 0 0 2px 1px var(--shadow);
    padding: 0.24rem;
 
    background: none;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size var(--link-timing);
}
#page-content .creditButtonStandalone p a:hover,
#page-content .creditButtonStandalone p a:focus {
    text-decoration: none;
    background: none;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
    margin-bottom: 1rem;
    background-color: var(--primaryBackgroundColor);
    border-radius: var(--radius-adjust);
    box-shadow: 0 0 3px 1px var(--shadow);
    padding: 0.275rem;
}
 
.page-rate-widget-box .rateup a:hover, .page-rate-widget-box .rateup a:focus,
.page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .ratedown a:focus,
.page-rate-widget-box .cancel a:hover, .page-rate-widget-box .cancel a:focus {
    color: var(--textColor);
    background: unset;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 0;
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--primaryBackgroundColor) !important;
    color: var(--textColor) !important;
    border: solid 1px var(--primaryBackgroundColor);
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--primaryBackgroundColor);
    border-top: solid 1px var(--primaryBackgroundColor);
    border-bottom: solid 1px var(--primaryBackgroundColor);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
.page-rate-widget-box .cancel {
    background-color: var(--primaryBackgroundColor);
    border: solid 1px var(--primaryBackgroundColor);
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
/* ---- PAGE ELEMENTS ---- */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--headerColor);
    font-family: var(--header-font);
    font-weight: normal;
    margin: 0.45em 0;
}
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
 
hr {
    height: 0.25rem;
    margin: 1.75rem 0;
    background-color: transparent;
    border-top: solid 0.125rem var(--headerColor);
    border-bottom: solid 0.125rem var(--headerColor);
    clear: both;
}
 
blockquote,
div.blockquote {
    background-color: var(--primaryBackgroundColor);
    border: none;
    border-left: solid 0.2rem var(--headerColor);
    padding: 0.1rem 1rem;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    position: relative;
}
blockquote::before, blockquote::after,
div.blockquote::before, div.blockquote::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    left: 0;
    background-color: var(--headerColor);
}
blockquote::before, div.blockquote::before {
    top: 0;
    transform: translate(calc(-50% - 0.1rem),-50%) rotate(45deg);
}
blockquote::after, div.blockquote::after {
    bottom: 0;
    transform: translate(calc(-50% - 0.1rem),50%) rotate(45deg);
}
 
#toc {
    display: block;
    background-color: #FEFBF8;
    border: none;
    padding: 0.1rem 1rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-right: solid 0.2rem var(--headerColor);
    padding: 0.75em;
    position: relative;
}
#toc::before, #toc::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    right: 0;
    background-color: var(--headerColor);
}
#toc::before {
    top: 0;
    transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
}
#toc::after {
    bottom: 0;
    transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
}
#toc-list {
    font-family: var(--header-font);
}
#toc-list > div[style*="margin-left: 1em;"] { margin-left: 0.5em!important; }
#toc-list > div:not([style*="margin-left: 1em;"]) { display: none; }
 
.scp-image-block {
    border: solid 8px var(--primaryBackgroundColor);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.scp-image-block::before, .scp-image-block::after {
    content:'';
    position: absolute;
    pointer-events: none;
    border: solid 0.25rem var(--headerColor);
    transform: rotate(25deg);
}
.scp-image-block::before {
    right: -0.135rem;
    height: 36px;
    width: 9px;
    top: -14.25px;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
}
.scp-image-block::after {
    top: -25px;
    right: -0.94rem;
    height: 16px;
    width: 14px;
    border-radius: 2rem 2rem 0 0;
    border-bottom: solid 0.55rem transparent;
    z-index: -1;
}
 
.scp-image-block .scp-image-caption {
    background-color: var(--primaryBackgroundColor);
    border-top: solid 4px var(--primaryBackgroundColor);
    color: var(--textColor);
}
.scp-image-block.block-left,
.scp-image-block.block-right {
    margin: 0.25rem 2rem 0.625rem;
}
.scp-image-block.block-left { margin-left: 0.5rem; }
.scp-image-block.block-right { margin-right: 0.5rem; }
@media (max-width: 640px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--headerColor);
    color: var(--headerColor);
    background-color: var(--primaryBackgroundColor);
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
    border: solid 1px var(--headerColor);
    /* set border for table content */
}
 
/* fancy collapsible */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background-color: var(--primaryBackgroundColor);
    border-radius: 0.35rem;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
}
 
#page-content .collapsible-block-folded {
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100% ;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#page-content .collapsible-block-folded:hover,
#page-content .collapsible-block-folded:focus-within {
    background-size: 100% 100% ;
    transition: background-size var(--link-timing);
}
#page-content .collapsible-block-unfolded-link {
    background-color: var(--accentColor);
    box-shadow: 0 0 0 0.2rem var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
#page-content .collapsible-block-link {
    display: inline-flex;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: var(--textColor);
    font-weight: bold;
}
#page-content .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--primaryBackgroundColor);
}
 
/* Footnotes */
a.footnoteref {
    padding: 0 0.25em 1px;
    margin-left: -0.15em;
}
 
.hovertip {
    font-size: 1.25em;
    background-color: #FEFBF8 !important;
    border: none !important;
    border-left: solid 0.2rem var(--accentColor)!important;
    color: var(--textColor) !important;
    border-radius: 0 1rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    padding: 0.35rem;
    box-sizing: border-box;
    width: min(24rem, 60vw)!important;
 
    top: initial!important;
    left: initial!important;
    position: fixed! important;
 
    display: block!important;
    bottom: 2rem;
    right: -25rem;
 
    transition: right 0.45s cubic-bezier(.6,.18,.27,.88);
    transition-delay: 0.455s;
    z-index: 29;
}
.hovertip::before {
    content: "";
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--accentColor);
    transform: translate(calc(-50% - 0.1rem),-50%) rotate(45deg);
}
div[id$="button-hovertip"] { transition-delay: 0s; }
 
.hovertip[style*="display: block"],
.hovertip:hover {
    z-index: 30;
    right: 1rem;
    transition-delay: 0s;
}
 
.footnote .f-heading {
    font-family: var(--header-font);
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}
 
.footnotes-footer {
    border: none;
    border-left: solid 0.2rem var(--accentColor);
    padding: 0.1rem 1rem 1rem 1.25rem;
    position: relative;
    border-radius: 0 1.25rem;
}
.footnotes-footer::before {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    left: 0; top: 0;
    background-color: var(--accentColor);
    transform: translate(calc(-50% - 0.1rem),-50%) rotate(45deg);
}
 
.footnotes-footer .title {
    color: var(--textColor);
    font-family: var(--header-font);
    margin: 0 0 0.625rem 0;
}
 
/*-- tags --*/
 
#main-content .page-tags a {
    height: 0.8125rem;
    font-size: 0.6875rem;
    background-color: var(--primaryBackgroundColor);
    color: var(--textColor);
    border-radius: 0.35rem;
    margin: .25rem .2rem;
    padding: 0.21rem 0.35rem 0.22rem 0.3rem;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
#main-content .page-tags a:hover,
#main-content .page-tags a:focus {
    background-size: 100% 100%;
    text-decoration: none;
}
#main-content .page-tags a:before {
    content: "⬤";
    font-size: 4px;
    padding-right: 0.2rem;
    display: inline-block;
}
 
.page-tags span {
    border-top: solid 0.125rem var(--primaryBackgroundColor);
}
 
/* Pop-Up Windows */
.owindow {
    background-color: var(--primaryBackgroundColor);
    border: none;
}
 
.owindow .modal-header {
    background-color: transparent;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: transparent;
    color: var(--headerColor);
    border-bottom: 1px solid var(--headerColor);
}
 
.owindow .button-bar a {
    background-color: var(--primaryBackgroundColor);
    border-color: var(--accentColor);
    color: var(--accentColor);
}
.owindow .button-bar a:hover {
    background-color: var(--accentColor);
    color: var(--primaryBackgroundColor);
}
 
#page-content .modalbox {
    background: #FEFBF8;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}
#page-content .modalbox hr { margin: 0.75rem 1rem; }
 
/* Edit Buttons */
.buttons .btn {
    background-color: var(--primaryBackgroundColor);
    border-color: var(--accentColor);
    color: var(--accentColor);
    padding: 3px 5px;
}
.buttons .btn:hover {
    background-color: var(--accentColor);
    color: var(--primaryBackgroundColor);
}
 
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
    background-color: var(--accentColor);
    color: var(--primaryBackgroundColor);
}
 
/* Page-History Current */
.pager .current {
    background-color: var(--accentColor);
    border-color: var(--primaryBackgroundColor);
}
 
/* ---- CUSTOM SYNTAX ----*/
 
#page-content .section-header {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 0.75rem;
    clear: both;
}
#page-content .breaker + .section-header {
    margin-top: 1.5rem;
}
.section-header::before, .section-header::after {
    content: "";
    flex-grow: 1;
    height: 0.175rem;
    margin: auto -0.625rem auto auto;
    background-color: var(--primaryBackgroundColor);
}
.section-header::after {
    margin: auto auto auto -0.625rem;
}
 
.section-header h1 {
    width: max-content;
    margin: 0 auto;
    text-align: center;
    padding: 0.05rem 1.5rem;
    border-radius: 0rem 0.875rem;
    border-bottom: solid 0.2rem var(--accentColor);
    border-top: solid 0.2rem var(--accentColor);
    position: relative;
}
.section-header h1::before {
    content: "";
    background-color: var(--accentColor);
    display: block;
    width: 0.6rem; height: 0.6rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-0.3rem, -0.4rem) rotate(45deg);
}
.section-header h1::after {
    content: "";
    background-color: var(--accentColor);
    display: block;
    width: 0.6rem; height: 0.6rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0.3rem, 0.4rem) rotate(45deg) ;
}
.section-header h1 span {
    width: max-content;
    margin: auto;
}
 
/*-----------------*/
 
.s-title {
    font-size: 110%;
    font-weight: bold;
    display: inline;
    padding: 0 0.15em;
    padding-bottom: 0.1em;
    border-bottom: solid 0.1rem currentColor;
    border-top: solid 0.1rem currentColor;
}
 
.gallery-frame {
    box-sizing: border-box;
    background-color: #FFF4E9;
    padding: 0.75rem;
    border: inset 0.325rem var(--headerColor);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
    margin: auto;
}
.gallery-frame > img { box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); }
 
.hover:hover {
    text-decoration: none;
}
.hover span { display: none; }
.hover:hover span {
    position: absolute;
    display: inline;
    height: auto;
    max-width: 25%;
    background-color: var(--headerColor);
    color: #FEFBF8;
    font-weight: bold;
    padding: 0.5em 1.5em;
    border-bottom-right-radius: 1rem;
}
 
.f-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.f-flex > div {
    flex-basis: 18rem;
    flex-grow: 1;
}
.f-flex.three > div {
    flex-basis: 13rem;
    flex-grow: 1;
}
.f-flex.data > div {
    padding: 0.65rem 0.375rem;
}
.f-flex.data > div:hover {
    z-index: 9;
}
 
.f-con {
    border: none;
    padding: 0.15rem 0.75rem;
    margin: 0.85rem;
    position: relative;
    border-radius: 0 1.25rem;
    background-color: #FFF4E9;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
#page-content .f-flex .f-con { max-width: 25rem; }
.f-con h4 {
    background-color: #ffeddb;
    color: #242424;
    padding: 0.1rem 0;
    border-radius: 0 0.625rem;
}
 
.placard {
    display: inline-block;
    position: relative;
    padding: 0.45rem 0.65rem;
    margin: -1.05rem -0.5rem -1.3rem;
    border: solid 1em transparent;
    background: var(--primaryBackgroundColor) padding-box;
    clip-path: polygon(0 3em, 3em 0, 100%  0, 100% calc(100% - 3em), calc(100% - 3em) 100%, 0 100%);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}
.placard::before, .placard::after {
    position: absolute;
    width: 3em;
    height: .35em;
    background: radial-gradient(at 50% 0, rgba(0,0,0,0.17), rgba(0,0,0,0) 65%);
    content: "";
}
.placard::before {
    top: 0.45em;
    left: -0.95em;
    transform: rotate(-45deg);
}
.placard::after {
    bottom: 0.45em;
    right: -0.95em;
    transform: rotate(135deg);
}
 
/*---- Side ToC setup ----*/
 
.anchor {
    position: sticky;
    height:0;
    top: 0.5rem;
    z-index: 4;
}
.tocbox {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: max(-18.75rem, -17vw);
    z-index: 4;
    box-sizing: border-box;
    width: max-content;
    pointer-events: none;
}
 
#page-content .tocbox .toc-u {
    padding: 0.5rem;
    background-color: #FEFBF8;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-right: solid 0.2rem var(--headerColor);
    position: relative;
    width: 15rem;
    max-height: calc(98vh - 2rem);
    max-width: calc((30vw - 50% - 6rem)/1.2);
    margin-right: 0; margin-left: auto;
    pointer-events: all;
}
.toc-u #toc::before, .toc-u #toc::after { display: none; }
.toc-u::before, .toc-u::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    right: 0;
    background-color: var(--headerColor);
}
.toc-u::before {
    top: 0;
    transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
}
.toc-u::after {
    bottom: 0;
    transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
}
 
#page-content .tocbox .toc-u #toc-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 84vh;
    padding: 0 0.5em 1em;
    scrollbar-width: thin;
}
#page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
    width: 6px;
}
 
.tocbox table,
.tocbox tbody,
.tocbox tr,
.tocbox td,
.tocbox #toc {
    display: contents;
}
 
#toc-list > div { position: relative; }
#toc-list > div[style*="1em"]::before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: -0.75em;
    color: var(--accentColor);
}
 
@media (max-width: 1340px) {
    .anchor {
        filter: none;
        transition: filter 0.2s ease-out;
     }
    .tocbox {
        right: -1rem;
        width: unset;
    }
    .tocbox::before {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 1.5rem; height: 100%;
        top: 0; right: -0.25rem;
        pointer-events: all;
}
    .tocbox::after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
 
        width: 0; height: 0;
        border: solid 1rem transparent;
        border-left-width: 0.5rem;
        border-right-color: var(--headerColor);
 
        top: calc(50% - 1rem); right: 0;
        pointer-events: all;
        transition: border-right-width 0.15s ease-out;
    }
    #page-content .tocbox .toc-u {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 60vw;
        box-shadow: none;
        clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
        transition: clip-path 0.2s ease-out;
        pointer-events: none;
    }
 
    .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
    .tocbox:hover {
        pointer-events: all;
    }
    .tocbox:hover::after {
        border-right-width: 0;
    }
    #page-content .tocbox:hover .toc-u {
        pointer-events: all;
        clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
    }
}
 
/* ---- FOOTER & LICENSE AREA ---- */
 
#footer, #license-area {
    background-color: #FFF4E9;
    color: var(--textColor);
}
#footer a { color: var(--accentColor); }
 
#footer {
    padding-top: 1rem;
}
#license-area {
    padding-top: 0;
}
 
/* ---- INTERWIKI ---- */
 
.scpnet-interwiki-frame{
    filter: invert(100%) grayscale(100%) contrast(75%);
}
 
/* ---- MOBiLE QUERY ---- */
@media (max-width: 767px) {
 
    div#header, div#top-bar {
        width: 100%;
        max-width: 100%;
    }
 
    #login-status {
        padding-top: 0rem;
        padding-left: 0.3rem;
    }
    #login-status span.printuser  {
        font-size: 0;
    }
    #login-status span.printuser img {
        font-size: 0;
        transform: translate(6px, 5px);
    }
    #login-status a#my-account {
        display: none;
    }
 
    #main-content {
        padding: 0.5em 1.75em 0.75em;
    }
    #side-bar .close-menu {
        opacity: 0;
        margin-left: 18.75em;
    }
    #side-bar:target .close-menu:hover {
        background: unset;
    }
 
    :root {
        --header-title: "Tin SCP-VN";
    }
 
    #page-title, .meta-title { font-size: 2.4em; }
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.25em; }
    h4 { font-size: 1.05em; }
    h5 { font-size: 0.9em; }
    h6 { font-size: 0.8em; }
}
đánh giá: +11+x

LƯU Ý: Đây là bài tin báo thuộc Chi Nhánh Việt Nam của SCP Wiki. Các tin báo khác nhau của Nhóm Tin Báo đều truyền tải quan điểm riêng từ người soạn báo kì ấy, không đại diện cho cả Nhóm Nhân Viên trực thuộc hay các Nhân Viên của Wiki. Nếu bạn cảm thấy nội dung có vấn đề, vui lòng liên hệ trưởng nhóm để họ xem xét và đưa ra quyết định chỉnh sửa. Chúng tôi luôn cố gắng cung cấp cho bạn những nội dung thú vị, và chúng tôi hiểu rằng mỗi người đều có sở thích và ý kiến khác nhau. Cảm ơn bạn vì đã ủng hộ và thấu hiểu cho chúng tôi!

Mag014.png

Tuần Báo SCP-VN

Tuần báo SCP-VN là một dự án được triển khai trên Wiki SCP-VN bởi Nhóm Phụ Tin Báo. Dự án này hướng tới mục đích tăng mức độ nhận diện cho các bài viết/bản dịch mới được đăng tải trên Wiki trong cộng đồng thành viên, cũng như thúc đẩy việc sáng tác hội họa về vũ trụ SCP và các hoạt động bên lề khác mà độc giả quan tâm.

Tin Mới Từ Cộng Đồng


Video mới từ kênh YouTube SCP Foundation Vietnam!

Các bạn có thể xem video tại đây, nhưng mà nó lạ lắm.

Dù sao thì, có lẽ có một sự thật được áp dụng cho cả Tổ Chức SCP lẫn thế giới của chúng ta: cả hai thế giới đều vô cùng kì lạ. Trong chính vũ trụ này, có những dạng vật chất tưởng như nằm ngoài những quy luật vật lý thông thường, nhưng lại có thể tồn tại theo như giả định của các nhà vật lý học lý thuyết – hơn cả vật chất tối, phản vật chất, đó chính là thứ mang tên "vật chất lạ".

Video lần này của kênh SCP Foundation Vietnam sẽ không có ẩn dụ chuyên sâu hay bất cứ phân tích sâu xa, ý nghĩa nào. Tất cả sẽ chỉ xoay quanh một vật thể cấu tạo từ thứ "vật chất lạ" này mà thôi – và vì sao nó lại có hình dạng của một con búp bê Fumo, chúng tôi cũng không rõ nữa.


Game SCP mới sắp ra mắt!

Các bạn muốn thử viết một bản hồ sơ SCP hoàn chỉnh sao? Hãy đăng ký tài khoản Wikidot, gia nhập Wiki SCP-VN và bắt đầu viết nên câu chuyện của riêng bạn. Các bạn muốn được nghe tường thuật về một SCP hay các sự kiện chi tiết? Hãy đăng ký kênh YouTube SCP Foundation Vietnam và cày video. Còn nếu như các bạn muốn thật sự trải nghiệm cuộc sống ở Tổ Chức SCP ư? Hãy chuẩn bị để sẵn sàng bước vào thế giới của game SCP: Secret Files.

Nhập vai vào một nghiên cứu viên tên Carl, bạn sẽ được tự tay tiến hành nghiên cứu, điều tra 5 hồ sơ SCP khác nhau, với mỗi hồ sơ đều chứa đựng sự thú vị, lối chơi và câu chuyện của riêng SCP đó. Với phong cách kể chuyện đầy ma mị và thú vị của game, chắc chắn game sẽ đưa bạn vào một thế giới SCP kinh dị chân thực tuyệt vời nhưng cũng không kém phần cảm động và thú vị. Hiện tại, bạn có thể đăng ký để được nhận thông báo khi game ra mắt tại đây.


Vào ngày 22/06/2007, một người dùng 4chan với bút danh S. S. Walrus (người sau này được biết đến rộng rãi hơn với cái tên Moto42) đã đăng tải phiên bản đầu tiên của tác phẩm mà hiện tại chúng ta gọi bằng cái tên SCP-173. 15 năm sau, vũ trụ SCP đã mở rộng đến không ngờ, với hàng ngàn thành viên cộng đồng trên toàn thế giới góp sức vào sự lớn mạnh ấy – bất kể với tư cách tác giả, dịch giả, độc giả, nghệ sĩ, hay nhà sáng tạo nội dung…

Nhân dịp kỷ niệm đặc biệt này, nhiều nhân viên của các chi nhánh Wiki SCP trên toàn thế giới đã cùng nhau chấp bút một lá thư dành cho cộng đồng. Hãy cùng tìm hiểu xem họ muốn gửi gắm điều gì tới tất cả mọi người nhé!

Ban Quản trị Wiki SCP-EN cũng muốn tìm hiểu cách các thành viên cộng đồng biết tới SCP. Tất cả những gì bạn cần làm chỉ là chọn câu trả lời thích hợp!

Chúng ta hẳn đều không thể quên rằng bức ảnh trước đây của SCP-173 vốn dĩ là ảnh chụp một tác phẩm nghệ thuật – bức tượng Untitled 2004 của nghệ sĩ Nhật Bản Izumi Kato. Hãy cùng tìm hiểu thêm về người nghệ sĩ này, cũng như hoàn cảnh ra đời, giá trị nghệ thuật và ý nghĩa của bức tượng tại đây!

Vậy còn các nghệ sĩ khác của cộng đồng SCP – họ có hình dung như thế nào về vẻ ngoài của SCP-173 nhỉ? Tác phẩm của họ sẽ cho bạn câu trả lời!

Và cuối cùng, Wiki SCP-EN hiện đang tổ chức một cuộc thi vẽ tranh để chào mừng dịp kỷ niệm này. Thông tin chi tiết về cuộc thi đã được đăng trên trang Twitter chính thức của Wiki SCP-EN. Hãy nhanh tay lên nào, vì thời gian nộp bài dự thi sẽ kết thúc vào ngày 29/06/2022!

Canon Trong SCPVerse


Canon: AIAD

Đến với canon AIAD, bạn sẽ được tiếp xúc với một Tổ Chức hiện đại và khác biệt, nơi các trí tuệ nhân tạo tham gia quản trị các cơ sở của Tổ Chức cùng với con người. Những trí tuệ nhân tạo ấy không chỉ giống như những bộ óc robot thông thường, mà họ mang những đức tính tưởng chừng chỉ con người mới có thể sở hữu – lòng thương cảm, tình bạn, trí tò mò, và nhiều hơn thế nữa. Trong canon này, người đọc cũng sẽ được khám phá mối quan hệ giữa Phòng ban Ứng dụng Trí tuệ Nhân tạo và phần còn lại của Tổ Chức, khi tất cả cùng hướng đến một thế giới tốt đẹp hơn. Với dòng thời gian kéo dài hơn bốn mươi năm và chứa đựng nhiều sự kiện phong phú, cùng sự xuất hiện của những thế lực bên ngoài như Giáo hội Maxwell, những câu chuyện của canon AIAD sẽ tràn đầy diễn biến kịch tính, vui nhộn và giàu cảm xúc!

Các bạn có thể tìm hiểu thêm về canon này tại đây.

Bản Dịch Nổi Bật

Dưới đây là danh sách tổng hợp các bản dịch mới nhất được đăng tải trên wiki trong hai tuần vừa qua (từ ngày 13/06/2022 tới ngày 26/06/2022).

Các SCP Mới

SCP-6185 - Qua Tay Ta

TÁC GIẢ: SphereFinale
DỊCH GIẢ: Dept

SCP-6185-B bảo vệ SCP-6185-A một cách gay gắt, nhưng do không mang dị tính gây hại, không được xem như một mối đe dọa.

SCP-6742 - Tôi theo phe Tổ Chức

TÁC GIẢ: Fishish
DỊCH GIẢ: Dept

Khi được xem bởi nhân viên Tổ Chức, đối tượng trong SCP-6742 luôn có vẻ đang nhìn trực tiếp về phía người xem. Không quan sát được dị tượng nào khác trong quá trình thí nghiệm.

SCP-1790 - Layla

TÁC GIẢ: Smapti
DỊCH GIẢ: Ronin (TIme Samurai)

Tổ Chức hiện chưa rõ cách SCP-1790 chuyển sang một cơ thể mới; mọi nỗ lực để ngăn chặn việc này đến nay đều đã thất bại. Việc chuyển ý thức có vẻ xảy ra tại thời điểm nhân dạng hiện tại ngừng hoạt động não và không thể bị ngăn cản bằng cách giữ nhân dạng trên sống sót về mặt lâm sàng sau khi chết não.

SCP-2852 - Anh Họ Johnny

TÁC GIẢ: kinchtheknifeblade
DỊCH GIẢ: Irina Bougainvillea

Cho tới thời điểm hiện tại, chưa có chú rể nào bị điếc khi nghe tiếng kêu của chính mình.

SCP-6867 - Lucky Bucky: Chú Ngựa Lặn, Tuyệt Diệu, Thần Kỳ!

TÁC GIẢ: DodoDevil
DỊCH GIẢ: Dept

NGỰA JESUS
LẶN VÌ TỘI LỖI CỦA BẠN

SCP-3838 - Dân Du Mục trên Thảo Nguyên 4 Chiều

TÁC GIẢ: Tufto
DỊCH GIẢ: Irina Bougainvillea, Dept

"Chúng ta có những năm tháng tốt đẹp và dài lâu, và chúng ta phải bảo vệ những năm tháng của mình. Chẳng còn ai nhớ nữa. Họ đều đã quên rồi. Họ chỉ còn coi chúng ta là những kẻ bạo tàn khát máu. Họ đã quên cả rồi! Và giờ chúng ta chỉ còn đơn độc. Bộ lạc thứ bảy là đồng minh duy nhất sát bên ta, và họ đã diệt vong. Chúng ta cần sự hỗ trợ. Các ngươi quản thúc mọi thứ, phải không? Các ngươi giấu chúng đi, phải không?

SCP-2755 - Sự Ngắn Ngủi Của Những Điều Đã Viết

TÁC GIẢ: DolphinSlugchugger
DỊCH GIẢ: Jellyfishthecoolkid

…Tôi xin lỗi. Tôi rất, rất xin lỗi. Hãy tha cho tôi.

Các Dịch Phẩm Mới

Hướng Dẫn Nấu Ăn của Tiến Sĩ Cimmerian dành cho Nhân Sự Tổ Chức

TÁC GIẢ: Elenee FishTruck
DỊCH GIẢ: Irina Bougainvillea

Bật bếp ở lửa giữa vừa và lớn, rồi chiên đùi gà trong 3-4 phút. Trong lúc đó, bạn có thể ướp khoai tây. Nếu khoai tây còn sống, bước này là để đảm bảo khoai sẽ chết đuối trước khi bị bạn ăn.

Chiến Dịch "Trại Granada"

TÁC GIẢ: DrClef và Foggy Golem
DỊCH GIẢ: Nya Piece

Nếu bạn nhận được gói dữ liệu này do nhầm lẫn, đừng tiếp tục. Liên hệ ngay với Sở Quản Trị Tình Báo An Ninh và Thông Tin (RAISA) gần nhất và báo cáo gói thông tin Cấp 5 được gửi sai nơi nhận. Sai phạm sẽ bị trừng phạt bằng tử hình.

Họa Phẩm Của Tuần

LƯU Ý: Các họa phẩm này đã được các tác giả cho phép đăng tải và gửi vào khu nhận họa phẩm của tin báo. Tin báo không nắm giữ hay sở hữu bất kì họa phẩm nào dưới đây!

Bs5UU1G.jpg

Fanart SCP-6670: Mẹ ơi?

Họa phẩm bởi DeptDept. Trang hội họa tại đây.


FVYygQDaAAAALx_?format=jpg&name=large

SCP-VN everyday

Họa phẩm bởi AzbornAzborn. Trang hội họa tại đây.


12-2022_SongWu_New%20Contract.jpg

New Contract

Họa phẩm bởi Song wuSong wu. Trang hội họa tại đây.


Phỏng Vấn Tuần Này



Khách Mời: YouTuber The Exploring Series
Phỏng Vấn Viên: Kairento154, KirQ
Biên Soạn: Irina Bougainvillea, KirQ

The Exploring Series là một kênh YouTube chuyên sâu về vũ trụ SCP cùng nhiều cộng đồng tác phẩm viễn tưởng khác. Với sở trường là những video dài và chi tiết cung cấp thông tin về nhiều SCP hay nhưng chưa thực sự được biết đến rộng rãi, The Exploring Series đã xây dựng cho mình một vị thế đặc biệt trong cộng đồng SCP quốc tế. Ngoài ra, kênh YouTube này cũng là một nguồn cảm hứng lớn cho SCP Foundation Vietnam, kênh YouTube chính thức trong mạng lưới truyền thông Cộng đồng SCP Việt Nam. Trong số báo này, chúng ta hãy cùng lắng nghe những chia sẻ của chủ nhân kênh The Exploring Series về công việc của anh!


Phỏng Vấn

Câu hỏi của Azborn và Razo: Bằng cách nào anh lại có thể đến với SCP cùng các đồng nghiệp?

Thực sự thì tôi không có đồng nghiệp đâu, chỉ có mình tôi ở Exploring Series thôi. Ban đầu tôi phát hiện ra SCP từ khoảng năm 2011 hay đại loại vậy, sau khi click vào một link từ board /x/ (siêu nhiên) của diễn đàn 4chan. Lúc đầu tôi nghĩ đó chỉ là một trang web kì cục của một chính phủ nào đó mà thôi, nhưng sau khi xem xét kỹ hơn, tôi đã đọc hết 1000 SCP đầu tiên. Tôi đã bỏ quên trang web này một thời gian, rồi sau đó mới quay lại làm video về nội dung của trang web này.

Câu hỏi của Dept:

  1. Điều gì đã khiến anh bắt đầu hành trình sáng tạo nội dung của mình?
  2. Anh sử dụng phần mềm gì để edit video vậy?
  3. Video của kênh mà anh yêu thích nhất là gì?
  4. Đâu là video gây ra nhiều khó khăn nhất cho anh trong quá trình sản xuất?
  5. Anh thích (và không thích) điều gì ở các kênh YouTube khác về SCP?
  6. Anh thấy SCP nào tốt nhất và tệ nhất?
  7. Anh muốn làm video về nội dung gì trong tương lai?
  1. Ban đầu tôi chỉ làm video hướng dẫn chơi game cho vui thôi, cho đến khi tôi ngày càng có hứng thú hơn với Huyền tích Cthulhu. Tôi đã quyết định làm một số video phân tích về nhiều khía cạnh của Huyền tích Cthulhu, chỉ để phục vụ cho lượng fan ít ỏi của tôi hồi đó, và các video đó bất ngờ lại trở nên nổi tiếng. Sau đó, tôi thử qua nhiều chủ đề cho đến khi làm video về SCP, cũng là những video thành công nhất của tôi; đó là một điều may mắn vì tôi cũng rất thích vũ trụ này.
  2. Tôi dùng Adobe Premiere.
  3. Nếu chỉ nói về video SCP thôi, thì tôi rất thích video tôi làm về SCP-3043, về Murphy Law. Trùng hợp thay, đó chắc hẳn cũng là video độc đáo nhất mà tôi từng làm. Tôi cũng rất thích [video về Vòng Lặp Ouroboros của mình. Ngoài SCP ra, tôi thích làm đủ thể loại video, bao gồm Bi kịch của Những đứa con của Tuireann trong Thần thoại Celtic, một video nói về Phù thủy rừng Blair, và một video về cuộc đời và cái chết của Anneliese Michel, một nạn nhân được ghi nhận của thuật trừ tà.
  4. Cho tới giờ, video khiến tôi tốn công nhất là toàn bộ series SCP-6500: Tất Yếu. Những video này, vốn dĩ đã là dạng tóm tắt rồi, dài tổng cộng tới hơn 7 tiếng đồng hồ, và hai phần cuối của series đều dài gần hai tiếng, nên khối lượng công việc đúng là nhiều đến phát điên.
  5. Nói thật thì, có vẻ tôi chưa thấy kênh YouTube nào làm những video giải thích dài về nhiều SCP và nhiều chủ đề khác nhau trong vũ trụ SCP như kênh của tôi. Có kha khá kênh YouTube đọc nguyên văn các SCP, nhưng ngoài ra, dạng kênh phổ biến nhất trong việc trình bày lại các SCP theo cách khác là các kênh hoạt hình; những kênh này thường đơn giản hóa quá nhiều hoặc làm sai lệch nội dung bài viết. Có thể nói rằng tôi ước có nhiều kênh YouTube giống như kênh của tôi hơn.
  6. Xem nào, SCP yêu thích nhất của tôi là SCP-3001: Thực Tại Đỏ, vì bài viết này đã cô đọng tất cả những gì có thể gọi là hay đối với một SCP vào một tác phẩm duy nhất. Tôi cũng rất thích đọc những tác phẩm của djkaktus, và kaktusverse có lẽ là canon yêu thích của tôi trên wiki. Còn nếu nói về SCP tệ nhất, thì bài viết duy nhất mà tôi thường nghĩ đến là SCP-1459, cỗ máy tạo ra những chú cún con rồi cho phép người ta giết chết chúng.
  7. Trong vũ trụ SCP, tôi cực kỳ muốn làm thêm nhiều video nữa về cả Lãnh chúa BlackwoodMurphy Law. Tôi chỉ mong các tác giả sẽ viết thêm những tác phẩm khác về họ thôi. Ngoài vũ trụ SCP, tôi muốn làm video về rất nhiều thứ như vũ trụ Fallout, loạt phim Aliens, Cosmere của Brandon Sanderson, và nhiều đề tài khác nữa.

Câu hỏi của Birostenside: Động lực làm video của anh là gì? Anh có thể giải thích một chút về cách kênh tìm kiếm các SCP thích hợp để làm video không?

Sẽ hơi lươn lẹo nếu một YouTuber nổi tiếng không coi tiền là một trong những động lực để sáng tạo nội dung, nhưng khi tôi mới bắt đầu thì tiền không phải là động lực của tôi. Tôi muốn làm các video cho Exploring vì tôi thích nhiều tác phẩm và vũ trụ giả tưởng, đồng thời tôi cũng muốn lan tỏa kiến thức về chúng đến người khác để chúng có thể tiếp cận nhiều người hơn. Còn về việc tìm kiếm SCP cho video thì tôi lắng nghe gợi ý từ người khác, xem xét các bài viết có rating cao trên wiki, xem xét tác phẩm của những tác giả viết tốt, đồng thời đọc thêm trên wiki để tìm kiếm những bài viết tôi thích thú và muốn chia sẻ.

Câu hỏi của Bougainvillea:

  1. Anh dựa trên những tiêu chí nào để lựa chọn SCP cho video?
  2. Tại sao anh lại chọn phong cách video chỉ gồm voiceover và ảnh nền như hiện tại?
  3. Anh nghĩ làm video dài có những lợi thế và bất lợi gì?
  1. Độ dài chắc chắn là một trong những yếu tố chính khiến cho tôi quyết định làm video về một SCP nào đó, vì tôi không hứng thú lắm với việc đăng tải một video chỉ dài tầm 8 phút. Ngoài ra, tôi thích rất nhiều kiểu SCP và không quan tâm lắm đến việc SCP đó có khiến video thành công hay không, miên đó là một bài viết hay. Tôi thường không làm video về những tác phẩm hài hước hay mang tính chính trị, nhưng đó chỉ là lựa chọn mang tính cá nhân thôi.
  2. Mục tiêu của Exploring Series từ trước đến giờ vẫn luôn là lan tỏa kiến thức hơn là giải trí. Dù rằng tôi thường chỉ làm video về những chủ đề hư cấu, tôi muốn mọi người có thể ghi nhớ những điều tôi nói trong video kể cả sau khi đã xem xong. Để đạt được mục đích đó, tôi không muốn trong video có bất cứ thứ gì có thể khiến độc giả mất tập trung khi lắng nghe những điều tôi nói, và tôi luôn cố gắng cắt bỏ những chi tiết thừa thãi có thể khiến video dài lê thê và làm mọi người bỏ dở.
  3. Nhược điểm duy nhất của video dài là tôi phải tốn nhiều thời gian để tạo ra chúng. Ưu điểm là tôi không phải hy sinh sự chính xác của bài viết để đảm bảo rằng video ngắn gọn, và điều đó nghĩa là người xem của tôi sẽ có trải nghiệm giống với khi đọc toàn bộ bài viết hơn nhiều. Đồng thời, tôi cũng có lợi thế là có thể thêm thắt thông tin về hoàn cảnh hay chú giải tùy ý. Ban đầu tôi rất lo lắng về việc làm video dài vì tôi không nghĩ mọi người sẽ thích xem chúng, nhưng giờ thì tôi chỉ đơn giản là làm video dài bao nhiêu cũng được tùy theo nhu cầu thôi.

Câu hỏi của █████████████:

  1. Làm thế nào kênh lại có thể làm video SCP với thời lượng dài đến vậy? Tôi thấy thông thường những kênh khác chỉ làm thời lượng khoảng từ 10 đến 20 phút, trong khi kênh bạn lại hay có thời lượng cao hơn, có khi đến tận hơn 1 tiếng.
  2. Tôi thấy kênh có vẻ có niềm đam mê với những chủ đề viễn tưởng có thời lượng dài và nhiều khái niệm khó hiểu, bạn có kể cho tôi biết vì sao không?

Chúc kênh của đội ngũ The Exploring Series ngày càng phát triển và tiếp tục làm những nội dung chất lượng như bây giờ.

  1. Tôi không biết phải trả lời câu hỏi này thế nào nữa, ngoài việc tôi thường hướng đến những SCP dài vì sở thích cá nhân và tôi làm việc chăm chỉ thôi.
  2. Cũng vậy thôi, điều đó sinh ra từ sở thích cá nhân. Khi tôi mới thành lập Exploring Series, video của tôi rất ngắn, chỉ dưới 10 phút thôi, và tôi từng nghĩ rằng mọi người chỉ muốn nội dung như vậy. Nhưng dần dần, các video của tôi cứ dài ra, cho tới khi tôi làm chuỗi video về Vòng Lặp Ouroboros với độ dài tổng cộng là hơn 3 tiếng đồng hồ. Việc video đó trở thành video có nhiều lượt xem nhất của tôi đã chứng tỏ rằng mọi người thực ra rất thích những nội dung dài như vậy, vì thế tôi không đặt ra giới hạn cho bản thân mình về vấn đề đó nữa.

Câu hỏi của Nya Piece và mèo nghiện cute :3: Cho tới thời điểm hiện tại, anh nghĩ rằng video tốt nhất mà kênh mình từng làm là video nào?

Tự đánh giá nội dung mình tạo ra thật khó, nhưng một lần nữa, tôi sẽ nói rằng video của tôi về SCP-3043 có chất lượng rất tốt, và tôi không rõ mình còn có thể cải thiện điều gì ở video này. Ngoài ra, tôi cũng tự hào về một số video mà tôi đã dùng voice acting, ví dụ như SCP-1461: Ngôi nhà của Ngải, hay video của tôi về Bellerverse.

Câu hỏi của Jasian:

  1. Kênh đã tìm và tổng hợp SCP cho các video như SCP về Thức ăn, SCP về Khủng long, SCP về Các loài gặm nhấm, v.v… như thế nào?
  2. Câu hỏi này có lẽ hơi lạc đề, nhưng anh có thấy khó chịu khi các video SCP của kênh mình được biết đến và có số lượng lượt xem nhiều hơn hẳn so với video về các chủ đề khác không?
  3. Anh có từng tham gia luyện giọng chuyên nghiệp không, hay tất cả đều xuất phát từ kinh nghiệm làm video cho kênh của mình?
  1. Rating của SCP là yếu tố có vai trò quyết định lớn nhất đối với việc tôi sẽ nói về SCP nào và loại bỏ SCP nào trong video, vì nó không chỉ giúp tôi tìm ra những tác phẩm tôi thích, mà còn giúp tôi xác định được mọi người sẽ thích những tác phẩm như thế nào. Ngoài ra, những video đó khiến tôi mất nhiều thời gian hơn một chút vì tôi phải đọc qua nhiều SCP trước khi chốt lại khoảng sáu bài để đưa vào video. May mắn cho tôi là hệ thống tag của wiki cùng sự trợ giúp của scpper.com đã giúp tôi thực hiện được những video này.
  2. Ở một mức độ nào đó, có chứ. Đương nhiên là tôi thích SCP và muốn sản xuất nội dung cho vũ trụ này, nhưng nó đã gần như chiếm hữu toàn bộ kênh của tôi rồi, và tôi không muốn mình chỉ được biết đến thông qua một loại nội dung duy nhất. Nếu không phải vì đây là công việc để tôi kiếm tiền, thì có lẽ tôi sẽ không làm nhiều video SCP như hiện giờ, nhưng tôi vẫn thích công việc này.
  3. Không, tôi chưa từng tham gia luyện giọng chuyên nghiệp.

Câu hỏi của Jasian, Plasma và Pearl Quan: Anh thường mất bao lâu để viết kịch bản, thu âm, tìm hình ảnh và edit một video? Đối với video dài thì có khác biệt gì không?

Tôi đăng tải một video mỗi tuần, với lịch đăng được duy trì nghiêm ngặt. Một video khiến tôi tốn bao nhiêu thời gian trong tuần thì còn tùy vào độ dài và độ phức tạp. Có những tuần tôi khá thoải mái nếu SCP đó ngắn gọn và đơn giản, nhưng đôi khi tôi sẽ phải thức đến đêm muộn để làm việc nếu bài viết quá dài. Nhưng tôi không đo đếm cụ thể thời gian đâu.

Câu hỏi của davegoku: Làm thế nào kênh có thể tạo ra những video phức tạp như 6500 và Ouroboros vậy?

Nếu video chỉ nói về một SCP duy nhất, thì dù SCP đó có dài 4,000 từ hay 100,000 từ, thì quá trình vẫn tương tự nhau thôi. Tôi luôn đọc kỹ SCP đó và xác định xem phần nào cần được đưa vào tóm tắt, còn phần nào thì không. Chắc chắn có người sẽ đồng tình với quan điểm rằng mọi câu từ mà tác giả đưa vào tác phẩm đều cần thiết, nhưng nói thật là, thường thì ta có thể cắt bỏ một phần tương đối lớn của văn bản mà vẫn giữ nguyên được các yếu tố quan trọng trong câu chuyện. Một bài viết khổng lồ như 6500 sẽ có nhiều thứ có thể cắt bỏ hơn, nhưng quá trình chung vẫn là như vậy thôi.

Câu hỏi của Người Dầu: Những SCP mà anh muốn làm video về chúng nhưng lại thấy rằng mình không thể hoặc không đủ khả năng là gì?

Nói thật là không có nhiều SCP như thế lắm. Phương thức tóm tắt của tôi giúp tôi có thể làm video về đủ loại chủ đề và bài viết một cách rất linh hoạt mà không cần phải suy nghĩ nhiều về hình thức của bản thân bài viết. Vấn đề duy nhất đôi khi xảy ra với tôi là tôi phải quyết định không đề cập đến một bài viết nào đó, do bài viết đó nói về những chủ đề mà YouTube không thích như bạo lực đối với trẻ em hay sử dụng chất gây nghiện.

Câu hỏi của Wolf20482: Anh nghĩ gì về cộng đồng SCP?

Nhìn chung thì, cộng đồng đối xử với tôi rất tốt, dù rằng nói thật là tôi không dành nhiều thời gian tiếp xúc với cộng đồng ngoài phạm vi của kênh cho lắm. Tôi nghĩ rằng cộng đồng có vẻ đang trẻ hóa, và đối với một người đã 32 tuổi như tôi, thì có một sự mất kết nối nào đó ở đây. Cộng đồng này có lẽ vẫn nên cải thiện, nhưng tôi không nghĩ rằng cộng đồng hoàn toàn tệ hại.

Câu hỏi của O5-0:

  1. Trước đây kênh đã từng hợp tác với kênh nào khác để kể về các ngoại truyện của SCP chưa?
  2. Ngoài SCP, anh có tham gia cộng đồng nào khác dựa trên các tác phẩm hư cấu không?
  1. Tôi từng góp giọng cho một số kênh khác, trong đó có vài lần hợp tác với SCPIllustrated. Tôi chưa từng hợp tác với ai trong video nào trên kênh của mình, vì tôi không thấy cần thiết lắm, nhưng điều đó vẫn có khả năng xảy ra đấy.
  2. Tôi không thực sự tham gia vào cộng đồng nào trên mạng, vì tôi có xu hướng ẩn nấp hơn. Tôi đang sản xuất thêm một số video cho FFXIV, và tôi thực sự rất thích cộng đồng đó, nhưng tôi không thể nói rằng tôi thực sự tham gia vào một cộng đồng nào khác cả.

Câu hỏi của Nya Piece: Anh có dự định viết SCP hay tác phẩm nào đó liên quan tới SCP không?

Không, không hẳn. Hồi còn trẻ tôi từng viết vài tác phẩm hư cấu, nhưng vấn đề của tôi là những tác phẩm tôi viết ra quá ngắn, vì tôi luôn chật vật để đưa thêm chi tiết vào truyện. Tóm tắt các tác phẩm đối với tôi dễ dàng hơn nhiều. Đúng là có những SCP và ngoại truyện rất ngắn, nhưng một vấn đề khác của tôi lại là thiếu ý tưởng. Tôi thấy cứ tiếp tục giao phó công việc viết thêm SCP cho các tác giả trong cộng đồng cũng tốt thôi.

Câu hỏi của Morgana:

  1. Faction yêu thích của sếp trong vũ trụ SCP là phe nào?
  2. Sếp cảm thấy thế nào về sự thay đổi của kênh? Ý em nói là dạo này sếp hay có chút voice acting làm kênh cuốn lên hẳn á.
  1. Tôi thích cả Giáo hội Phế thầnCác tôn giáo Sarkic, đặc biệt là sự giao tranh giữa hai thế lực này. Tôi cũng rất thích Đơn vị Điều tra Sự cố Bất thường của Cục Điều tra Liên bang, bởi họ là những kẻ yếu thế nhưng can trường, tuy gặp bất lợi trong công việc nhưng vẫn được giao nhiệm vụ điều tra nhiều chuyện cực kỳ quái lạ.
  2. Đúng vậy đấy, ban đầu tôi không hề có ý định sử dụng voice acting theo bất cứ hình thức nào, vì tôi chưa từng tập luyện để làm việc đó và không nghĩ rằng tôi thực sự có tài năng để làm như vậy. Chuyện tôi có tài năng hay không thì không chắc, nhưng qua việc luyện tập, tôi đã thấy tự tin hơn một chút khi thêm yếu tố voice acting vào một số video. Chắc chắn là tôi sẽ tiếp tục theo đuổi điều này, vì đây là điều tôi thực sự yêu thích, và có vẻ nhiều người cũng thích nghe.

Câu hỏi của Turi Guiliano và O5-0: Kênh có thể chia sẻ một số lời khuyên về việc kể lại nội dung SCP hay cải thiện hoạt động của một kênh YouTube không?

Câu hỏi khó đấy. Giống như mọi thứ khác thôi, có công mài sắt có ngày nên kim, làm video YouTube cũng vậy. Riêng đối với dạng video tóm tắt, có lẽ tôi sẽ nhắc lại quy trình chung của mình khi làm video, bao gồm việc đọc kỹ từng dòng của bài viết. Quan trọng là bạn cần thực sự hiểu các bài viết và hiểu được phần văn bản nào làm nên cốt lõi của câu chuyện, và phần nào không quan trọng lắm. Không có công thức nào cho việc này cả, và tôi chắc chắn rằng tôi đã từng nhiều lần đưa những chi tiết không cần thiết vào video và ngược lại.

Câu hỏi của Plasma:

  1. Anh nghĩ kênh SCP nào là “đối thủ” lớn nhất của mình?
  2. Anh muốn gợi ý cho mọi người xem và không xem những kênh YouTube nào liên quan tới SCP?
  1. Xem nào, như tôi đã nói, tôi không thấy rằng có kênh YouTube nào nổi tiếng tương đương với tôi và cũng làm những điều mà tôi đang làm. Tôi thường coi The Volgun là đối thủ trong công việc, vì chúng tôi là những kênh YouTube về SCP với quy mô tương đương nhau và đều không sản xuất video hoạt hình, nhưng nội dung của chúng tôi là khác nhau.
  2. Tôi nghĩ rằng phần lớn các kênh YouTube về SCP đều đáng xem, bao gồm Volgun, SCPIllustrated, Dr. Cimmerian, Forlorn Foundry, Lord Bung, Eastside, và nhiều kênh nữa. Cá nhân tôi không mấy ưa thích phần lớn các kênh làm video hoạt hình, vì họ thường đơn giản hóa các SCP quá mức hoặc thay đổi một số phần của bài viết để phục vụ nhu cầu của họ, và không may là họ đã thu hút quá nhiều sự chú ý, khiến cho những kênh không làm video hoạt hình ít được để ý tới hơn. Chỉ cần tìm kiếm đơn giản trên YouTube, chúng ta cũng thấy được điều này.

Câu hỏi của Sushi: Anh nghĩ sao về việc người ta đánh giá SCP là dành cho trẻ em sau khi tiếp xúc với những nội dung nhảm nhí về SCP trên internet?

Thật vậy, tôi không thể nói rằng mình vui vẻ gì với việc này. Đúng, SCP không phải chỉ bao gồm các tác phẩm kinh dị với bản chất tăm tối và nặng nề dành cho những người nghiêm túc, và tôi cũng cho rằng có nhiều khía cạnh của vũ trụ SCP mà độc giả nhỏ tuổi có thể yêu thích, vì dĩ nhiên là vậy rồi, nhưng sẽ thật tệ nếu mọi người phủ nhận toàn bộ giá trị của SCP chỉ vì vũ trụ này được độc giả trẻ tuổi yêu thích. Bản thân tôi không sáng tạo nội dung cho trẻ em, và điều đó không có nghĩa là tôi không cho phép các em thích nội dung của mình, nhưng việc viết SCP hoàn toàn có thể được coi là trưởng thành và nghiêm túc như bất cứ dạng tác phẩm hư cấu nào khác.

Câu hỏi của Kairento: Bạn đã từng được người lạ nào đó nhận ra qua chất giọng chưa? Trải nghiệm đó như thế nào?

Không, tôi không thể nói chắc chắn rằng có ai đó ở ngoài đời từng nhận ra tôi dựa trên giọng nói. Tôi có làm một kênh khác nơi mà tôi thực hiện Let's plays, và ngạc nhiên thay khi một số người đã bình luận rằng giọng của tôi nghe rất giống với chủ kênh Exploring Series. Người ta cũng từng một lần nhận ra chiếc áo Exploring Series của tôi khi tôi đang đi ăn ở một nhà hàng, và điều đó thật sự tuyệt vời. Tôi không kì vọng rằng bản thân sẽ bị nhận ra quá nhiều, vì tôi chưa bao giờ thực sự lộ diện trước camera.

Câu hỏi của Duy Giang và Bougainvillea: Với tư cách một độc giả SCP bình thường, tôi muốn hỏi xem lũ hoàng thượng của anh dạo này thế nào rồi?

Hiện tại tôi đang nuôi 3 bé mèo. Locke là bé lớn nhất, và lúc nào cũng dính sát vào người tôi. Okayu và Mogu là hai chị em, và Okayu thuộc kiểu nàng công chúa được chiều chuộng, còn Mogu là một chú mèo thích được vuốt ve, nhưng lại ghét bỏ bất kỳ ai cố gắng bế chú lên.


Cảm ơn bạn vì đã đón đọc Tin Báo SCP-VN!


Nếu không có ngoại lệ được nêu, nội dung của trang này được xuất bản dưới giấy phép Creative Commons Attribution-ShareAlike 3.0 License