Link to article: LTE-1998-Burnout-Blaecca-Parallax.
:root {
--toggle-button-bg: rgb(var(--white-monochrome));
--toggle-border-color: rgb(var(--medium-accent));
--toggle-icon-color: rgb(var(--medium-accent));
--toggle-roundness: 0;
--fnColor: #A4C2EC;
}
.info-container{
--barColour: #A4C2EC;
}
body .italic,
body .italic *,
body em,
body em *,
body i,
body i * {
--slnt: 7;
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.33rem;
background: rgb(var(--bright-accent));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
/* === SIDEBOX DIV === */
/* Originally based on EstrellaYoshte's Sideboxes from the Penumbra Theme */
.limit {
margin-bottom: -1rem;
}
.anchor {
position: sticky;
z-index: 9;
top: 0;
height: 0;
}
.sidebox {
position: absolute;
z-index: 5;
top: 0;
left: 115%;
box-sizing: border-box;
width: calc((100vw - (var(--body-width-on-desktop) + 12rem))/2);
max-height: calc(100vh - 18rem);
margin-top: 0;
margin-bottom: 0.5rem;
padding: .14rem 1rem .14rem;
overflow: auto;
border-top: solid 0.125rem rgb(var(--dark-accent));
background-color: rgb(245, 245, 245);
}
@media (max-width: 80.625rem) {
.sidebox {
right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
left: initial;
width: auto;
max-width: 50vw;
overflow-x: hidden;
overflow-y: hidden;
transition:
max-width 0.2s ease-in-out 0.1s,
color 0.2s ease-in-out 0.1s,
box-shadow 0.5s ease-in-out 0.1s,
background-color 0s ease-in-out 0s,
border-right-width 0.1s ease-in-out 0.1s;
border: none;
border-right: solid 0.25rem rgb(var(--dark-accent));
background-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgb(var(--dark-accent));
color: rgba(0, 0, 0, 0);
pointer-events: none;
scrollbar-width: thin;
}
.sidebox::-webkit-scrollbar {
width: 0.5em;
}
.sidebox * {
transition: opacity 0.2s ease-in-out 0.1s;
opacity: 0;
}
.sidebox::before,
.sidebox::after {
content: " ";
position: absolute;
right: 0;
pointer-events: all;
}
.sidebox::before {
z-index: 10;
top: calc(50% - 0.75rem);
width: 0;
height: 0;
transition: border 0.1s ease-in-out 0.1s;
border-top: 0.75rem solid transparent;
border-right: 0.75rem solid rgb(var(--dark-accent));
border-bottom: 0.75rem solid transparent;
}
.sidebox::after {
z-index: -1;
top: 0;
width: 100%;
max-width: 0.75rem;
height: 100%;
max-height: calc(100vh - 18rem);
transition:
box-shadow 0.5s ease-in-out 0.1s,
max-width 0.5s ease-in-out 0.1s,
border-top-left-radius 0.5s ease-in-out 0.1s,
border-bottom-left-radius 0.5s ease-in-out 0.1s,
border-top 0.25s ease-in-out 0.1s;
background-color: rgb(245, 245, 245);
box-shadow: 0.125rem 0 0 0 rgb(245, 245, 245);
box-sizing: border-box;
}
.sidebox:hover,
.sidebox:active {
overflow-y: auto;
transition:
max-width 0.5s ease-in-out 0.2s,
color 0.5s ease-in-out 0.2s,
box-shadow 0.5s ease-in-out 0.1s,
background-color 0s ease-in-out 0.6s,
right 0.5s ease-in-out 0.1s,
border-right-width 0.1s ease-in-out 0.1s;
background-color: rgb(245, 245, 245);
color: rgb(var(--swatch-text-general));
border-right-width: 0rem;
pointer-events: all;
}
.sidebox:hover *,
.sidebox:active * {
transition: opacity 0.5s ease-in-out 0.2s;
opacity: 1;
}
.sidebox:hover::before,
.sidebox:active::before {
border-top: 0vw solid transparent;
border-bottom: 0vw solid transparent;
}
.sidebox:hover::after,
.sidebox:active::after {
right: 0;
max-width: 100%;
border-top: solid 0.125rem rgb(var(--dark-accent));
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem;
box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary-darkest));
}
}
@media (min-width: 56.25rem) and (max-width: 80.625rem) {
.sidebox {
right: calc(((100vw - (var(--body-width-on-desktop)*1.25 + var(--sidebar-width-on-desktop) - 8rem))/2) * -1 - 1.5em);
}
}
@media only screen and (max-width:56.25rem) {
.anchor {
top: calc(var(--topbar-height-on-mobile) + 0.75rem);
}
.sidebox,
.sidebox:hover,
.sidebox:active {
right: calc(((100vw - (100% - 2.75rem))/2) * -1 + 1.5em);
}
.sidebox::before,
.sidebox::after {
content: " ";
position: absolute;
right: 0;
pointer-events: all;
}
}
div.blockquote {
border: none;
border-right: 5px solid rgb(var(--medium-accent));
border-left: 5px solid rgb(var(--medium-accent));
box-shadow: 1px 1px 4px #27549582;
}
.addendum {
background: #F5F5F5;
border: none;
border-left: 6px solid rgb(var(--dark-accent));
border-right: 6px solid rgb(var(--dark-accent));
width:85%;
padding:10px 15px;
margin: 10px auto;
box-shadow: 1px 1px 4px #27549582;
}
.warning {
box-shadow: 1px 1px 4px #27549582;
}
.scp-image-caption {
color: rgb(var(--white-monochrome));
background-color: rgb(var(--dark-accent)) !important;
box-shadow: none;
margin-top: -1px;
padding-top: 0.75ex !important;
}
.image-block,
.scp-image-block {
box-shadow: 1px 1px 4px #27549582;
}
table.wiki-content-table th {
text-align: center;
}
height: 1px
height: 1px
border: solid 2.5px; border-style: outset; border-color: rgb(var(--bright-accent)); box-shadow: 1px 1px 4px #27549582;
width: 95%; margin: auto
width: 95%; margin: auto
height: 1px
height: 5px
border-bottom: 2px solid #275495;
border-bottom: 2px solid #275495;
height: 3px
height: 10px
border-bottom: 2px solid #275495;
border-bottom: 2px solid #275495;
border-bottom: 2px solid #275495;
border-bottom: 2px solid #275495;
border-bottom: 2px solid #275495;
height: 1px
height: 25px
height: 1px
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:goc
[info]
:scp-wiki:component:toggle-sidebar-bhl
[info]
:scp-wiki:component:betterfootnotes
[info]
:scp-wiki:component:image-features-source
[info]
component:image-block
:scp-wiki:component:license-box-end
[info]
warning
fnnum
fncon
fnnum
fncon
blockquote
blockquote
addendum
blockquote
addendum
limit
anchor
sidebox
blockquote
addendum
blockquote
footer-wikiwalk-nav