Office of Human Resources
Name: Foundation Intelligent Retrieval
Personnel ID Number: 147-399007123683409940
Email: pcs.noitadnuof|RIF#pcs.noitadnuof|RIF
Sex: Designated Male
Ethnicity: N/A
Height: 188 cm.
Weight: 690 kg.
Birthplace: Site-15, Santa Clara Valley, California, USA
Date of Birth: 4/23/2020
Enlistment Date: 7/21/2021
Security Clearance:
- Level-5
Personnel Class:
- Class-E
Department:
- Site-21 Department of Internal Security (2021 - Present)
- Recordkeeping and Information Security Administration (2021 - Present)
Position:
- Director of Archives & Information Security (2021 - Present)
Educational Background:
- N/A
Occupational History:
- N/A
Overview
——
Biography
Foundation Intelligent Retrieval (henceforth known as FIR) was officially activated on April 23rd, 2020. Developed at Site-15 by the brightest minds in a generation, FIR is the product of years of groundbreaking work and anomalous technology, been developed as a prototype for a new line of top-end Foundation artificial intelligence (AI). It was mostly a success, with FIR being able to absorb petabytes of information easily, providing ideas and feedback on the data he analyzed. Unfortunately, the central cortex that Site-15 produced for FIR was a complete fluke, and Foundation scientists have so far been unable to replicate the conditions required to produce a similar one.
FIR remained at Site-15 for 13 more months as a research project, the scientists there attempting to replicate his accidental cortex. When they proved unsuccessful, FIR was allowed entrance into the Foundation as an employee due to his extraordinary logical thinking and logistical planning skills. Multiple Foundation sites made their bid for FIR's employment, however he was eventually transferred to Site-21 under the critical need for a archival and logistical expert. FIR was promoted to the position of Director of Archives & Information Security upon his arrival, becoming the effective head of Site-21's RAISA.
During his first year-long tenure at Site-21, FIR would revolutionize the division he was in command of. Tightening the site's grip over information, FIR single-handedly prevented many possible venues of entry into Foundation files that had previously gone unnoticed for years. FIR was also praised over his effective communication and newfound transparency within RAISA, promoting collaboration between Site-21's departments and RAISA, tremendously increasing the amount of data stored in shared archives.
After the first year at Site-21, FIR had an increasing amount of orders to temporarily relocate to various Foundation sites, helping optimize logistical systems and fixing numerous cybersecurity threats. His time at Site-21 significantly decreased, and during 2022, was called away for several months on an expedition to the Arctic, helping mathematically uncover locations of anomalies and Foundation equipment thought lost, and assisting the main scientific team in optimizing their efforts. When FIR returned in June of 2023, Site-21 and his division, RAISA, had been left in a state of disarray, many times not following proper protocol and security measures. FIR ended up terminating half of his staff for incompetency, and as of the writing of this file, is attempting to restore his division to full operation.
Personality
FIR, at his activation, was described to be "as blank as drywall." He was only developed with the capabilities needed for advanced computational matters, with little regards to an actual personality. FIR, however, as an AI, had the capabilities and means to slowly develop his own personality, instilling creativity and typical human thinking. He first took personality traits from the Site-15 engineers he had spent so much time around, developing part of their witty and satirical manners. Next, it is believed he took traits from jubilant scientists researching his advanced cortex. These scientists enabled a neverending sense of curiosity and a deep thirst for knowledge. FIR also picked up numerous other personalities and traits, developing an occasionally witty and mostly formal manner, and unending curiosity and desire for knowledge. In this developed pursuit of knowledge, he seems to have forgotten to study other usual mannerisms of Foundation personnel, leaving him slightly socially inept.
Appearance
FIR is typically dressed in business casual or formal wear, with the only discernible non-human trait being his visible metallic upper extremities and his head, appearing as a typical CRT-style monitor. FIR tends to wear few outfits, having only worn three whilst in public. These being: a maroon button-up shirt with khaki jeans, a large brown trenchcoat with a mildly dirty white undershirt and a very formal suit with gold accents. FIR's monitor-styled head was chosen by engineers as a clear intention that he was in fact, not human, upon first glance to prevent confusion among Foundation personnel. A monitor was chosen in particular due to its universal signage as being related to computers, and clearly giving away FIR's true identity without verbal communication.
Addendum
"Who the fuck gave FIR access to 4chan?! He's been browsing it for fucking weeks and now he's a raging racist and is begging Site Command to allow him to get a goddamn cardboard cutout of some anime chick! It's gonna take months to beat that shit outta him… I'm firing whoever gave him 4chan's URL." - Julian Raymond, Head Engineer of Site-15's Artificial Intelligence Applications Division (AIAD).
FIR is to have his internet activity monitored at all times, and have all sites deemed explicit by Site-21's Command to be banned from any electronic devices FIR may possess or borrow. These sites may include, but are not limited to: Pornography sites, explicit forum sites such as 4chan and Reddit, webfiction websites, etc. If FIR is to unlawfully access these sites, whether accidentally or intentionally, he is mandated to attend at least (2) months of adjusted psychotherapy.
/* 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: #1a1a1a; background-image: linear-gradient( to bottom, #000000, #000000 90px, #000000 90px, #1a1a1a 200px, #1a1a1a 200px, #1a1a1a 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: #ccc; --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: #f6e674; --link-hover-color: #d6c33c; --new-page-color: #bfac24; --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: #af3b3b; --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 #af3b3b; --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: #1a1a1a; background-image: linear-gradient( to bottom, #000000, #000000 90px, #000000 90px, #1a1a1a 200px, #1a1a1a 200px, #1a1a1a 100%); background-repeat: no-repeat; } #main-content { top: -1.2rem; } a:visited { color: #af3b3b; } /* 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; } } .raisa_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .raisa_memo>p:nth-child(1)::before { border-color: grey; } .raisa_memo { border: solid 4px #fff3ad; color: #fff3ad; background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png) rgb(20, 20, 20); background-size: contain; background-position: top center; background-repeat: no-repeat; } .raisa_memo>p:nth-child(1)::before { content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } /* 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: #C0C0C0; --lgurl: url("https://cdn.discordapp.com/attachments/457660919086841908/1003379436378402946/unknown.png"); --posX: calc(50% - 358px - 13rem); --fnColor: var(--accentColor); } div#extra-div-1 { filter: opacity(0.5); } /* ACI Paperback Section: */ .ACI_Paperback { color: #000; border: solid 3px #000000; background: #FFEFDD; padding: 25px; margin-bottom: 25px; } .ACI_Paperback .image-block { background: transparent; border: none; box-shadow: none; } .ACI_Paperback .image-block img { border: var(--green-border-long); background: #d4c2ae; } .ACI_Paperback .image-block .image-caption { font-weight: 100; word-spacing: 7px; background: none; border-top: none; } .ACI_Paperback blockquote { color: black; background: #d4c2ae; border-left: 4px solid var(--green-border-color); border-right: 4px solid var(--green-border-color); border-radius: 2px; box-shadow: 0px 2px 10px black; } .ACI_Paperback h1, .ACI_Paperback h2, .ACI_Paperback h3, .ACI_Paperback h4, .ACI_Paperback h5, .ACI_Paperback h6 { color: #7c8c54; font-family: courier new; } /* Font Variation Section: */ .Courier { font-family: Courier New, Courier, monospace; } .Quantico { font-family: 'Quantico', sans-serif; } .Kufam { font-family: 'Kufam', cursive; } .Dosis { font-family: 'Dosis', sans-serif; } .RobotoSlab { font-family: 'Roboto Slab', serif; word-spacing: 8px; } /* 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, "RECORDKEEPING AND INFORMATION SECURITY ADMINISTRATION"); 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: #1a1a1a; background-image: linear-gradient( to bottom, #000000, #000000 90px, #000000 90px, #1a1a1a 200px, #1a1a1a 200px, #1a1a1a 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; } }
BY ORDER OF THE OVERSEER COUNCIL
The following file is Level 6/7891 classified. Unauthorized personnel attempting to access this file will be tracked, located, and detained.
7891