Số 05 - 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á: +18+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á: +18+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!

Table of Contents
Mag007.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 Wiki



Tác Phẩm Nổi Bật

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

Các SCP Mới

SCP-078-VN

TÁC GIẢ: King PigeonKing Pigeon, KirQKirQ


Một bát cơm, ngọn lửa rạng
Lật ngược đôi đũa cắm chổng chang,
Ma lên ma gọi chớ quy hàng
Cắm đầu chạy nhanh mà giữ mạng.

Dịch Giả Triển Vọng


Dịch Giả: TutelTutel

Tuy Tutel chỉ mới tham gia cộng đồng dịch thuật từ dạo gần đây, nhưng dịch giả này đã biết đến Wiki SCP và có mong muốn đóng góp cho cộng đồng từ lâu. Tutel chia sẻ, mình thích dịch những SCP có chứa số 9 trong số hiệu, bởi đây là con số yêu thích và gắn liền với cuộc đời dịch giả này. Chia sẻ với phóng viên, Tutel cảm thấy vui mừng trước sự phát triển của cộng đồng dịch giả, nhất là khi cộng đồng đã ngày càng lớn mạnh, chuyên nghiệp và mở rộng phạm vi dịch thuật sang cả các ngoại truyện và canon.

Bạn có thể tìm đọc những bản dịch của TutelTutel trong profile của thành viên này.

Bản Dịch Tiêu Biểu: Hub Thượng Trú


Dịch giả: Suzu-HitsujiSuzu-Hitsuji



Những thực thể bất tử luôn là chủ đề thú vị khi chúng ta nhắc đến những thế lực siêu nhiên, nhưng liệu có ai hiểu rõ về nó? Và liệu Tổ Chức, một cơ quan luôn muốn quản thúc những vật thể dị thường, có bỏ qua cho họ? Hãy khám phá góc nhìn của “Hội Báo Thù”, nơi cư ngụ của những kẻ bất tử và Điểm-45 của Tổ Chức trong những câu chuyện thú vị tại Thượng Trú Nhân hub.

“Tâm trí con người luôn dựa vào một trong ba thứ cơ bản nhất để giải thích những điều mà chính họ cũng không tìm ra một câu trả lời thỏa đáng: ma thuật, tôn giáo và một thứ khoa học nào đó mà chính họ còn không biết. ‘Và’ dường như cũng chưa bao giờ xuất hiện…" -Ts. Stuart Hayward, 19██

Bạn có thể tìm đọc những bài viết thuộc Hub Thượng Trú tại đây.

Bạn có thể tìm đọc những bản dịch khác của Suzu-HitsujiSuzu-Hitsuji trong profile của thành viên này.

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!

IMG_20220221_221625.jpg

049 drip

Họa phẩm bởi Rick Asley.


Demni_1

Bougainvillea, redesign

Họa phẩm bởi Demni does not match any existing user name. Trang hội họa tại đây.


IMG_20220305_165545_866.jpg

Clef vs Kondraki

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



are_we_cool_yet__by_duygiang1207_deqqn3p.png

Are We Cool Yet?

Khách Mời: Duy GiangDuy Giang
Phỏng Vấn Viên: Irina Bougainvillea
Biên Soạn: Irina Bougainvillea, King Pigeon

Dù rằng Duy Giang mới chỉ gia nhập cộng đồng artist SCP từ đầu năm 2021, anh đã không mất nhiều thời gian để khẳng định tên tuổi của mình ở cả Việt Nam và quốc tế với phong cách kết hợp độc đáo giữa tranh vẽ chì và glow art của bản thân. Duy Giang cũng là một trong những artist Việt Nam hiếm hoi có trang tác phẩm nghệ thuật trên Wiki SCP tiếng Anh.

Bạn cũng có thể theo dõi Duy Giang tại:


Phỏng Vấn

Câu hỏi từ A random guy:

  1. Đâu là nguồn cảm hứng cho anh vẽ nên những fanart tuyệt vời của các SCP?
  2. Anh có cảm nghĩ gì về thằng đồ đệ FishuFishu của mình?
  3. Trừ các bức vẽ về SCP ra, anh còn vẽ các thể loại tranh nào khác? Anh có kiếm sống bằng chúng chứ?
  4. Vì sao anh sa đoạ vào trại tâm thần này?
  1. Anh từ lâu đã thích hình dung và vẽ những thứ theo kiểu viễn tưởng, hư ảo và chưa có hình ảnh thực tế… Có thể nói đơn giản là vẽ ra ý tưởng trong đầu như một người làm concept art, biến ý tưởng thành một thứ mà người khác có thể dễ dàng xem. SCP được hình thành trên một hệ thống truyện viễn tưởng, nhiều ý tưởng nhưng thiếu đi một thứ đó là hình ảnh minh hoạ, và đó là điểm xuất phát phù hợp cho anh trong quãng thời gian làm fanart về SCP. Anh lấy cảm hứng trực tiếp từ các bức hoạ khác cùng ý tưởng về nhân vật, môi trường hay hiệu ứng,.. trên Pinterest, DeviantArt và các trang art về SCP trên wiki là chủ yếu.
  2. Có thể nói Fishu là "đồ đệ" đầu tiên của anh, dù nó chỉ là cách nói cho vui nhưng có một fan hâm mộ như vậy, ai mà không thích chứ…
  3. Anh bắt đầu tìm hiểu SCP từ cuối năm 2020, nên trước đó anh đã vẽ rất rất nhiều thứ, thể loại khác nhau. Và nếu anh có thời gian, anh sẽ mở commission.
  4. Như anh đã nói, ai cũng cần điểm xuất phát thích hợp… Và anh đã chọn nơi này vì nó gần gũi.

Câu hỏi từ Skyler: Đâu là nguồn cảm hứng để bạn quyết định vẽ SCP thay vì những chủ đề khác?

Mình tâm huyết với SCP nhất vì nó có một cộng đồng đủ lớn để mình có thể cho nhiều người xem tranh mình hơn – và mình lấy đó làm điểm xuất phát.

Câu hỏi từ Demni: Họa sĩ truyền cảm hứng cho anh/Họa sĩ mà anh thích nhất? Và anh thường thích đọc SCP thể loại gì? (Btw chúc mừng anh được lên báo nha.)

Anh thì cũng có theo dõi nhiều artist khác nhau về nhiều thể loại, nhưng anh thích tranh của @alexvede96, @nick_superhero, @artjeisu, @krager_556 trên Instagram, AnAnomalousWriter và tranh vẽ manga. Anh thích đọc SCP thiên về kinh dị, hoặc các SCP Thaumiel do Tổ Chức tạo nên. (Btw, thanks em.)

Câu hỏi từ Khoa Liệt: Tư liệu vẽ tranh của Giang Hoạ Sĩ đây là từ những nguồn nào? Giang Hoạ Sĩ có hứng thú với các Mobile Task Force nào nhất?

Tất nhiên là từ các artist SCP khác và các fanart SCP khác trôi nổi trên mạng. Tuy vậy, mình cố gắng vẽ với cách nhìn khác hoặc làm ý tưởng cho các SCP ít được nói tới hơn.

Hmm. Về MTF thì mình thích nhất là đội MTF Alpha-1 Red Right Hand. Vì tính bí mật của họ.

Câu hỏi từ idkidk: Thể loại nào là sở trường của anh?

Anh cũng không rõ… Nhưng chắc có thể nói anh thích các thứ anh vẽ trở nên càng thực tế càng tốt. Hướng vẽ của anh là theo làm concept art.

Câu hỏi từ Nô Lệ Xác Thịt: Mỗi bức vẽ anh hoàn thành trong bao lâu vậy?

Nếu có ý tưởng thì khá là nhanh, trong vòng 3 – 4 tiếng sẽ được bản vẽ chì mong muốn. Và 1 – 2 tiếng sẽ có bản digi hoàn thành.

Câu hỏi từ Cây: Anh tạo hiệu ứng như thế nào vậy ạ?

Cụ thể hơn thì em có thể tìm @artjeisu trên Instagram…

Câu hỏi từ Nguyễn Thúc Toàn: Vẽ thì anh tạo hiệu ứng cho art như trên hình như nào vậy ạ?

Chào em. Anh vẽ bản chì – chụp hình – đưa lên app để edit nhé.

Câu hỏi từ Azborn:

  1. Anh học vẽ ở đâu? Và bằng cách nào mà anh hứng thú với SCP?
  2. Có phải anh vẽ bằng chì xong chụp ảnh rồi rõ ánh sáng lên đó hay là anh vẽ tất cả trên máy tính?
  3. Anh có người yêu chưa?
  1. Anh chưa từng đi học vẽ ở đâu hết. Anh vẽ tốt có lẽ là năng khiếu + ngày tháng vẽ chơi trên vở nháp. SCP là thứ phù hợp với phong cách vẽ của anh: có dị thường, siêu nhiên và thực tế hoà trộn lẫn nhau, là kho ý tưởng khổng lồ.
  2. Đúng. Nhưng thay vì máy tính anh dùng điện thoại.
  3. Câu cuối ta hãy tạm gác lại nhé :D

Câu hỏi từ Macrosis: Bạn dùng phần mềm nào để vẽ digi vậy? Bạn có lời khuyên nào cho người muốn luyện dùng phần mềm đó không?

Mình đang dùng phần mềm Ibis Paint X – một app điện thoại để vẽ. Về lời khuyên thì các bạn nên xem tutorial trên YouTube (điều hiển nhiên) và follow một artist nào đó trên mạng xã hội. Tốt nhất cũng nên follow những người có ít tương tác hay cũng mới bắt đầu dùng mạng xã hội để học theo nét và phong cách của họ.

Câu hỏi từ Khoa Liệt: Giang họa sĩ bắt đầu từ thích vẽ từ đầu? và động lực khiến Giang họa sĩ tiếp tục con đường này?

Anh đã thích vẽ từ lâu, vẽ suốt từ năm cấp 1 tới giờ. Động lực chủ yếu của anh là được người khác yêu thích tranh của mình, nhất là khi từng được crush khen.

Câu hỏi từ TheconBybet: Anh bắt đầu sự nghiệp vẽ nên những bức tranh của mình từ lúc nào và thời gian đầu anh có gặp khó khăn hay trở ngại nào không?

Anh bắt đầu vẽ art SCP từ đầu năm 2021 và đăng dần lên Nhóm Facebook. Do vào dịp nghỉ Tết nên anh có nhiều thời gian và gặp ít khó khăn.

Câu hỏi từ Das Reich: Bạn cảm thấy điều gì khó khăn nhất khi mới bắt đầu vẽ?

Vẽ traditional art thì không undo được.

Câu hỏi từ Hally: Xin chào Duy Giang, bạn có thể cho tôi biết những bước cần thiết khi dấn thân vào sự nghiệp hội họa này được không khi mà tôi đang định vẽ (chủ yếu là art kiểu anime)?

Mình thì không hay vẽ anime lắm nhưng nếu bạn chỉ mới bắt đầu hướng việc vẽ của mình chỉ là một thú vui, thì bạn có thể dành lúc thời gian rảnh ở trường, ở nhà mà vẽ những nét random mà bạn nghĩ ra, đừng ép bản thân phải tập luyện vì nó khá là nản… Ngược lại nếu chuyển sang việc mở commission kiếm tiền, thì hãy chắc chắn bạn có nhiều người muốn mua và có khả năng chịu được deadline nhé :3

Câu hỏi từ Feed: Học vẽ thì nên thật sự bắt đầu từ đâu và cần khoảng thời gian trung bình là bao lâu để thật sự phát triển theo hướng riêng của mình?

Vẽ thì có thể bắt đầu lúc nào cũng được, nếu thật sự đầu tư cho ngành nghề sau này thì hãy từ bây giờ dành ra hẳn vài tiếng một ngày để học vẽ, học app vẽ, và sắp xếp thời gian nếu còn đang đi học hay đi làm. Còn nếu chỉ là thú vui thì lúc nào rảnh thì lôi giấy ra vẽ để giết thời gian, thay vì chơi game, vẽ càng thường xuyên thì kĩ năng sẽ được nâng cao.

Câu hỏi từ Người bạn gặp hàng đêm: Ngài Duy đã định hình phong cách vẽ của mình khi nào?

Anh thấy nhiều người thích phong cách này nên anh giữ nó luôn… Có thể sẽ có phong cách mới sau.

Câu hỏi từ WPthai: Ngoài SCP ra, bạn có thường vẽ về các chủ đề khác không? Mình có thể xem chúng ở đâu?

Mình không đăng những thứ ngoài SCP lên mạng, nhưng nếu bạn thích có thể lên Instagram của mình là @duygiang_1207. Ở đó cũng có một ít artwork ngoài SCP.

Câu hỏi từ steve prood: Em nhận ra năm ngoái là một năm rất rất tốt cho anh đi lên nhờ SciPtember, anh có thể nói thêm về trải nghiệm của anh tại event năm đó được không ạ?

Anh cũng không nghĩ anh có thể nổi lên vì thử thách vẽ đó. Anh chỉ đơn giản nghĩ tới việc art về SCP của mình sẽ như thế nào. Có lẽ anh gặp may vì phong cách vẽ của anh khá độc đáo so với các artist chuyên về SCP khác.

Câu hỏi từ LDRector:

  1. Hiện ngoài Glow Art, Giang có vẽ theo drawing style nào khác không?
  2. So với vẽ digital và vẽ trên giấy, Giang thấy cái nào dễ và thoải mái hơn?
  3. Nếu như có cơ hội, Giang sẽ quyết định học thêm drawing style nào?
  1. Hiện tại ngoài glow art thì mình chỉ có vẽ chì bình thường.
  2. Cái này thì còn tùy, riêng mình thì thích vẽ trên giấy hơn, vì mình không cần phải cắm đầu vào màn hình, và đơn giản vì mình chưa đầu tư vào vẽ full Digi vì thời gian. Nhưng mình nghĩ một khi đã thành thục cái nào thì cái đó sẽ dễ và thoải mái hơn.
  3. Mình sẽ học digital painting, mình đã có kế hoạch tự học nhưng chưa có thời gian rảnh.

Câu hỏi từ Fishu: Sư phụ có từng thử đổi sang một phong cách vẽ khác ko?

Yes. Rất khó nếu muốn chuyển sang một phong cách khác liền vì cần thời gian làm quen và tập luyện.

Câu hỏi từ O5-0:

  1. Giang đã từng thử vẽ các SCP theo phong cách art Junto chưa?
  2. Giang có cảm nghĩ như nào về trại tâm thần rạp xiếc này?
  3. Trong tương lai Giang dự định sẽ vẽ SCP nào?
  4. Ngoài việc vẽ và tham gia cộng đồng SCP thì Giang có hoạt động ở các cộng đồng nào khác không?
  1. Art của Junto thật sự cần có sự thích thú với việc vẽ body horror một cách chi tiết. Mặc dù tôi thích horror trong SCP nhưng không quá hứng thú với việc vẽ body horror :)
  2. Mình thấy nơi đây không khác gì rạp xiếc của Herman Fuller cả. Rất kì quặc.
  3. Mình cũng có dự định vẽ nhiều SCP lắm, nhất là những SCP của series 4–7 chưa có fanart.
  4. Hiện giờ là không bởi vì không có thời gian, và SCP là một trong ít nơi mình thật sự thích thú.

Câu hỏi từ Welpermander:

  1. Giang thấy thế nào về Pataphysics?
  2. Giang đã biết đến và tham gia cộng đồng SCP Việt Nam nói riêng và cộng đồng SCP nói chung như thế nào?
  3. Tranh vẽ SCP nào của Giang mà anh thấy tự hào nhất? Bức nào vẽ khó nhất?
  4. SCP nào mà Giang muốn vẽ một bức Fanart nhất nhưng lại chưa/không thành công/không được như ý?
  5. Theo Giang thì chủ đề SCP nào là hay nhất mà theo Giang mọi người nên đọc thêm và bàn tán nhiều hơn?
  6. Cụ thể thì tài liệu SCP/GoI/ngoại truyện nào là Giang thấy hay nhất?
  1. Pataphysics là một chủ đề khá là thú vị. Và mình đã cố gắng tìm hiểu. Nhưng cái đầu của mình không thể thông hiểu được nó.
  2. Mình trước đó đã nghe thấy SCP qua các kênh YouTube và nhóm Facebook về chủ đề horror, và tất nhiên newbie nào cũng sẽ biết mấy SCP nổi tiếng như 096 và 049 đầu tiên. Và không ngoại trừ mình.
  3. Hmmm. Nói về nhất thì mình có 3 SCP kinh dị của Ecronak: 5397, Mama?Papa! (Mình không nhớ số hiệu). Mình đã dành thời gian dài để vẽ 1 bức fanart ngon lành và độc đáo cho cả 3 nhưng chưa thành công.
  4. Bản thân mình thích các loại SCP horror, SCP Thaumiel dạng được Tổ Chức tạo ra, SCP cực ngắn như 6335 và các SCP liên quan nhiều tới các đội MTF.
  5. Mình khá thích SCP-6335 và 6096 của series 7 vì nó dễ hiểu nhưng hay. Về GoI thì có GOC, bởi vì đó là những nhóm thực tế nhất nếu xét về phương diện và cách hành động của con người hiện tại. Về tale thì mình cực thích Apotheosis, mọi người nên đọc nếu mọi người thích công nghệ dị thường.

Câu hỏi từ asriel: Vậy trong tất cả SCP từ mọi chi nhánh mà anh đã đọc, anh cảm thấy SCP nào hay nhất?

Hmm. Nhất thì hơi khó… Nhưng anh từng khá là phấn khích khi đọc 6004.

Câu hỏi từ asriel: Anh đã hình dung hình ảnh các đội đặc nhiệm cơ động (nhất là Alpha-9 và Sigma-3) để vẽ như thế nào?

Bình thường anh sẽ đọc tài liệu liên quan đến đội đó, đọc được càng nhiều càng tốt, đặc biệt là khi anh fanart những đội MTF ít được nhắc đến để biết chi tiết về họ luôn. Sau đó anh sẽ tìm reference trên Pinterest, Instagram hoặc search thẳng Google.

Đội Sigma-3 thì theo anh nghĩ sẽ làm việc trong thư viện, nên sẽ ăn mặc giống như lữ khách, khác hẳn những đồ đặc nhiệm thông thường. Do anh chưa đọc nhiều tale về đội này nên có lẽ hình ảnh sẽ khác với headcanon của mọi người.

Đội Alpha-9 thì anh lấy ý tưởng từ chính logo của đội.

Câu hỏi từ Khoa Liệt: Tôi thấy ngài có vẻ rất thích các MTF, nguyên nhân là vì sao vậy?

Mình thích câu hỏi này. Nên mình sẽ giải thích chính xác lí do mình thích MTF:

  1. Vì đơn giản là họ ngầu và mang một mức độ chuyên nghiệp cao khi tiếp xúc với sự dị thuờng nhưng vẫn mang nét thực tế hiện đại.
  2. MTF là một thứ mang vẻ chuyên nghiệp và độc đáo trong vũ trụ SCP, tách biệt với các "vũ trụ" khác như Backrooms,… vì mình chưa thấy nơi nào có cả hệ thống phòng ban từng đội MTF cho mỗi nhiệm vụ hoặc môi trường khác nhau. Nó kết nối fan của quân đội, đặc nhiệm với fan SCP thông thường, khiến nó mở rộng hơn.
  3. MTF là ví dụ gần gũi và hành động trực tiếp dưới Tổ Chức, minh chứng đại diện cho vị trí của nhân loại trong vũ trụ dị thường, MTF log còn giúp tài liệu SCP trở nên hồi hộp và gay cấn hơn.

Đó là lí do mình say mê MTF.

Câu hỏi từ bougainvillea: Mình để ý trước đây bạn rất thích MTF, nhưng giờ lại đổi gu sang kinh dị. Điều gì đã dẫn đến sự thay đổi này?

Đơn giản là vì mình nghĩ khả năng của mình cũng có thể vẽ những bức art SCP "đẹp" như là những bức art MTF. Và tại sao hầu hết chúng theo phong cách kinh dị vì trùng hợp là mình thích SCP kinh dị 😄. Và mình cũng có nhiều kế hoạch cho nhiều đội MTF chưa được biết đến nhiều.

Câu hỏi từ idkidk: Dự định tranh vẽ tiếp theo của anh là về cái gì?

Thông thường anh sẽ không spoil nhưng anh đang thực hiện một thứ đặc biệt :D

Câu hỏi từ asriel: Anh có dự định vẽ thêm SCP-VN nào không ạ?

Nếu anh thích tài liệu nào sẽ vẽ về tài liệu đó. Hiện tại danh sách chờ của anh có RẤT NHIỀU SCP-EN.

Câu hỏi từ Pearl_Quan: Ngoài việc vẽ anh có định đóng góp gì thêm cho Wiki lẫn Wiki của VN không?

Anh ước gì mình biết làm theme hoặc viết SCP, nhưng không có thời gian để học.

Azborn: anh có thể viết bừa một con để giúp mọi người có ý tưởng >:}

Fishu: 1 scp mà viết bừa thì nó ko khác gì đấm vào mặt wiki staff và người đọc

Hội viết scp chắc sẽ giết anh mất :v

Câu hỏi từ Turi Guiliano: Ông có ý định hợp tác với page để in áo không? :))

Nếu tôi có lợi nhuận hợp lí thì tôi sẽ xem xét nhé 👌

Câu hỏi từ choker997: Chào Duy Giang, việc học vẫn ổn áp chứ, có bị áp lực quá không? Chúc ông khỏe mạnh và thành công trong cuộc sống.

Cám ơn choker nhiều nhé. Dạo này cũng khá nhiều đồ án phải hoàn thành nên không có thời gian tập trung vẽ. Hên được hôm nay mình rảnh nên dành thời gian để phỏng vấn.

Câu hỏi từ Fishu: Con chỉ muốn hỏi tip giữ dáng cho mèo của sư phụ là gì?

Cho ăn ít. Ngày 2 bữa thôi.

Câu hỏi từ KirQ: Sở thích khác ngoài vẽ tranh? :'D

Bây giờ thì mình chủ yếu nghe nhạc và đọc manga (nếu có bộ hay). Hồi trước mình từng thích làm video, edit ảnh nhưng thiếu thời gian nên bỏ.

Câu hỏi từ weather:

  1. Sở thích của anh là gì ?
  2. SCP, canon, ngoại truyện anh thích nhất ?
  3. Bức ảnh hoặc bức tranh anh thích nhất ?
  1. Anh hiện tại có sở thích là vẽ, nghe nhạc, và đọc SCP (tất nhiên).
  2. Anh không yêu thích cụ thể 1 SCP nhưng anh thích chung chung là thể loại tài liệu hơn (đã trả lời rồi nhé). Anh đặc biệt thích Tale Apotheosis.
  3. Anh thích nhất bức 6820, 6004, Village Idiots và GoI AWCY?.

Câu hỏi từ weather:

  1. Thể loại
  2. Tranh hoặc phong cách vẽ
  3. Nghệ sĩ
  4. Bài hát (nhạc) anh thích nhất

là gì vậy?

  1. Thể loại anh vẽ cũng nhiều: viễn tưởng, mech, tactical, quái vật,…
  2. Phong cách vẽ hiện tại là vẽ tranh bằng chì là chủ yếu, glow art là phụ.
  3. Nếu em nói nghệ sĩ làm nhạc thì anh thích Aurora và Grandson.
  4. Bài hát thì anh thích bài Dirty của Grandson (Mãi mới có người hỏi anh thích nghe gì).

Câu hỏi từ Khoai: Duy thích người như nào ^^ (người nha không phải gu mà thêm gu cũng không sao hehe)

Nếu là người nói chung chung: Ai mà giúp mình chạy deadline hay phụ mình là những người tuyệt vời nhất trên đời.
Còn về gu mình là mình thích bạn nữ đeo kính gọng mỏng, có răng khểnh, nếu bạn đó mà hay biết thấu hiểu chuyện là quá ok :3

Câu hỏi từ Azborn: Liệu anh có thể có thêm thời gian để giao lưu với mọi người trong fanart không ạ :3 Em muốn nói chuyện với anh nhiều hơn.

Tôi thường dành thời gian trò chuyện mỗi khi có art mới nha.

Câu hỏi từ Fishu: có lúc nào sư phụ cảm thấy chán nản khi vẽ chưa?

Chán nản là lí do anh chưa ra art mới trong 3 tháng này…


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