Link to article: Desk of Marcus Under filled with Art.
:root {
--header-logo: url("https://scp-wiki.wikidot.com/local--files/art:desk-of-marcus-under-filled-with-art/Site-191-Logo-FIXED");
--header-title: "Site-191";
--header-subtitle: "Desk of Dr. Marcus Under";
--title-size: 1.5rem;
--subtitle-size: .825rem;
}
/* Widebox 8000 Image */
.widebox div {
position: relative;
top: 70%;
}
.widebox {
position: relative;
left: calc(-50dvw + 50%);
width: 100dvw !important;
height: calc(45em);
max-width: 100dvw !important;
background-image: url(
http://scptestwiki.wikidot.com/local--files/jawn-hub-pics/sealmain.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
margin-top: -2.40em;
background-color: rgb(var(--dark-accent));
}
/* I stole this from PlaguePJP who stole it from Rounderhouse xd - MarkUnderMark */
/* Base Container for SCP Articles */
.main {
display: block;
height: 18em;
margin: 1em;
padding-left: 0.75rem;
color: #fc0373;
border-color: #f20765;
border-radius: 3px;
text-decoration: none !important;
transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
will-change: transform;
position: relative;
z-index: 1;
overflow: hidden;
}
.feature {
height: 11em;
}
.main:hover {
text-decoration: none !important;
border-color: #FFFFF;
transform: scale(1.05);
z-index: 2;
transition: all 200ms ease-in-out;
}
/* Background Styling */
.art {
background-position: 25% 40%;
background-size: 140%;
background-color: white;
filter: grayscale(100%);
transition: all 200ms ease-in-out;
color: black !important;
}
.art:hover {
background-color: transparent;
filter: grayscale(0%);
text-shadow: #051c2e 0 0 3px;
}
/* SCP Number */
.name {
font-family: var(--UI-font);
font-size: 1.5em;
font-weight: 700;
background-color: white;
display: inline-block;
padding: 1px 1px;
color: black;
margin-bottom: 0.5em;
transition: color 200ms ease-in-out;
}
.art:hover .name {
color: white !important;
background-color: black;
display: inline-block;
padding: 1px 1px;
transition: color 200ms ease-in-out;
}
/* SCP Title */
.subtitle {
font-family: var(--mono-font);
font-style: italic;
font-weight: 300;
font-size: 1em;
color: black;
background-color: white;
display: inline-block;
padding: 1px 1px;
max-width: 350px;
word-break: normal;
overflow-wrap: break-word;
line-height: 25px;
margin-top: 0em;
margin-bottom: 0.2em;
}
.art:hover .subtitle {
color: white !important;
background-color: black;
display: inline-block;
padding: 1px 1px;
transition: color 200ms ease-in-out;
}
/* Other Info */
.info,
.proposal {
font-family: var(--mono-font);
font-style: italic;
font-weight: 200;
font-size: 0.8em;
color: black;
background-color: white;
display: inline-block;
padding: 1px 1px;
max-width: 370px;
word-break: normal;
overflow-wrap: break-word;
line-height: 20px;
margin-top: -0.2em;
margin-bottom: 0.2em;
}
.art:hover .info {
color: white !important;
background-color: black;
display: inline-block;
padding: 1px 1px;
transition: color 200ms ease-in-out;
}
.art:hover .proposal {
color: gold;
transition: color 200ms ease-in-out;
}
/* Mobile Parity */
@media only screen and (max-width: 26.5625rem),
only screen and (max-width: 440px) {
.main {
height: 17vmax;
padding-left: 0.75rem;
border-radius: 3px;
margin: 0.5em;
}
.feature {
height: 14vmax;
}
.name {
font-size: 1.8vmax;
margin-bottom: 1.5em;
}
.subtitle {
font-size: 1.5vmax;
margin-top: -0.6em;
margin-bottom: 0.2em;
line-height: 1em;
max-width: 200px;
}
.info,
.proposal {
font-size: 1vmax;
line-height: 1.2em;
max-width: 200px;
margin-top: -0.3em;
margin-bottom: 0.2em;
}
.tale {
font-size: 3vmax;
line-height: 1.4em;
}
}
/* Reflective Sheen Effect */
.main::before {
content: '';
position: absolute;
top: 0;
left: -60%;
width: 40%;
height: 100%;
background: linear-gradient(
120deg,
rgba(255, 255, 255, 0.02) 0%,
rgba(255, 255, 255, 0.1) 50%,
rgba(255, 255, 255, 0.02) 100%
);
transform: skewX(-20deg);
z-index: 3;
pointer-events: none;
opacity: 0; /* hidden by default */
}
.main:hover::before {
animation: sheen-glide 0.6s ease-out forwards;
opacity: 1;
}
/* Keyframes for sheen motion */
@keyframes sheen-glide {
from {
left: -60%;
}
to {
left: 110%;
}
}
text-align: center; border-color: #FFF
text-align: center; background-color: #c4c4c4;
text-align: center; background-color: #262626;
text-align: left;
text-align: center; background-color: #c4c4c4;
text-align: center; background-color: #262626;
text-align: left;
text-align: center; background-color: #c4c4c4;
text-align: center; background-color: #262626;
text-align: center; background-color: #c4c4c4;
text-align: center; background-color: #262626;
text-align: left;
text-align: center; background-color: #262626;
text-align: center; background-color: #c4c4c4;
text-align: center; background-color: #262626;
text-align: center; background-color: #c4c4c4;
color: #000
text-align: center; background-color: #262626;
background-image: url('https://i.imgur.com/IZpgjsu.jpeg')
background-image: url('https://scp-wiki.wikidot.com/local--files/art:an-eigenmachine-within-a-deepwell/MPREG')
:scp-wiki:component:scp-hover-box-styling
[info]
:scp-wiki:component:classification-effect-source
[info]
:scp-wiki:theme:basalt
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
component:image-block
:scp-wiki:component:acs-animation
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:customizable-acs
[info]
jotting
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
jotted
modal
jotted
main
art
main
art
name
subtitle
info
main
art
main
art
name
subtitle
info
raisa_memo
jotting
modal