LƯU Ý:
Đây là trang component được sử dụng nội bộ bởi Wiki SCP-VN. Trang này được tạo để sử dụng và thêm vào các trang khác.
What this does
Makes the sidebar hidden by default and toggled via a corner button, similar to the mobile version of the site.
- Does NOT work on Sigma-9. This ONLY functions with Black Highlighter.
- Use this component by EstrellaYoshte instead if you intend to use Sigma-9.
- If you prefer, there is also a Collapsible Sidebar that functions on both BHL and Sigma-9.
The collapsible sidebar functions via hovering rather than clicking and is slightly more visible than the Toggle Sidebar.
How to use
1. Copy code below.
2. Paste in article after Black Highlighter and any other Theme include.
[[include :scp-wiki:component:toggle-sidebar-bhl]]
3. (Optional) Style toggle button if using a theme.
There are also 5 CSS Vars available to style the button if needed.
For the colors, it is heavily suggested that you use the available BHL Color Vars which can be found here.
:root {
--toggle-button-bg: hex/rgb/hsl color;
--toggle-border-color: hex/rgb/hsl color;
--toggle-border-width: px/rem/em;
--toggle-icon-color: hex/rgb/hsl color;
--toggle-roundness: percentage;
}
What this does
Rearranges the header so that the titles and logos are centered
- Does NOT work on Sigma-9. This ONLY functions with Black Highlighter.
- Highly suggest using with either Collapsible Sidebar or Toggle Sidebar
How to use
1. Copy code below.
2. Paste in article after Black Highlighter and any other Theme include.
[[include :scp-wiki:component:centered-header-bhl]]
On any wiki:
[[include :scp-vn:component:djk]]
Hello everyone, I'm djkaktus. This is a personal component I am using to alleviate the suffering of one Elenee FishTruck who has, until this day, worked tirelessly to update all 140+ of my pages every time I update my standard formatting to something I really like. This way, I can just edit them all from a single place.
Some things this does:
1) Adds Black Highlighter to the page (Hallowed be our Woed)
2) Modifies Black Highlighter using the BHL Penumbra Theme (shoutout to Estrella)
3) Modifies BHL Penumbra with a bunch of color changes into this sort of retro variant I'm really into
4) Adds an ACS customization to fit the Penumbra changes
5) Adds the Fade In, Collapsible Sidebar, and ACS Animation components
6) Allows me to change any of this on a whim
I'm constantly striving to find the most representative theming possible for the majority of my articles. This effectively allows me to inch closer towards that ideal without having to update a hundred pages every time I change something.
sup { vertical-align: top; position: relative; top: -0.5em; } :root{ --header-title: "TỔ CHỨC"; --header-subtitle: "PHÒNG BAN QUẢN THÚC"; --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Adjk/scpnewlogo.png); --white-monochrome: 15, 15, 15 ; --pale-gray-monochrome: 35, 35, 35 ; --light-pale-gray-monochrome: 35, 35, 35 ; --very-light-gray-monochrome: 60, 60, 60 ; --light-gray-monochrome: 160, 160, 160 ; --gray-monochrome: 200, 200, 200 ; --dark-gray-monochrome: 220, 220, 220 ; --black-monochrome: 245, 245, 245 ; --accentColor: 83, 49, 49 ; --background-gradient-color: var(--light-gray-monochrome); --five-color: 83, 49, 49 ; --four-color: 83, 49, 49 ; --three-color: 83, 49, 49 ; --two-color: 83, 49, 49 ; --one-color: 83, 49, 49 ; --swatch-menubg-dark-color: var(--very-light-gray-monochrome); } #header h1 a::before { -webkit-text-stroke: initial; } #header h2 span::before { content: none; } #page-content .info-container { --link-color: 0, 0, 0 ; } #page-content .info-container .translation_block { display: none; } #page-content .info-container .collapsible-block-link, #page-content .info-container:hover .collapsible-block-link { line-height: 1.6em; } #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { display: grid; background: #533131; } #page-content .info-container .collapsible-block-folded .collapsible-block-link, #page-content .info-container .collapsible-block-link { -webkit-mask: unset; mask: unset; background: transparent; grid-column: 1; grid-row: 1; opacity: 0; } #page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before { --wght: 800; content: "DJK"; color: #fff; font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;; display: block; pointer-events: none; grid-column: 1; grid-row: 1; } #page-content div.warning-top-box>h1 { color: rgb(var(--black-monochrome)); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin: 0; background: transparent; } #footer a, #footer a:visited { color: rgb(var(--black-monochrome)); } #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) { filter: none; } #page-content table.wiki-content-table th { color: rgb(var(--black-monochrome)); } #license-area { color: rgb(var(--black-monochrome)); } #license-area a, #license-area a:visited { color: rgb(var(--black-monochrome)); } table.page-files th { color: rgb(var(--black-monochrome)); } .top-right-box > .level { line-height: 0; } .scp-image-block { border: solid 0.5rem rgb(var(--pale-gray-monochrome)); border-bottom: solid 0rem rgb(var(--pale-gray-monochrome)); box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor)); box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: rgb(var(--pale-gray-monochrome)); border: solid 0.25rem rgb(var(--pale-gray-monochrome)); color: rgb(var(--black-monochrome)); font-size: 0.84rem; } div[id*=page-options-bottom]>a:after { background-color: rgb(var(--black-monochrome)); } div.menu-item a:hover { color: rgb(var(--black-monochrome)) !important; } .bibitems .title, .footnotes-footer .title { color: rgb(var(--black-monochrome)) !important; } #header div[class*=top-bar]>ul>li>ul { background: rgba(var(--gray-monochrome)); } .code pre, .code p, .code { background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--black-monochrome)); }