
» Scientific Department - Hub «
The Scientific Department (ScD) is a broad department with a wide array of divisions, each specializing in its own field of expertise. It ranges from standardized testing using protocols from across the Foundation, to working with occultic rituals that violate the very nature of time and space. All divisions within the department share the same goal of understanding anomalies and ensuring we have methods to secure and contain them — protecting the public from unspeakable horrors.
» INTERNAL NETWORK DIRECTORY «
SCP Files Index
To add a new incident report, input incident report's title and hit create:
Recent
Page | Date Created | |
1. | Azark hunters and Azark Shadow People Incident | 08 Jul 2023 01:38 |
2. | Dr emily harris | 31 May 2023 13:41 |
3. | IB-581 GOI Interference Incident | 29 Jan 2023 23:22 |
4. | IB-280 Incident 407-CD | 02 Oct 2022 04:08 |
5. | IB-430 The Burning Man Incident | 18 Jul 2022 15:05 |
» Scientific Department - Divisions «

ON-SITE MEETING ROOM IN RDZ LOBBY
----------------------------------------------------------------------------------------
Head Researcher: Dr. Arlo A.
Contact them here: pcs.12s|er#pcs.12s|er
Adaptation is key.
Research and Experimentation. The backbone of the Scientific Department. If there is something that doesn't fit in, we deal with it. The R&E division is the broadest of all divisions, exploring all fundamental sciences of the world with the spin of the anomalies. Being a researcher in R&E doesn't just mean "mad scientist throwing Class-Ds at anomalies." No, the work is precise and beneficial to the Foundation. The countless unpredictable anomalies we have in containment and the numerous number of SCPs that get discovered every year lead to an inconsistent set of rules. Therefore we can not have rules, and that's what we are about. Being able to work with anything, secure it, contain it, and protect it, no matter how unconventional and strange it is.
- Arlo A.
Interested in joining the Site-21 Research & Experimentation Division? All it requires is for you to send an email to R&E, stating that you are interested in an internship.
You can visit them in the Science Wing, in the Gate-C lobby
----------------------------------------------------------------------------------------
Head Researcher: Carlo Rossi
Contact them here: pcs.12etis|em#pcs.12etis|em
Providing the means.
Every combative needs equipment, and with the threats the Foundation has to face, ours need the best equipment. In order to make sure that our combative units are always up to the task, the Weaponry and Equipment Division develops and produces state-of-the-art and sometimes even unheard-of equipment. You want a laser rifle, a tesla gun or maybe a wall breaching plasma lance? We will have you covered soon.
- Previous Head Researcher Dr. Cobra
Interested in joining the Site-21 Mechanical Engineering Division? All it requires is for you to send an email to ME, stating that you are interested in an internship.
You can visit them in the Weaponry and Equipment zone, in the science wing!
----------------------------------------------------------------------------------------
Head Researcher: John Merlin
Contact them here: pcs.12s|otno#pcs.12s|otno
Reality is what you make it.
Describing us as mere wizards is the most common way to disrespect the work of the Ontokinetics division. It is like calling modern chemists ancient alchemists, whose practices were supported by superstition. In Ontokinetics, we study reality itself. If the meaning of reality is defined by us, can "us" not alter it too, then? In Ontokinetics, we explore just this. The plethora of occultic practices, the reality benders we give classifications such as "Type Green," the realities where reality isn't present, and most importantly, the usage and application of all this. While it might not all be classified as bending reality, it all still falls under Ontokinetics, whether it is plucking the strings of reality, or separating reality itself. Ontokinetics is a mix of understanding the philosophies of metaphysics and applying the practices of thaumatology, anartism, and so on to solve problems. We play the rules of thaumatology, we learn the rules of metaphysics, and we break the rules of reality itself.
- John Merlin
Interested in joining the Site-21 Ontokinetics? All it requires is for you to send an email to Ontokinetics, stating that you are interested in an internship.
You can visit them in their Laboratory, in the science wing!
----------------------------------------------------------------------------------------
Head Researcher: N/A
Contact them here: pcs.12etis|LP#pcs.12etis|LP
They say our experiments may one day cause the site to blow up. In my opinion, I feel much safer knowing it would be one of us doing it and not an anomaly we failed to contain.
Coming soon
- Coming soon
Interested in joining the Site-21 Protocol Laboratory Division? All it requires is for you to send an email to PL, stating that you are interested in an internship.
Coming soon
----------------------------------------------------------------------------------------
Head Researcher: David Jonas (TBD)
Contact them here: pcs.12etis|la#pcs.12etis|la
Technology is the future.
Do you have a Mekhanite Augmentation? If not, then answer this simple question: Why don't you have one yet? Is it because you don't trust the technology? Don't want to lose an arm or leg? Don't want to sell your soul to the Bumaro's? Well, all of these answers are wrong. The technology is safe and used by hundreds of personnel across the foundation. And the procedure is safe too. And even if you don't want Mekhanite Tech, we have plenty of other augmentations to fit your every need."
- David Jonas (TBD)
Interested in helping to advance knowledge of Mekhanite technology, and maybe even perform some procedures on yourse- on others? Just send an email to the lab requesting an internship!
Coming Soon
/* Black Supremacy [2019 Wikidot Theme] Created by Vizlox as the official RPC theme Based on code from "Supremacy" created by James Pitchford, the "RPC Authority Dark Theme" Style created by Bobby The Evil, and the SCP Foundation Wiki "Sigma-9" theme and style which was designed by Aelanna. Thanks to MrPines for major bug fixes and code additions. Header Image created by Logangreenjeans The code for the sideTabview was adapted from code created by JimmyBoyHaha */ @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Exo+2'); @import url('https://fonts.googleapis.com/css?family=Michroma'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); body { color: #EDEDED; background-color: #2F333C; background-image: linear-gradient( to bottom, #21252E, #21252E 90px, #21252E 90px, #2F333C 200px, #2F333C 200px, #2F333C 100%); background-repeat: no-repeat; } :root { /* PALLET SHEET */ --basic-border: 1px solid #666; --basic-border-color: #666; --dashed-border: 1px dashed #666; --thick-border: 2px solid #666; --element-border-radius: 2px; --primary-background: #1d2022; --secondary-background: rgba(0,0,0,0.15); --background-3: #191b1d; --background-4: #1f2125; --content-bar-background: #24272a; --primary-text-color: #3e6aa3; --nav-hover-background: #2d4975; /* BASE COLORS */ /* General Elements */ --text-color: #c0c0c0; --unmargined-color: var(--primary-text-color); --horizontal-rule-background: var(--basic-border-color); --horizontal-rule-secondary-background: #333; /* color of horizontal rules when they are inside of content panels and stuff */ --action-area-border: var(--dashed-border); --alert-info-border: var(--dashed-border); --owindow-border: var(--basic-border); --tags-border: var(--basic-border); --error-color: #f54242; --content-box-shadow-color: #191919; --content-box-shadow: 1px 1px 1px 1px var(--content-box-shadow-color); --show-changes-del-background: rgba(255,123,123,0.47); --show-changes-ins-background: rgba(140,255,129,0.47); /* Footer */ --footer-background: var(--primary-background); --footer-color: var(--text-color); /* Body */ --body-background: #272a31; /* Page Content */ --page-background: none; --page-padding: none; --page-border: none; --page-border-radius: 0; /* Page Title */ --page-title-color: var(--primary-text-color); --page-title-border: var(--basic-border); /* Generic Buttons */ --button-border: 1px solid #2c3340; --button-background: #181d22; --button-hover-border: 1px solid #27415c; --button-hover-background: #27415c; --button-hover-color: #fff; --button-current-background: var(--primary-background); /* Header Icon */ --header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoSVG.svg); --header-icon-adv: left 1.2em top 1rem no-repeat; --header-icon-size: auto calc(9.5rem - 2.125rem); /* Header Background */ --header-background: url(http://www.rpc-wiki.net/local--files/component:theme/darkHeader3.png); /* Set to hidden to enable custom text */ --header-text-visibility: visible; /* Primary Header Text */ --header-font-weight: bold; --header-font: default; --header-color: #fff; --header-font-size: 180%; --header-mobile-font-size: 85%; /* Header Tagline Text */ --header-tagline-font-weight: bold; --header-tagline-font-size: 150%; --header-tagline-font: default; --header-tagline-color: var(--primary-text-color); --header-custom-text: ''; --header-tagline-custom-text: ''; --header-tagline-top: unset; --header-tagline-bottom: unset; --header-tagline-left: unset; --header-tagline-right: unset; --header-tagline-text-shadow: unset; --header-mobile-tagline-font-size: 75%; /* Search Bar */ --search-button-background: #1b1f32; --search-button-border: 1px solid #777; --search-button-hover-background: #363f64; --search-button-hover-border: 1px solid #fff; --search-input-hover-border: 1px solid #fff; --search-input-hover-color: #fff; --search-input-color: #33384d; --search-input-hover: #2d3668; --search-input-border: 1px solid #777; /* Sidebar */ --sidebar-divider-color: var(--basic-border-color); --sidebar-header-color: var(--primary-text-color); --sidebar-hover-background: var(--nav-hover-background); --sidebar-hover-color: #fff; --sidebar-color: var(--text-color); --sidebar-mobile-open-menu-color: var(--basic-border-color); --sidebar-mobile-open-menu-border: 3px solid var(--basic-border-color); --sidebar-mobile-open-menu-background: var(--primary-background); --sidebar-mobile-background: var(--primary-background); --sidebar-crit-corner-color: #b5d6ff; /* Topbar */ --topbar-text-color: #aaa; --topbar-dropdown-background: var(--body-background); --topbar-hover-background: var(--nav-hover-background); --topbar-divider: 1px solid var(--topbar-hover-background); --topbar-dropdown-border-color: var(--basic-border-color); --topbar-hover-color: #fff; --topbar-dropdown-color: var(--text-color); /* Link Colors */ --link-color: #5295e1; --link-hover-color: #84b7f5; --new-page-color: #626eb2; --external-graphic-color: var(--star-rating-hue); /* Wikidot Tables */ --table-header-background: var(--content-bar-background); --table-header-background-alt: var(--background-3); --table-header-color: #000000; --table-header-text-color: #000000; --table-cell-color: var(--text-color); --table-cell-background: var(--primary-background); --table-border: 1px solid #333; --table-box-shadow: var(--content-box-shadow); /* Tabs */ --tabview-background: var(--primary-background); --tabview-bar-border: none; --tabview-border: none; --tabview-button-background: transparent; --tabview-button-border: none; --tabview-button-selected-background: var(--primary-background); --tabview-button-selected-color: var(--text-color); --tabview-button-hover-background: var(--secondary-background); --tabview-side-tabs-background: #313336; --tabview-side-tabs-box-shadow: 1px 0 1px 1px var(--content-box-shadow-color); --tabview-side-box-shadow: var(--content-box-shadow); --tabview-side-border: none; --tabview-side-button-hover-background: var(--tabview-button-hover-background); --tabview-side-button-selected-background: #24272a; --tabview-side-button-divider: 1px solid var(--tabview-side-button-selected-background); --tabview-side-scrollbar-background: var(--content-bar-background); --tabview-side-scrollbar-thumb-background: #313b4a; --tabview-side-scrollbar-thumb-hover-background: #303741; /* Footnotes */ --footnote-border: var(--basic-border); --footnote-background: var(--primary-background); /* Table of Contents */ --toc-border: none; --toc-background: var(--primary-background); --toc-box-shadow: var(--content-box-shadow); /* Content Panels */ --content-panel-border-radius: var(--element-border-radius); --content-panel-background: var(--primary-background); --content-panel-border: none; --content-panel-padding: 10px 20px; --content-panel-box-shadow: var(--content-box-shadow); --content-bar-color: #777; --news-block-body-panel-background-even: #1a1c1e; --content-block-border: none; --content-box-border-color: #808080; --nested-content-border: 1px solid #333; /* border of content when inside other content elements (blockquotes, tabview, content-panels, etc.) */ /* Quotes */ --blockquote-background: var(--secondary-background); --blockquote-border: none; --blockquote-border-radius: var(--element-border-radius); --blockquote-padding: 1px 10px; --blockquote-box-shadow: var(--content-box-shadow); /* Image Blocks */ --image-block-caption-background: var(--content-bar-background); --image-block-border: none; --image-block-background: var(--primary-background); --image-block-box-shadow: var(--content-box-shadow); /* Rating Modules */ --star-rating-background: var(--primary-background); --star-rating-border: none; --star-rating-reading-background: #111; --star-rating-decimal-color: var(--text-color); --binary-rating-background: var(--primary-background); --binary-rating-border: none; --star-rating-hue: 0deg; --star-rating-filter: hue-rotate(calc(var(--star-rating-hue) + 350deg)) invert(1) saturate(0.4) brightness(1.3); --star-rating-border-radius: 0px; --star-rating-box-shadow: none; --star-rating-stars-box-shadow: none; --star-rating-cell-background: var(--content-bar-background); --nested-star-rating-border: 1px solid var(--star-rating-cell-background); /* Text Inputs */ --text-box-form-background: #181d22; --text-box-form-border: 1px solid #2c3340; /* Forum Threads */ --forum-thread-background: rgba(0,0,0,0.21); --forum-thread-border: none; --forum-thread-border-radius: 5px; --forum-thread-box-shadow: none; /* Forum Categories */ --forum-category-background-even: #1a1c1e; --forum-category-background-odd: var(--primary-background); /* Code Blocks */ --code-background: #111; --code-border: var(--dashed-border); /* Account Options */ --account-options-background: var(--primary-background); --account-options-border: var(--basic-border); /* Template Block */ --template-block-border: 2px solid #666; --template-block-background: #14141a; /* Pop-Up Boxes */ --modal-body-background: rgba(27,33,37,0.34); --modal-header-background: #14141a; /* Sidenotes */ --sidenote-open-background: #1c2431; --sidenote-closed-background: var(--content-bar-background); --sidenote-box-shadow: var(--content-box-shadow); --sidenote-background: var(--primary-background); --sidenote-contents-border: 1px dashed #333; --sidenote-figure-border: 1px solid #333; --sidenote-contents-open-color: var(--text-color); --sidenote-figure-open-color: var(--text-color); --sidenote-contents-closed-color: var(--text-color); --sidenote-figure-closed-color: var(--text-color); /* White Theme Variables */ --WT-element-border-radius: 0px; --WT-basic-border: 1px solid #666; --WT-basic-border-color: #666; --WT-dashed-border: 1px dashed #666; --WT-primary-background: #eee; --WT-secondary-background: #e0e0e0; --WT-background-3: var(--content-bar-background); --WT-background-4: var(--primary-background); --WT-content-bar-background: #c0c0c0; --WT-primary-text-color: #2266bf; --WT-nav-hover-background: #1f317b; --WT-text-color: #333; --WT-horizontal-rule-secondary-background: var(--basic-border-color); --WT-error-color: red; --WT-content-box-shadow-color: #666; --WT-content-box-shadow: none; --WT-show-changes-del-background: rgba(255,0,0,0.47); --WT-show-changes-ins-background: rgba(23,255,0,0.47); --WT-unmargined-color: var(--primary-text-color); --WT-horizontal-rule-background: var(--basic-border-color); --WT-action-area-border: var(--dashed-border); --WT-alert-info-border: var(--dashed-border); --WT-owindow-border: var(--basic-border); --WT-tags-border: var(--basic-border); --WT-body-background: #e8e8e3; --WT-footer-background: #33333f; --WT-footer-color: #c0c0c0; --WT-page-background: none; --WT-page-title-color: var(--primary-text-color); --WT-page-title-border: var(--basic-border); --WT-page-padding: none; --WT-page-border: none; --WT-page-border-radius: 0; --WT-button-border: 1px solid #666; --WT-button-background: #fff; --WT-button-hover-border: 1px solid #000; --WT-button-hover-background: #548de0; --WT-button-hover-color: #000; --WT-button-current-background: #888; --WT-header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoHQ.png); --WT-header-icon-adv: left 1.2em top 1rem no-repeat; --WT-header-icon-size: auto calc(9.5rem - 2.125rem); --WT-header-background: url(http://www.rpc-wiki.net/local--files/theme:white/lightHeader.png); --WT-header-text-visibility: visible; --WT-header-font-weight: bold; --WT-header-font: default; --WT-header-color: #fff; --WT-header-font-size: 180%; --WT-header-mobile-font-size: 85%; --WT-header-tagline-font-weight: bold; --WT-header-tagline-font-size: 150%; --WT-header-tagline-font: default; --WT-header-tagline-color: #f0f0c0; --WT-header-custom-text: ''; --WT-header-tagline-custom-text: ''; --WT-header-tagline-top: unset; --WT-header-tagline-bottom: unset; --WT-header-tagline-left: unset; --WT-header-tagline-right: unset; --WT-header-tagline-text-shadow: unset; --WT-header-mobile-tagline-font-size: 75%; --WT-search-button-background: #202e60; --WT-search-button-border: 1px solid #aaa; --WT-search-button-hover-background: #1f317b; --WT-search-input-color: #202d60; --WT-search-input-hover: #1e2d77; --WT-search-input-border: 1px solid #aaa; --WT-search-button-hover-border: 1px solid #fff; --WT-search-input-hover-border: 1px solid #fff; --WT-search-input-hover-color: #fff; --WT-sidebar-divider-color: var(--basic-border-color); --WT-sidebar-header-color: var(--primary-text-color); --WT-sidebar-hover-background: var(--nav-hover-background); --WT-sidebar-hover-color: #fff; --WT-sidebar-color: var(--text-color); --WT-sidebar-mobile-open-menu-color: #aaa; --WT-sidebar-mobile-open-menu-border: 3px solid #aaa; --WT-sidebar-mobile-open-menu-background: #fff; --WT-sidebar-mobile-background: #fff; --WT-sidebar-crit-corner-color: unset; --WT-topbar-text-color: #aaa; --WT-topbar-hover-background: #1f317b; --WT-topbar-divider: 1px solid var(--topbar-hover-background); --WT-topbar-dropdown-background: var(--body-background); --WT-topbar-dropdown-border-color: var(--basic-border-color); --WT-topbar-hover-color: #fff; --WT-topbar-dropdown-color: var(--text-color); --WT-link-color: #236ec4; --WT-link-hover-color: var(--link-color); --WT-new-page-color: #7729a4; --WT-table-header-background: var(--content-bar-background); --WT-table-header-background-alt: var(--content-bar-background); --WT-table-header-color: var(--text-color); --WT-table-cell-color: var(--text-color); --WT-table-cell-background: none; --WT-table-border: var(--basic-border); --WT-table-box-shadow: var(--content-box-shadow); --WT-tabview-background: var(--primary-background); --WT-tabview-bar-border: 4px solid var(--basic-border-color); --WT-tabview-border: var(--basic-border); --WT-tabview-button-selected-background: #548de0; --WT-tabview-button-hover-background: #8f92a4; --WT-tabview-button-background: transparent; --WT-tabview-button-border: none; --WT-tabview-button-selected-color: var(--text-color); --WT-tabview-side-tabs-background: var(--content-bar-background); --WT-tabview-side-tabs-box-shadow: none; --WT-tabview-side-box-shadow: var(--content-box-shadow); --WT-tabview-side-border: var(--basic-border); --WT-tabview-side-button-hover-background: var(--tabview-button-hover-background); --WT-tabview-side-button-selected-background: var(--tabview-button-selected-background); --WT-tabview-side-button-divider: var(--basic-border); --WT-tabview-side-scrollbar-background: #999; --WT-tabview-side-scrollbar-thumb-background: #666; --WT-tabview-side-scrollbar-thumb-hover-background: #555; --WT-footnote-border: var(--basic-border); --WT-footnote-background: var(--primary-background); --WT-toc-border: var(--basic-border); --WT-toc-background: var(--primary-background); --WT-toc-box-shadow: var(--content-box-shadow); --WT-content-panel-background: var(--primary-background); --WT-content-panel-border: var(--basic-border); --WT-content-bar-color: #334; --WT-news-block-body-panel-background-even: var(--secondary-background); --WT-content-block-border: var(--basic-border); --WT-content-box-border-color: #888; --WT-nested-content-border: var(--basic-border); --WT-content-panel-box-shadow: var(--content-box-shadow); --WT-content-panel-border-radius: var(--element-border-radius); --WT-content-panel-padding: 10px 20px; --WT-blockquote-border: 1px dashed #666; --WT-blockquote-background: var(--secondary-background); --WT-blockquote-box-shadow: var(--content-box-shadow); --WT-blockquote-border-radius: var(--element-border-radius); --WT-blockquote-padding: 1px 10px; --WT-image-block-border: var(--basic-border); --WT-image-block-background: var(--basic-border-color); --WT-image-block-caption-background: var(--content-bar-background); --WT-image-block-box-shadow: var(--content-box-shadow); --WT-star-rating-background: #214a89; --WT-star-rating-border: 1px solid #10214c; --WT-star-rating-reading-background: var(--basic-border-color); --WT-star-rating-decimal-color: #eee; --WT-star-rating-border-radius: 3px; --WT-star-rating-box-shadow: 1px 1px 2px; --WT-star-rating-stars-box-shadow: none; --WT-star-rating-cell-background: #efeeea; --WT-binary-rating-background: var(--secondary-background); --WT-binary-rating-border: var(--basic-border); --WT-star-rating-filter: none; --WT-star-rating-hue: 0deg; --WT-text-box-form-background: var(--primary-background); --WT-text-box-form-border: var(--basic-border); --WT-code-background: var(--secondary-background); --WT-code-border: var(--dashed-border); --WT-account-options-background: var(--primary-background); --WT-account-options-border: var(--basic-border); --WT-template-block-border: 2px dashed #666; --WT-template-block-background: #ccc; --WT-modal-body-background: #fff; --WT-modal-header-background: var(--content-bar-background)!important; --WT-sidenote-open-background: #548de0; --WT-sidenote-contents-border: var(--dashed-border); --WT-sidenote-figure-border: var(--basic-border); --WT-sidenote-closed-background: var(--content-bar-background); --WT-sidenote-box-shadow: var(--content-box-shadow); --WT-sidenote-background: var(--primary-background); --WT-sidenote-contents-open-color: var(--text-color); --WT-sidenote-figure-open-color: #fff; --WT-sidenote-contents-closed-color: var(--text-color); --WT-sidenote-figure-closed-color: var(--text-color); /* Variables Specific to White Theme */ --WT-open-themes-border: 2px solid #666; --WT-open-themes-background: #1d2022; --WT-open-themes-color: #666; --WT-open-themes-hover-color: #5295e1; --WT-open-themes-hover-border: solid 2px var(--WT-open-themes-hover-color); --WT-misc-1: #c0c0c0; /* Variables Specific to Black Theme */ --BT-open-themes-border: 2px solid #aaa; --BT-open-themes-background: #fff; --BT-open-themes-color: #000; --BT-open-themes-hover-color: #07f; --BT-open-themes-hover-border: solid 2px #5295e1; --BT-scrollbar-background: var(--primary-background); --BT-scrollbar-thumb-background: #273b5a; --BT-scrollbar-thumb-hover-background: #283649; --BT-resizer-background: #191919; } /* Body */ #page-content { font-size: .81rem; } body { color: #EDEDED; background-color: #2F333C; background-image: linear-gradient( to bottom, #21252E, #21252E 90px, #21252E 90px, #2F333C 200px, #2F333C 200px, #2F333C 100%); background-repeat: no-repeat; } #main-content { top: -1.2rem; } a:visited { color: #5295e1; } /* Sidebar */ div#side-bar{ background: #21252E; clear: both; padding: .8em; border-radius: 0; box-shadow: none; overflow-x: hidden; } #side-bar .heading{ color: #ededed; font-family: 'Josefin Sans', sans-serif; font-size: 0.94rem; border-bottom: solid 1px #ededed; } #side-bar .side-block { border: transparent; border-radius: 0; box-shadow: none; background-color: #21252E; } #side-bar .side-block.media { background-color:#21252E; } #side-bar .side-block.resources { background-color:#21252E; } .side-block .menu-item > .image { display: none; } #top-bar div.open-menu a { border-radius: 0; box-shadow: none; color: var(--accentColor); background-color: #21252E; border: 1px groove var(--accentColor); } @media (max-width: 767px) { #main-content { padding: 0; margin: 0 5%; border-left: none; } #page-title { margin-top: 0.7em; } #side-bar { background-color: #21252E; left: -18.6em; } #side-bar:target { border: none; box-shadow: none; } #side-bar .close-menu { transition: width 0.5s ease-in-out 0.1s, opacity 1s ease-in-out 0s; display: block; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0,0,0,0.3); background-position: 18.6em 50%; z-index: -1; opacity: 0; pointer-events: none; } #side-bar:target .close-menu { width: calc(100% - 18.6em); right: 0; left: auto; opacity: 1; pointer-events: auto; } #side-bar:target .close-menu:hover { background: unset; } #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr { margin: 3em -5.5%; } #side-bar { top: 0; } #side-bar .heading { padding-left: 1em; margin-left: -1em; } #search-top-box { top: 107px; } } /* Page Elements */ .page-source, tt{ font-family: "Fira Code", monospace; font-size: 0.87rem; } .code pre, .code p, .code { font-family: "Fira Code", monospace; font-size: 0.87rem; color: #21252E; } ins, del { color: black; } h1 { font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; color: var(--accentColor); font-weight: bold; letter-spacing: 1px; } h2, h3, h4, h5, h6 { font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; color: #EDEDED; font-weight: bold; letter-spacing: 1px; } .lightbox h1 { color: #21252E; } #page-title { display: none; } /* Horizontal Rules */ hr { background: var(--horizontal-rule-background); Margin: 1em 0; } /* Custom Syntax */ .darkbox { background-color: #21252E; border-left: solid 0.26rem var(--accentColor); border-right: solid 0.26rem var(--accentColor); padding: .4rem; margin-top: 12px; margin-bottom:12px; } .lightbox { background-color: #ededed; color: #21252E; border-left: solid 0.26rem #21252E; border-right: solid 0.26rem #21252E; padding: 0.8rem; margin-top: 12px; margin-bottom:12px; } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: #21252E; } .lightbox hr { background-color: #000; } .lightbox a { filter: invert(1); } .lightbox a:hover { background: none; } #page-content .sidebox tr td, #page-content .sidebox tr th{ padding: .35em; } #page-content .authorbox tr td, #page-content .authorbox tr th{ padding: .35em; } .limit{ margin-bottom: -1rem; } .anchor{ position: sticky; height: 0; top: 0; } .authorbox, .sidebox { position: absolute; width: calc((100vw - 870px) / 2); max-height: calc(100vh - 18rem); margin: 0 8px 0 0; padding: .14rem; box-sizing: border-box; overflow: auto; z-index: 5; } .authorbox { max-width: calc((100vw - 921.2px) / 2) !important; top: .5em; right: 103.5%; } .sidebox{ top: 0; left: 103.5%; padding-left: 1em; } @media (max-width:1079px) { .authorbox, .sidebox { display: none; } } #page-content .bt { color: var(--accentColor); font-weight: bold; filter: brightness(110%); text-decoration-color: inherit; } .tableb .wiki-content-table { border-collapse: separate; border-spacing: 3px; } .tableb .scp-image-block { border: none; } .tableb .scp-image-block img { border: var(--accentColor) 1px solid; box-sizing: border-box; } .tableb .scp-image-block .scp-image-caption { margin-top: 3px; border: var(--accentColor) 1px solid; box-sizing: border-box; } :root { --accentColor: #6b6b67; --lgurl: url("https://i.imgur.com/ICvO67n.png"); --posX: calc(50% - 358px - 13rem); --fnColor: var(--accentColor); } div#extra-div-1 { filter: opacity(0.5); } /* Links */ a { color: var(--link-color); text-decoration: none; background: transparent; transition: color 0.5s ease; } a.newpage { color: var(--new-page-color); text-decoration: none; background: transparent; } a:hover { text-decoration: underline; background-color: transparent; color: var(--link-hover-color); } a::after { filter: hue-rotate(var(--external-graphic-color)); } .form-control { width: 95%; } /* Header Elements */ div#container-wrap, div#header { background-image: none; } div#extra-div-1 { height: 164px; width: 100%; top: 0; position: absolute; background: var(--lgurl); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; z-index: -1; } #header h1, #header h2 { margin-left: 0; float: none; text-align: center; } /* Move the subtitle down a smidge */ #header h2 { margin-top: 0.45rem; } /* 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(--accentColor); text-shadow: none; letter-spacing: 2pt; font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; } /* Set the new text's content from variable */ #header h1 a::before { content: var(--header-title, "SITE-21"); font-weight: 300; font-size: 1.4em; } #header h2::before { content: var(--header-subtitle, "SCIENTIFIC DEPARTMENT"); font-weight: 600; font-size: 1.3em; } #login-status { color: #ededed; } #login-status a { color: var(--accentColor); } #login-status ul a { color: #ededed; background: #21252E; } #login-status ul a:hover { color: var(--accentColor); } #account-topbutton{ border: solid 1px var(--accentColor); } #footer, #footer a { background: transparent; color: #ededed; } #license-area { color: #ededed; } #search-top-box { top: 2.2rem!important; right: 8px; } #search-top-box-form > input[type=submit] { border: solid 1px #ededed; background: #21252E!important; box-shadow: none; border-radius: 0; color: #ededed; transition: color 0.15s linear; } #search-top-box-form input[type=submit]:hover { border: solid 1px var(--accentColor); box-shadow: none; color: var(--accentColor); } #search-top-box-form > input[type=text] { display: none; } /* Topbar */ #top-bar { top: 8.4rem; display: flex; justify-content: center; right: 0; } #top-bar, #top-bar a { color: #ededed; transition: color 0s; } #top-bar ul li ul { border-color: var(--accentColor); overflow: hidden; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: #2F333C; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #21252E; color: #ededed; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #21252E; /* top bar hover background color */ color: var(--accentColor); transition: color 0.1s linear; } /* Parented Pages Block */ #breadcrumbs { margin: -1em 0 1em; font-weight: 85%; } /* Yui Tabs */ .yui-nav { border-bottom: var(--tabview-bar-border)!important; } .yui-navset { margin: 10px 0; box-shadow: var(--content-box-shadow); background: var(--content-bar-background); } .yui-navset .yui-content { background-color: var(--tabview-background); border: var(--tabview-border)!important; border-top: none!important; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background: var(--tabview-button-background); color: var(--text-color); transition: none; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background: var(--tabview-button-selected-background); color: var(--tabview-button-selected-color); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: var(--tabview-button-hover-background); min-height: 25px; } .yui-nav em { border: var(--tabview-button-border)!important; border-bottom: none!important; } .yui-nav a { border: none!important; } .yui-nav li { min-height: 25px; line-height: normal; } .yui-nav li em { top: 0px!important; } .yui-nav li.selected em { top: -1px!important; border: 0px solid transparent!important; } .yui-navset .yui-nav .selected { margin: 0 0.16em 0 0; } .sideTabview .yui-navset, .sideTabview .yui-navset * { box-sizing: border-box!important; } .sideTabview .yui-navset { width: 100%; max-height: 700px; margin: 10px 0!important; overflow: hidden; box-shadow: var(--tabview-side-box-shadow); background: linear-gradient(to right, var(--tabview-side-tabs-background) 25%, var(--tabview-background) 0); border: var(--tabview-side-border); } .sideTabview .yui-nav { float: left; background: var(--tabview-side-tabs-background); max-height: 700px; width: 25%!important; overflow: auto; border: none!important; box-shadow: var(--tabview-side-tabs-box-shadow); } .sideTabview .yui-nav li { display: block!important; padding: 0!important; margin: 0!important; font-size: 110%; width: 100%; border-bottom: var(--tabview-side-button-divider); } .sideTabview .yui-nav li:hover { background: var(--tabview-side-button-hover-background)!important; } .sideTabview .yui-nav li a { width: 100%; } .sideTabview .yui-nav li a em { padding: 25px 16px!important; } .sideTabview .selected em { background: var(--tabview-side-button-selected-background)!important; } .sideTabview .yui-navset .yui-nav a:hover { background: none; } .sideTabview .yui-content { float: left; padding: 0!important; width: 75%; max-height: 700px; clear: none!important; background: none!important; border: none!important; } .sideTabview .yui-content>div { overflow: auto; padding: 0 12px!important; width: 100%; max-height: 700px; } .sideTabview .yui-nav li.selected em { top: 0!important; } .sideTabview .yui-nav::-webkit-scrollbar { width: 13px; } .sideTabview .yui-nav::-webkit-scrollbar:horizontal { height: 13px; } .sideTabview .yui-nav::-webkit-scrollbar-track, .sideTabview .yui-nav::-webkit-scrollbar-corner { background: var(--tabview-side-scrollbar-background); } .sideTabview .yui-nav::-webkit-scrollbar-thumb { background: var(--tabview-side-scrollbar-thumb-background); } .sideTabview .yui-nav::-webkit-scrollbar-thumb:hover { background: var(--tabview-side-scrollbar-thumb-hover-background); } .sideTabview.short .yui-navset, .sideTabview.short .yui-nav, .sideTabview.short .yui-content, .sideTabview.short .yui-content>div { max-height: 500px; } .sideTabview.locked .yui-navset, .sideTabview.locked .yui-nav, .sideTabview.locked .yui-content { height: 700px; } .sideTabview.locked.short .yui-navset, .sideTabview.locked.short .yui-nav, .sideTabview.locked.short .yui-content { height: 500px; } .sideTabviewMini .yui-navset { display: grid; grid-template-columns: 10%; } .sideTabviewMini.medium .yui-navset { grid-template-columns: 15%; } .sideTabviewMini.wide .yui-navset { grid-template-columns: 20%; } .sideTabviewMini .yui-nav li { width: calc(100% - 0.16em); display: block; text-align: center; } .sideTabviewMini .yui-nav li a { width: 100%; } .sideTabviewMini .yui-navset .yui-content { grid-column-start: 2; } .compactTabview .yui-navset { background: none; box-shadow: none; } .compactTabview .yui-nav { background: var(--content-bar-background); width: 26px!important; height: 26px; box-shadow: var(--content-box-shadow); border-bottom: none!important; } .compactTabview .yui-nav:hover { width: auto!important; height: auto; } .compactTabview .yui-nav::before { content: "+"; left: 7px; top: 5px; position: relative; color: var(--content-bar-color); font-size: 120%; font-weight: bold; } .compactTabview .yui-nav:hover::before { content: unset; left: unset; top: unset; position: unset; color: unset; font-size: unset; font-weight: unset; } .compactTabview .yui-content { box-shadow: var(--content-box-shadow); border-top: var(--tabview-bar-border)!important; } .compactTabview .yui-navset li { display: none!important; } .compactTabview .yui-nav:hover li { display: inline-block!important; } /* Footer */ #footer { clear: both; font-size: 77%; background: var(--footer-background); color: var(--footer-color); margin-top: 15px; padding: 3px 10px; } #footer .options { visibility: visible; display: block; float: right; width: 50%; font-size: 100%; text-align: right; } #footer a { color: #fff; background: transparent; } /* Fix Overflow */ .page-source, blockquote { word-wrap: break-word; } /* Custom Page Content Classes */ #page-content { min-height: 1200px; background: var(--page-background); padding: var(--page-padding); Border: var(--page-border); border-radius: var(--page-border-radius); } .unmargined > p { margin: 0; line-height: 100%; color: var(--unmargined-color); } .content-panel { border-radius: var(--content-panel-border-radius); background: var(--content-panel-background); border: var(--content-panel-border); padding: var(--content-panel-padding); margin: 10px 20px 15px 20px; box-shadow: var(--content-panel-box-shadow); } .content-panel.centered { text-align: center; } .content-panel.dark { background: var(--secondary-background); } .info-block.left-column, .info-block.right-column, .featured-block.left-column, .featured-block.right-column { width: 48%; padding: 0; } .content-panel.content-toc { float: right; padding: 0 20px; white-space: nowrap; margin: 10px 0 15px 5px; } .featured-title { font-weight: bold; height: 35px; font-size: 110%; } .news-block, .featured-block, .info-block { border: var(--content-block-border); } .news-block, .info-block { margin: 15px 0; box-shadow: var(--content-box-shadow); } .news-block .body-panel { background: var(--content-panel-background); padding: 10px; } .news-block .body-panel .news-date { color: #777; font-size: 80%; } .news-block .body-panel .news-content { margin: 10px 0px 10px 30px; } .info-block .body-panel { background: var(--content-panel-background); padding: 10px; font-size: 90%; } .info-block .body-panel.centered { text-align: center; } .header-panel { background: var(--content-bar-background); padding: 5px; font-weight: bold; font-size: 75%; color: var(--content-bar-color); } .footer-panel { background: var(--content-bar-background); padding: 5px; font-weight: bold; font-size: 75%; text-align: right; Color: var(--content-bar-color); } .news-block .footer-panel a { color: var(--primary-text-color); } .news-block .body-panel:nth-child(even) { background: var(--news-block-body-panel-background-even); } .featured-block { box-shadow: var(--content-box-shadow); margin: 15px 0; } .featured-block .body-panel { background: var(--content-panel-background); text-align: left; padding: 10px; height: 100%; overflow-y: hidden; } .featured-block.left-column .body-panel, .featured-block.right-column .body-panel { height: 150px; } .featured-block .body-panel.short { height: auto; } .content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr, blockquote hr { background: var(--horizontal-rule-secondary-background); } .clean hr { border: 2px dashed var(--content-bar-background); height: 0px; background: none; margin: auto -20px; } .content-box { border-radius: 0; border: 2px solid var(--content-box-border-color); padding: var(--content-panel-padding); margin: 10px 20px 15px 20px; } .content-box.dashed { border-style: dashed; } .content-box.thin { border-width: 1px; } .content-box.round { border-radius: 20px; } .left-column { float: left; width: 40%; margin: 10px 0; } .right-column { float: right; width: 40%; margin: 10px 0; } /* Template Block (Original Formatting by Dr. Pierson) */ .templateBlock { background: var(--template-block-background); border: var(--template-block-border); width: 450px; margin: 0 auto 15px auto; text-align: center; padding: 0 15px; Max-width: 90%; } .templateBlock img { max-width: 100%; } .templateBlock.special { background: linear-gradient(#222e2e, #171f1f, #222e2e);; } /* Tags */ .page-tags span { border-top: var(--tags-border); } /* Multi-Line Tags Fix */ #main-content .page-tags { margin: 1em 0 0; padding: 0; } #main-content .page-tags span { display: inline-block; padding: 0; max-width: 60%; } #main-content .page-tags a { display: inline-block; white-space: nowrap; } /* Hide Hidden Tags */ #main-content .page-tags a[href^="/system:page-tags/tag/_"] { display: none; } /* Pop-Up Text Boxes */ .modal-body img { background: none!important; } .modal-body { background: var(--modal-body-background); } .modal-header, .owindow, .owindow .title { background: var(--modal-header-background)!important; } .owindow { border: var(--owindow-border); } .owindow table.table a { word-break: break-word; } /* Ruby by Nanimono Demonai */ .ruby, ruby { display: inline-table; text-align: center; white-space: nowrap; line-height: 1; height: 1em; vertical-align: text-bottom; } .rt, rt { display: table-header-group; font-size: 0.6em; line-height: 1.1; text-align: center; white-space: nowrap; } /* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */ #page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover { background: transparent; } .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link { background: var(--linkColour) !important; } hr{ background-color: var(--accentColor); } blockquote, div.blockquote, #toc { background-color: #21252E; border: #21252E 2px solid; border-left: 4px dashed var(--accentColor); box-shadow: 4px 4px #2F333C; } .code { background-color: #F8F8F8; border: solid 3px #2F333C; box-shadow: none; } .scp-image-block { border: 1px solid var(--accentColor); box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: #21252E; border-top: 1px solid var(--accentColor); color: #ededed; font-size: 0.65rem; padding: 0.1rem; box-sizing: border-box; } .scp-image-block.block-left { margin-left: 0; } .scp-image-block.block-right { margin-right: 0; } @media (max-width: 540px) { .scp-image-block.block-left, .scp-image-block.block-right { float: none; clear: both; margin-left: auto; margin-right: auto; } } /* Keycap */ .keycap { border: 1px solid; border-color: #ddd #bbb #bbb #ddd; border-bottom-width: 2px; -moz-border-radius: var(--element-border-radius); -webkit-border-radius: var(--element-border-radius); border-radius: var(--element-border-radius); background-color: #f9f9f9; padding: 1px 3px; font-family: inherit; font-size: 0.85em; white-space: nowrap; } /* 2011-11-13 Minobe Hiroyuki @ Marguerite Site www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html Edited for the SCP Foundation by Nanimono_Demonai */ .emph { text-emphasis-style: dot ; -webkit-text-emphasis-style: dot ; } /* Account Options */ #login-status { font-size: 90%; z-index: 30; } #printuser { color: var(--text-color); background-color:transparent; } #login-status a { color: var(--text-color); background-color: transparent; } #login-status a:hover { color: var(--link-hover-color); } #account-options { background: var(--account-options-background); border: var(--account-options-border); } #account-options li a:hover { color: var(--link-hover-color); } #account-options a, a#account-topbutton { font-weight: normal; background-color: transparent; } #account-options #account-options, a#account-topbutton { background-color: transparent; border-style: none; color: var(--text-color); } sup { vertical-align: top; position: relative; top: -0.5em; } body { color: #EDEDED; background-color: #2F333C; background-image: linear-gradient( to bottom, #21252E, #21252E 90px, #21252E 90px, #2F333C 200px, #2F333C 200px, #2F333C 100%); background-repeat: no-repeat; } #content-wrap { position: relative; margin: 2em auto 0; max-width: 1040px; min-height:1500px; height: auto; } ul { list-style: square; } h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { color: var(--page-title-color); font-weight: bold; padding: 0 0 0.25em; margin: 0 0 0.6em; border-bottom: var(--page-title-border); word-wrap: break-word; position: relative; top: 1px; } blockquote { border: var(--blockquote-border); color: var(--text-color); background: var(--blockquote-background); border-radius: var(--blockquote-border-radius); padding: var(--blockquote-padding); box-shadow: var(--blockquote-box-shadow); } /* Standard Image Block */ .image-block { border: var(--image-block-border); width: 300px; box-shadow: var(--image-block-box-shadow); background: var(--image-block-background); } .image-block.block-right { float: right; clear: right; margin: 0 2em 1em 2em; } .image-block.block-left { float: left; clear: left; margin: 0 2em 1em 0; } .image-block.block-center { margin-right: auto; margin-left: auto; } .image-block img { border: 0; width: 300px; } .image-block .image-caption { background: var(--image-block-caption-background); border-top: var(--image-block-border); padding: 2px 0; font-size: 80%; font-weight: bold; text-align: center; width: 300px; } .image-block > p { margin: 0; } .image-block .image-caption > p { margin: 0; padding: 0 10px; } .image-block img, .image-block, .image-caption { max-width: 100%; } /* Sidenotes */ .sidenoteImage.sidenoteType-text { display: none!important; } .sidenoteContent.sidenoteType-image { display: none!important; } .sidenoteIT.sidenoteImage-bottom { display: none!important; } .sidenoteIB.sidenoteImage-top { display: none!important; } .sidenoteC { border: var(--sidenote-contents-border); color: var(--sidenote-contents-closed-color); border-top: none; padding: 0.3em 0.7em; } .sidenoteI { padding: 1px; } .sidenoteH { background: var(--sidenote-closed-background); border: var(--sidenote-figure-border); color: var(--sidenote-figure-closed-color); text-align: center; padding: 0 15px 0 15px; } .sidenote { position: static; } .sidenoteContainer { width: 100%; clear: both; margin: 0px 0px 10px 0px; box-shadow: var(--sidenote-box-shadow); background: var(--sidenote-background); } .sidenoteAlign-right { width: 300px!important; float: right; margin: 0px 0px 10px 10px!important; } .sidenoteAlign-left { width: 300px!important; float: left; margin: 0px 10px 10px 0px!important; } @media (min-width: 1000px) { .sidenoteAlign-right.sidenoteAlign-true { margin: 0px 2em 10px 10px!important; } .sidenoteAlign-left.sidenoteAlign-true { margin: 0px 10px 10px 2em!important; } .sidenote.sidenoteLock-false:hover .sidenoteH { background: var(--sidenote-open-background); color: var(--sidenote-figure-open-color); } .sidenote.sidenoteLock-false .sidenoteC, .sidenote.sidenoteLock-false .sidenoteI { display: none; color: var(--sidenote-contents-open-color); } .sidenote.sidenoteLock-false:hover .sidenoteC, .sidenote.sidenoteLock-false:hover .sidenoteI { display: block; } } @media (max-width: 999px) { .sidenoteContainer { float: none; margin: 10px 0!important; width: 100%!important; } .sidenoteH { background: var(--sidenote-open-background); color: var(--sidenote-figure-open-color); } .sidenoteC, .sidenoteI { color: var(--sidenote-contents-open-color); } } .redaction { background: #111; color: transparent; } /* Hazards Component */ .hazardTypeText.hazardsType-properties, .propertiesText.hazardsType-hazards, .hazardTableText.hazardsType-none { display: none!important; } .hazardTableText { width: 110px; vertical-align: top; position: relative; right: 2px; top: 10px; padding: 0; } .hazardTableText.hazardsType-properties { width: 160px; } .hazardImage { margin-top: 1px; width: 35px; filter: invert(91%); opacity: 1; font-size: 80%; font-weight: bold; } .hazardBlock { position: relative; display: inline-block; } .hazardBlock .hazardText { visibility: hidden; width: 120px; background-color: #333; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; position: absolute; z-index: 1; } .hazardBlock:hover .hazardText { visibility: visible; } .hazardBlock .hazardText::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } .hazardBlock .hazardText { opacity: 0; transition: all 0.2s ease-in-out; } .hazardBlock:hover .hazardText { opacity: 1; } table.hazardTable { padding-right: 5px!important; } @media (max-width: 768px) { table.hazardTable { padding-right: 20px!important; } } /* Wikidot Tables */ table.wiki-content-table { width: 100%; box-shadow: var(--table-box-shadow); } table.wiki-content-table th { background-color: var(--table-header-background); border: var(--table-border); color: var(--table-header-color); padding: 0.3em 0.7em; } table.wiki-content-table td { background-color: var(--table-cell-background); border: var(--table-border); padding: 0.3em 0.7em; color: var(--table-cell-color); } .wanted-pages-module th, .page-compare th { background-color: var(--table-header-background); border: var(--table-border)!important; color: var(--table-header-color); } .wanted-pages-module td, .page-compare td { background-color: var(--table-cell-background); border: var(--table-border)!important; } /* Footnotes */ .hovertip { border: var(--footnote-border)!important; background: var(--footnote-background)!important; } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame{ filter: invert(100%) grayscale(100%) contrast(75%); } /* ACS COLORS by Nagiros */ :root { --five-color: 255, 34, 67 !important; /* red */ --four-color: 255, 141, 54 !important; /* orange */ --three-color: 255, 226, 82 !important; /* yellow */ --two-color: 117, 167, 242 !important; /* blue */ --one-color: 40, 159, 107 !important; /* green */ --white-bar: 207, 207, 207; --lg-bar: 118, 118, 130; --gray-bg: 66, 66, 72; } .anom-bar > .bottom-box { /* horizontal bar */ box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important; -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important; -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important; box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; } .bottom-box > .diamond-part { /* vertical bar */ box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important; -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important; -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important; box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important; } .anom-bar-container.esoteric .text-part .main-class, .anom-bar-container.explained .text-part .main-class, .anom-bar-container.neutralized .text-part .main-class, .anom-bar-container.pending .text-part .main-class { background-color: rgba(66, 66, 72, .5) !important; background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important; border-left-color: rgb(118, 118, 130) !important; border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important; } .danger-diamond > .arrows, .danger-diamond > .bottom-icon::before { /* inverted arrows, esoteric icons */ filter: invert(90%) !important; -webkit-filter: invert(90%) !important; } .danger-diamond > .quadrants > .bottom-quad, .anom-bar-container.explained .danger-diamond > .quadrants > .top-quad, .anom-bar-container.neutralized .danger-diamond > .quadrants > .top-quad, .anom-bar-container.pending .danger-diamond > .quadrants > .top-quad { /* "transparent" bottoms/top icon backgrounds */ background-color: rgb(26, 26, 26) !important; /* body background color */ } .danger-diamond > .bottom-icon, .anom-bar-container.pending .danger-diamond > .top-icon::before { /* esoteric, pending icon backgrounds */ background-color: rgb(3, 3, 3) !important; } .anom-bar > .bottom-box::before { background-color: var(--white-bar); } .top-left-box > .item { display: none; } /* Table of Contents */ #toc { color: var(--text-color); border: var(--toc-border); background: var(--toc-background); Box-shadow: var(--toc-box-shadow); } /* Module Rate Customization (Upvote / Downvote System) */ .page-rate-widget-box { display: inline-block; margin-bottom: 10px; margin-right: 2em; box-shadow: var(--content-box-shadow); } .page-rate-widget-box .rate-points { background-color: var(--binary-rating-background)!important; border: var(--binary-rating-border); color: var(--text-color)!important; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { border-top: var(--binary-rating-border); border-bottom: var(--binary-rating-border); } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: var(--binary-rating-background); color: var(--link-color); font-weight: bold; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { transition: background 0.5s ease; background: var(--text-color); color: var(--binary-rating-background); text-decoration: none; } .page-rate-widget-box .cancel { border: var(--binary-rating-border); } .page-rate-widget-box .cancel a { background: var(--binary-rating-background); color: var(--text-color); text-transform: uppercase; font-weight: bold; } .page-rate-widget-box .cancel a:hover { transition: background 0.5s ease; background: var(--text-color); color: var(--binary-rating-background); text-decoration: none; } /* component:rate Customization (5 Star System) */ .rateContainer { width: 100%; height: 30px; } .ratingContainer { height: auto; } .tableStyle { background: var(--star-rating-background); margin-right: 2em; display: inline-block; border-collapse: collapse; border-spacing: 0px; border: var(--star-rating-border); box-shadow: var(--content-box-shadow); border-radius: var(--star-rating-border-radius); } .rateStyle { margin-right: 2em; box-shadow: var(--star-rating-box-shadow); } .starStyle { display: inline-block; padding: 2px 4px 0px 4px; margin: 0; background: var(--star-rating-background); box-shadow: var(--star-rating-stars-box-shadow); } .cellStyle { display: inline-block; padding: 1px 4px 0px 4px; background: var(--star-rating-cell-background); height: 20px; border: none; } .cellStyle p, .cellStyle div p { margin: 0; } .decimalStyle { background-color: var(--star-rating-background); padding-right: 6px; color: var(--star-rating-decimal-color); } .translationStyle { padding-left: 6px; padding-right: 6px; background-color: var(--star-rating-background); } .readingStyle { background: var(--star-rating-reading-background); padding: 0 3px 0 3px; border-left: var(--star-rating-border); } .cellStyle.votesRight-left, .cellStyle.votesLeft-right, .cellStyle.votesRight-none, .cellStyle.votesLeft-none { display: none; } .starStyle.votesRight-left, .starStyle.votesRight-none { text-align: center; } img[src$="/common--images/jquery-raty/star-on.png"] { filter: var(--star-rating-filter); } img[src$="/common--images/jquery-raty/star-half.png"] { filter: var(--star-rating-filter); } img[src$="/common--images/jquery-raty/star-off.png"] { filter: var(--star-rating-filter); } /* Generic Buttons */ #h-perpage, .optionstd a, .new-post .btn, #history-form-1 .btn-sm, .well .btn-sm, .change-textarea-size a, .buttons .btn-small, .action-area .btn-default, .action-area .btn-primary, .col-lg-10 .form-control, .form-actions .btn-danger, .buttons .btn-default, .target a, .buttons .btn-danger, #edit-cancel-button, #edit-save-button, .button-close-message, .button-close-window, .button-cancel, .button-insert-code, #wd-ed-codewizard-type, #wd-ed-imagewizard-position, #wd-ed-imagewizard-uri, #wd-ed-imagewizard-byuri .button, #wd-ed-imagewizard-flickr, #wd-ed-imagewizard-byflickr .button, .query-area .button, .button-close, .button-rename, .button-no\,-cancel, .button-yes\,-delete, #file-upload-form .btn-primary, .button-move, #action-area .buttons .btn-primary, #edit-page-form .buttons .btn-info, #view-diff-div .button, .button-yes\,-revert, .modal-footer .btn-danger, .modal-footer .btn-default, .modal-footer .btn-primary, #mba-apply, .yui-content .button, .btn-warning, #edit-meta-newtag-form div .btn, .new-page-box .button, #page-templates, #recent-posts-category, .forum-recent-posts-box form .btn, .owindow .button-bar .btn { border: var(--button-border)!important; background: var(--button-background)!important; color: var(--text-color); } #h-perpage:hover, .optionstd a:hover, .new-post .btn:hover, #history-form-1 .btn-sm:hover, .well .btn-sm:hover, .change-textarea-size a:hover, .buttons .btn-small:hover, .action-area .btn-default:hover, .action-area .btn-primary:hover, .col-lg-10 .form-control:hover, .form-actions .btn-danger:hover, .buttons .btn-default:hover, .target a:hover, .buttons .btn-danger:hover, #edit-cancel-button:hover, #edit-save-button:hover, .button-close-message:hover, .button-close-window:hover, .button-cancel:hover, .button-insert-code:hover, #wd-ed-codewizard-type:hover, #wd-ed-imagewizard-position:hover, #wd-ed-imagewizard-uri:hover, #wd-ed-imagewizard-byuri .button:hover, #wd-ed-imagewizard-flickr:hover, #wd-ed-imagewizard-byflickr .button:hover, .query-area .button:hover, .button-close:hover, .button-rename:hover, .button-no\,-cancel:hover, .button-yes\,-delete:hover, #file-upload-form .btn-primary:hover, .button-move:hover, #action-area .buttons .btn-primary:hover, #edit-page-form .buttons .btn-info:hover, #view-diff-div .button:hover, .button-yes\,-revert:hover, .modal-footer .btn-danger:hover, .modal-footer .btn-default:hover, .modal-footer .btn-primary:hover, #mba-apply:hover, .yui-content .button:hover, .btn-warning:hover, #edit-meta-newtag-form div .btn:hover, .new-page-box .button:hover, #page-templates:hover, #recent-posts-category:hover, .forum-recent-posts-box form .btn:hover, .owindow .button-bar .btn:hover { border: var(--button-hover-border)!important; background: var(--button-hover-background)!important; color: var(--button-hover-color); text-decoration: none; } .pager .current { background: var(--button-current-background); color: var(--text-color); } .pager { line-height: 25px; } #parent-page-name-list { color: #333; } #history-subarea a { text-transform: capitalize; } #history-subarea a:hover { background: none; } .highlight td { background-color: var(--body-background); } .post .active td { background: var(--body-background)!important; text-decoration: underline dashed; } #rev-type-new, #rev-category, #rev-perpage { outline: 0; } .btn-large, #edit-meta-addbutton .btn-primary, #rename-show-backlinks { padding: 5px; } a.action-area-close.btn.btn-danger { background: none; } .wd-editor-toolbar-panel { filter: brightness(80%); } /* Errors */ .error-inline { color: var(--error-color); border: none; } .error-inline::before { content: " "; } span.error-inline em { font-style: normal; } span.error-inline em::before { content: '"'; } span.error-inline em::after { content: '"'; } .error-block { border: 1px dashed var(--error-color); color: var(--error-color); } /* Forum Stuff */ .forum-thread-box .description-block, .well { padding: .5em 1em; border-radius: var(--forum-thread-border-radius)!important; Border: var(--forum-thread-border)!important; background: var(--forum-thread-background)!important; color: var(--text-color); box-shadow: var(--forum-thread-box-shadow); margin: 1em; } .thread-container .post .head { padding: 0.5em 1em; background-color: rgba(0,0,0,0.21); box-shadow: inset 2px 3px 6px rgba(0,0,0,.15); border-radius: 5px 5px 0 0; } .folded .short { background: rgba(0,0,0,0.12)!important; } .head .description { word-wrap: break-word; } .long .content p { word-wrap: break-word; } .forum-group table td { background: none!important; border: none; padding: 5px 1px; } .forum-group table td.name .title { font-weight: bold; margin-left: 5px; } .action-area { border: var(--action-area-border); background: none; } .thread-container .well { border: var(--forum-thread-border); background: var(--forum-thread-background); } .forum-category-box .table { border: none; } .forum-group table td.name .description { color: var(--text-color); font-size: 87%; margin-left: 5px; } .forum-category-box table td { padding: 5px 10px; border: none; background: none; } .collapsible-block { overflow-wrap: break-word; } /* Add some spacing below close collapsible links */ .collapsible-block-unfolded-link { margin-bottom: 10px; } /* Text Box Forms */ #thread-description, #np-text, #post-edit, .field-header .form-wiki, .field-content .form-wiki, .text.form-control, #file-comments, .form .text, #edit-meta-newtag-form .text, .new-page-box .text, #edit-page-textarea, #edit-page-title, #edit-page-comments, .query-area .text, #membership-by-apply-text, .yui-content .text { background: var(--text-box-form-background); border: var(--text-box-form-border); color: var(--text-color); } input#page-tags-input.text { max-width: 330px; } .alert-info { background: none!important; border: var(--alert-info-border)!important; } .forum-start-box div.head { background-color: #192a44; border: none; } .forum-start-box .head .title { text-align: center; } .head .title { color: rgb(181,181,181); word-wrap: break-word; } .head .description { color: rgb(181,181,181); text-align: center; } .forum-group table { border-collapse: collapse; border-spacing: 1px; } .forum-group .name .description { font-size: 0.9em; padding: 3px 0; } .forum-group .head .title { font-size: 1.1em; } .forum-category-box table { border-collapse: collapse; } .forum-category-box table .head td { background: #192a44!important; font-size: 1.1em; font-weight: bold; } .forum-category-box table tr:nth-child(even), .forum-group table tr:nth-child(even) { background: var(--forum-category-background-even); } .forum-category-box table tr:nth-child(odd), .forum-group table tr:nth-child(odd) { background: var(--forum-category-background-odd); } /* Retitle Forum Headers */ .forum-start-box .head td:nth-child(1) { font-size: 0px; } .forum-start-box .head td:nth-child(1)::after { font-size: 11px; content: "Category Name" } .forum-start-box .head td:nth-child(4) { font-size: 0px; } .forum-start-box .head td:nth-child(4)::after { font-size: 11px; content: "Last Post" } /* Add a space before "Jump!" links in the forum */ .forum-start-box td.last span.odate:after { content: " "; } .forum-category-box .head td:nth-child(1) { font-size: 0px; } .forum-category-box .head td:nth-child(1)::after { font-size: 11px; content: "Thread Name"; } .forum-category-box .head td:nth-child(2) { font-size: 0px; } .forum-category-box .head td:nth-child(2)::after { font-size: 11px; content: "Original Poster"; } .forum-category-box .head td:nth-child(4) { font-size: 0px; } .forum-category-box .head td:nth-child(4)::after { font-size: 11px; content: "Most Recent"; } /* Hide Forum Signatures */ .signature { Display: none; } /* Show-Changes Highlights */ del { background: var(--show-changes-del-background)!important; text-decoration: none; white-space: normal!important; } ins { background: var(--show-changes-ins-background)!important; white-space: normal!important; } ins::before, del::before { content: "+"; position: absolute; left: 0.75em; font-size: 200%; color: transparent; width: 10px; height: 10px; border: 1px solid #000; } ins::before { border-radius: 10px; background: var(--show-changes-ins-background)!important; } del::before { background: var(--show-changes-del-background)!important; } /* Code Boxes */ .code { background: var(--code-background); border: var(--code-border); padding: 15px; } .code pre span { color: var(--text-color); } .code .hl-main pre { display: contents; } .revisions .active td { background: none; } .revisions td { padding: 2px; } .revisions .active { background-color: #3d3d3d; } #revision-list tr:nth-child(1) td { text-align: center; font-weight: bold; } .changes { color: var(--text-color); } .changes-list-item .comments { color: #a0a0a0; } .changes-list-item:hover { background: #333; } .statistics { color: var(--text-color); } .warning-block { background: #e2e25c; } .license-area { color: var(--text-color)!important; } #h-perpage { outline: none; } .list-pages-box table { padding-bottom: 0.5em; } .list-pages-box table.tableStyle { padding-bottom: 0; } .content-type-description-2 tr { background: none; } table.page-history tr td:nth-child(2) { min-width: 50px; } /* Tooltip Localization */ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #333; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltip .tooltiptext::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } .tooltip .tooltiptext { opacity: 0; transition: all 0.2s ease-in-out; } .tooltip:hover .tooltiptext { opacity: 1; } .tooltipblue { position: relative; display: inline-block; } .image-caption-top .tooltipblue img { filter: invert(91%) hue-rotate(150deg); } .tooltipblue .tooltiptextblue { visibility: hidden; width: 120px; background-color: #2476db; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; position: absolute; z-index: 1; } .tooltipblue:hover .tooltiptextblue { visibility: visible; } .tooltipblue .tooltiptextblue::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #2476db transparent transparent transparent; } .tooltipblue .tooltiptextblue { opacity: 0; transition: all 0.2s ease-in-out; } .tooltipblue:hover .tooltiptextblue { opacity: 1; } /* Hide Preview and Page Version Popups */ #action-area-top .preview-message, #page-version-info { display: none; } /* Page Editing Form */ @media (min-width: 1200px) { #edit-page-form { margin-left: -100px; margin-right: -65px; } } #np-text { padding: 3px 5px; } #np-title { padding: 0 5px; margin: 5px 0; } /* Image Hover Enlarge */ @media (min-width: 769px) { #edit-page-textarea { padding: 20px 30px; border: var(--thick-border); } .enlarge { transition: .05s; position: relative; } .enlarge:hover { transform: scale(1.5); transition: .05s; transition-delay: .2s; z-index: 2; } .mobileOnly { display: none; } .left-column hr, .right-column hr { border: none; height: 1px; Margin: 1em 0; } } .open-themes a { position: absolute; bottom: 125px; right: -50px; z-index: 14; text-align: center; transition: all 0s ease 0s; width: 1em; height: 1em; font-size: 20px; padding: 2px; } .open-themes a:hover { text-decoration: none!important; transition: all 0s ease 0s; } @media (max-width: 768px) { .open-themes a { width: 13px; height: 15px; padding: 0 2px 2px; bottom: 135px; right: -25px; font-size: 13px; } .open-themes-block { padding: 0; max-width: 100%; position: absolute; left: 1em; bottom: 0px; z-index: 0; } } .open-themes p { margin: 0; } /* Hide Banned Users */ .printuser a[href*="the-fozz-2"]:nth-child(1) { visibility: hidden; } .printuser a[href*="the-fozz-2"]:nth-child(2) { font-size: 0; } .printuser a[href*="the-fozz-2"]:nth-child(2)::before { content: "(account banned)"; font-size: calc(0.8 * 16px); color: var(--text-color); } .modal-body img[src*="userid=6209186"] { display: none; } /* Viewport */ @viewport { width: device-width; zoom: 1.0; } /* Internet Explorer Viewport */ @-ms-viewport { width: device-width; zoom: 1.0; } /* Opera Viewport */ @-o-viewport { width: device-width; zoom: 1.0; } /* Google Chrome Viewport */ @-webkit-viewport { width: device-width; zoom: 1.0; } /* FireFox Viewport */ @-moz-viewport { width: device-width; zoom: 1.0; } /* Mobile Compatibility */ @media (max-width: 768px) { .desktopOnly { display: none; } ins::before, del::before { left: 0.25em; } .content-panel.content-toc { float: none; border-radius: var(--element-border-radius); margin: 5px 0 5px 5px; } .edit-page-bottomtable .alert-info { display: none; } .owindow { min-width: 80%; max-width: 99%; } .modal-body .table, .modal-body .table ~ div { float: left; } .owindow .button-bar { float: right; } .owindow div a.btn-primary { width: 100%; float: left; } #edit-page-form { margin-left: 10px; margin-right: 10px; } #header h2 { font-size: var(--header-mobile-tagline-font-size); } #top-bar { position: relative; top: 145px; } .side-block { margin-right: 0!important; padding-right: 0!important; } #side-bar .menu-item>a { padding-right: 0!important; } .mobile-top-bar ul li:last-of-type ul { right: 0; } /* Hide Search Button Input */ #search-top-box-input { display: none; } /* Relocate Search Button */ #header .button { position: relative; top: 27px; left: 18px; } #page-content { font-size: 0.9em; } #main-content { margin: 0; } #header, .mobile-top-bar { max-width: 100%; } #side-bar { width: 80%; position: relative; } .top-bar { display: none; } .mobile-top-bar { display: block; padding: 0; } .page-options-bottom a { padding: 0 4px; } #header h1 a { font-size: var(--header-mobile-font-size); } blockquote { margin: 1em 0; } #header { background-position: 0 5.5em; background-size: 60px; } #header h1, #header h2 { margin-left: 66px; } #header a span, #header a::before { position: relative; top: 10px; } table.form td, table.form th { float: left; } td.name { width: 15em; } table.form td, table.form th { padding: 0; } #edit-page-title { max-width: 90%; } .left-column, .right-column { width: calc(100% - 40px); padding: 0 20px; float: left; margin: 10px 0; } #page-content div, #page-content div table { clear: both; } #page-content div.title { word-break: keep-all; } .page-history tbody tr td:last-child { width: 35%; } .page-history { font-size: 0.7em; } .yui-navset { z-index: 1; } .sideTabview .yui-nav li { font-size: 90%; } .sideTabview .yui-nav li a em { padding: 20px 10px!important; } #navi-bar, #navi-bar-shadow { display: none; } .sideTabview .yui-navset, .sideTabview .yui-nav, .sideTabview .yui-content, .sideTabview .yui-content>div { max-height: 500px!important; } .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 15; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: var(--sidebar-mobile-open-menu-border); background: var(--sidebar-mobile-open-menu-background)!important; border-radius: 0.3em; color: var(--sidebar-mobile-open-menu-color)!important; transition: all 0s ease 0s; } .open-menu a:hover { text-decoration: none!important; color: var(--link-color)!important; border: solid var(--link-color); transition: all 0s ease 0s; } #main-content { max-width: 90%; margin: 0 5%; padding: 0; } #side-bar { display: block; position: fixed; top: 0; left: -25em; width: 17em; height: 100%; background: var(--sidebar-mobile-background); overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; -webkit-transition: left 0.5s ease-in-out 0.1s; -moz-transition: left 0.5s ease-in-out 0.1s; -ms-transition: left 0.5s ease-in-out 0.1s; -o-transition: left 0.5s ease-in-out 0.1s; transition: left 0.5s ease-in-out 0.1s; } #side-bar::after { content: ""; position: absolute; top: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; border: 1px solid #dedede; z-index: 10; } #side-bar:target + #main-content { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3) 1px 1px repeat; z-index: -1; } .image-block { Margin: 10px 0!important; float: none!important; } .image-block, .image-caption, .image-caption-top, .image-block img { width: 100%!important } .hazard-image-block .image-caption-top img { width: 35px!important; } .tableStyle { margin-right: 0; } .featured-block.left-column .body-panel, .featured-block.right-column .body-panel { height: 100%; } .featured-block.left-column, .featured-block.right-column { width: 100%; } .content-panel, .content-box { Margin: 5px 0px; } #header h2::before { position: relative; top: 15px; } }