Link to article: SCP-7646.
:root {
--header-title: "Department of Unreality";
--header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
--header-logo: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
--basalt-secondary-color: 245, 245, 245;
--basalt-background-color: 245, 245, 245;
--basalt-main-text-color: 14, 14, 18;
--vector-white: 245, 245, 245;
--image-caption-background-color: 245, 245, 245;
--top-bar-dropdown-link-color: 14, 14, 18;
--top-bar-dropdown-background: 245, 245, 245;
--top-bar-link-color: 14, 14, 18;
--top-bar-link-background-hover-alt: 14, 14, 18;
--link-color: 14, 14, 18;
--fnColor: #0E0E12;
--astersize: 40;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.drinkbar {width:17rem;height: calc(100vh - var(--header-final-height)); bottom: 20px;}
.drinker { width: 17rem; right:-16rem;}
.drinker iframe {
width: 15rem;
padding: 2px;
margin-right: 5px;
height: 90%;
}
.interview { width: 28rem; }
.file{ width: 31rem; }
.tab:hover + .drinkbar {right: -17em;}
.tab:hover {width:16rem; height: calc(95vh - var(--header-final-height));}
}
@media screen and (min-width: 1025px) {
.drinkbar { width:30rem;height: calc(100vh - var(--header-final-height));}
.drinker { width: 29rem; right:-29rem; }
.tab:hover + .drinkbar {right: -29rem;}
.tab:hover {width:29rem; height: calc(100vh - var(--header-final-height)); }
.interview { width: 45rem; }
.addendum { width:34rem; }
.file { width: 50rem; }
.ayerwrapper {width 35rem;}
.tab { width: 40px; line-height: 0px; }
#page-options-container, .footnotes-footer, .page-tags { width: 40rem !important; margin: 0 auto !important; border: none !important; }
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
}
@media screen and (min-width: 991px) {
.oat_mob{display:none;}
.oat_pc{display:block;}
.pfoa_mob{display:none;}
.pfoa_pc{display:block;}
}
@media screen and (min-width: 769px) {
.drinker{
position: absolute;
height: 90%;
transition: right .25s ease -.225s;
background-color:rgb(245, 245, 245);
border-left: 0.05rem solid black;
z-index:5;
overflow: scroll;
margin-bottom: 30px;
}
.tab {
position: absolute;
right: 0;
top: 45%;
width: 35px;
line-height: 10px;
height: 100px;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d7d6d8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
background-color:rgb(237,237,237);
color: black;
display:block;
writing-mode: vertical-rl;
text-orientation: mixed;
text-align: center;
cursor: pointer;
border-style: solid;
border-width: 0.05rem 0 0.05rem 0.75rem;
border-color: black;
z-index:4;
transition: right var(--side-bar-transition);
font-family: "Outfit", sans-serif;
font-size: .8em;
}
.drinkbar {
position: fixed;
right: 0;
top: calc(1px + var(--header-final-height));
overflow: hidden;
z-index:3;
transition: right var(--side-bar-transition);
}
.tab:hover .drinker {
right: 0;
}
.tab:hover {
border-bottom: 1px solid black;
writing-mode: horizontal-tb;
top: calc(1px + var(--header-final-height));
}
}
@media screen and (max-width: 991px) {
.oat_pc{display:none;}
.oat_mob{display:block;}
.pfoa_pc{display:none;}
.pfoa_mob{display:block;}
}
@media screen and (max-width: 768px) {
.drinker{
position: relative;
height: 90%;
background-color:rgb(245, 245, 245);
overflow: scroll;
margin: 0 auto;
border: .05rem black;
}
.tab {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d7d6d8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
background-color:rgb(237,237,237);
color: black;
text-align: center;
margin: 0 auto;
cursor: pointer;
border-style: solid;
border-width: 0.05rem 0.75rem;
border-color: black;
font-family: "Outfit", sans-serif;
font-size: .8em;
}
}
.info-container{
--barColour: #2c2427;
--linkColour: #FFF;
}
:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
color:white;
}
#page-content hr {
border-top: none;
height: .05em;
background: #454545;
}
#page-content > .collapsible-block {
display: block;
text-align: center;
padding: .8em;
background-color: #e3e3e3;
border-top: 0.125rem dashed #b5b5b5;
border-bottom: 0.125rem dashed #b5b5b5;
}
#page-content > .collapsible-block .collapsible-block-content {
text-align: left;
}
.interview{
border:solid 2px #d4d4d4;
background:#F5F5F5;
padding:1px 15px;
margin: 10px auto;
}
.sass a {
text-transform: lowercase !important;
}
.file{
border:none;
background:#F5F5F5;
padding:1px 15px;
margin: 10px auto;
}
.addendum{
border:solid 1px #5e5e5e;
background:#ffffff;
width:40rem;
padding:1px 15px;
margin: 10px auto;
}
.testfile{
border:solid 3px #643434;
background:#f7efef;
width:90%;
padding:1px 15px;
margin: 10px auto;
}
.letterhead {
padding: 15px;
margin: 15px;
}
:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
color: rgb(var(--basalt-main-text-color));
}
.bibitems .title, .footnotes-footer .title, .bibitems .title hr, .footnotes-footer .title hr {
color: rgb(var(--basalt-main-text-color)) !important;
width: 30rem;
border: none;
}
:scp-wiki:component:preview
[info]
:scp-wiki:theme:bedrock
[info]
:scp-wiki:theme:eigenmachine
[info]
:scp-wiki:component:acs-animation
[info]
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:wide-image-sizer
[info]
:scp-wiki:component:betterfootnotes
[info]
:scp-wiki:component:info-ayers
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
ayerwrapper
oheader
white
pfoa_mob
pfoa_pc
asterisk
interview
letterhead
fnnum
fncon
file
bd
pfoa_mob
pfoa_pc
fnnum
fncon
asterisk
interview
letterhead
file
pfoa_mob
pfoa_pc
fnnum
fncon
asterisk
interview
letterhead
sass
asterisk
drinkbar
tab
drinker
disable
parent
gamecontainer
hoverer
title-screen
title
fades
instructions
rgb
controls
d-pad
button
button
button
button
button
button
bar-container
loading-bar
loading-bar2
row
button-3d
column
disable
hotkey
button-3d
column
disable
hotkey
row
button-3d
column
disable
hotkey
button-3d
column
disable
hotkey
row
boxTitle
hintBox
row
hintWrap
hint
button-2d
unused
hint
button-2d
unused
hintWrap
hint
button-2d
unused
hint
button-2d
unused
hintWrap
hint
button-2d
unused
hint
button-2d
unused
hintWrap
hint
button-2d
unused
hint
button-2d
unused
helpy
numpad
padButton
padButton
padButton
padButton
padButton
padButton
padButton
padButton
padButton
padButton
padButton
padButton
messageWarn
msDiv1
msDiv2
phoneToggler
buttonholder
modulator
msDiv3
msDiv4
msDiv5
buttonholder
modulator
msDiv6
msDiv7
msDiv8
msDiv9
buttonholder
modulator
msDivFin
phoneToggler
buttonholder
modulator
hiddens
phoneToggler
phoneToggler
messageWarn
achievement-container
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
achievement-container
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
achievement-container
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
parent
gamecontainer
hoverer
title-screen
title
fades
instructions
rgb
controls
d-pad
button
button
button
button
button
button
bar-container
loading-bar
loading-bar2
row
column
disable
column
disable
row
column
disable
column
disable
row
boxTitle
rulebox
rules1
disable
rules2
disable
rules3
disable
rules4
disable
messageWarn
msDiv1
msDiv2
buttonholder
mod
msDiv3
msDiv4
msDiv5
buttonholder
mod
msDiv6
msDiv7
msDiv8
msDiv9
buttonholder
mod
msDivFin
buttonholder
mod
hiddens
messageWarn
achievement-container
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
image-slot
disable
footer-wikiwalk-nav