Link to article: SeekGull's Archive.
:root {
--header-title: "SeekGull's Archive";
--header-subtitle: "Also known as Martin";
}
.background {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
position: absolute;
left: 0;
aspect-ratio: 3840 / 2160;
top: 0;
z-index: -1;
pointer-events: none;
user-select: none;
}
.background img {
width: 100%;
height: 100%;
aspect-ratio: 3840 / 2160;
object-fit: cover;
}
@media (max-width: 768px) {
.background {
position: relative;
height: auto;
}
.background img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
}
.exclamation {
width: 20px;
height: 100px;
position: absolute;
top: 38%;
left: 53.5%;
pointer-events: none;
user-select: none;
opacity: 1;
animation: Poof 0.1s ease 10s forwards;
}
@keyframes Poof {
from {opacity: 1;}
to {opacity: 0;}
}
.modal {
position: fixed;
inset: 0;
visibility: hidden;
z-index: 1000;
background: none !important;
border: none !important;
}
.modal:target {
visibility: visible;
}
.modal-overlay {
position: absolute;
inset: 0;
}
.modal-box {
position: absolute;
top: 50%;
left: 50%;
background-color: white;
border: solid 3px rgb(220, 220, 220);
text-align: center;
padding: 1rem;
z-index: 1001;
opacity: 0;
transform: translate(-50%, -45%) scale(0.96);
transition:
opacity 0.25s ease,
transform 0.25s ease;
max-height: 90vh;
max-width: 90vw;
overflow-y: auto;
}
.smallmodal {
text-align: center !important;
}
.modal:target .modal-box {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.modal-trigger {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
cursor: pointer;
transition: transform 0.25s ease;
}
.modal-trigger::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 110%;
height: 110%;
transform: translate(-50%, -50%);
border-radius: 50%;
pointer-events: none;
opacity: 0;
box-shadow: 0 0 500px 20px rgba(0, 0, 0, 0.9);
transition: opacity 0.25s ease, box-shadow 0.25s ease;
}
.modal-trigger:hover {
transform: scale(1.1);
}
.modal-trigger:hover::after {
opacity: 1;
}
.modal-computer {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
width: 13%;
height: 15%;
top: 34%;
left: 48%;
position: absolute;
}
.modal-comments {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
width: 10%;
height: 9%;
top: 57.5%;
left: 62%;
position: absolute;
}
.modal-9008 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/stickynotesmall.png");
width: 5%;
height: 8%;
top: 41%;
left: 37%;
position: absolute;
}
.modal-9890 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
width: 14%;
height: 30%;
top: 0%;
left: 23%;
position: absolute;
}
.modal-9870 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/thermometer.png");
width: 7%;
height: 18%;
top: 44%;
left: 12%;
position: absolute;
}
.modal-8584 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/clown.png");
width: 9%;
height: 18%;
top: 56%;
left: 78%;
position: absolute;
}
.modal-9606 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/frame.png");
width: 9%;
height: 15%;
top: 45%;
left: 66%;
position: absolute;
}
.modal-9501 {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
width: 12%;
height: 30%;
top: 47%;
left: 20%;
position: absolute;
}
.modal-stranger {
background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/hat.png");
width: 11%;
height: 14%;
top: 29%;
left: 36.5%;
position: absolute;
}
@media (max-width: 768px) {
.modal-trigger {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
.mobile-only {
display: none;
}
@media (max-width: 768px) {
.mobile-only {
display: block;
}
}
.exclamation {
display: block;
}
@media (max-width: 768px) {
.exclamation {
display: none;
}
}
#page-info {
color: white !important;
}
#page-watch-options {
color: white !important;
}
#main-content .page-tags span::before {
color: white !important;
}
.page-watch-options a {
color: black !important;
}
display: none
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/scp-9008/Teaser.jpg/medium.jpg)
--src: url(http://scp-wiki.wikidot.com/local--files/scp-9870/cold.jpg)
--src: url(http://scp-wiki.wikidot.com/local--files/scp-8584/crom.png)
--src: url(http://scp-wiki.wikidot.com/local--files/scp-9606/statues.png)
--src: url(http://scp-wiki.wikidot.com/local--files/scp-9501/seat15.png)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/past-the-light/hell.jpg/medium.jpg)
component:preview
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:hoverlinks
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
crom-thumbnail
mobile-only
smallmodal
background
mobile-only
smallmodal
smallmodal
smallmodal
exclamation
modal
modal-overlay
modal-box
modal-trigger
modal-computer
modal
modal-overlay
modal-box
modal-trigger
modal-comments
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-9008
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
modal-trigger
modal-9890
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-9870
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-8584
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-9606
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-9501
modal
modal-overlay
modal-box
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
modal-trigger
modal-stranger