Link to article: 9000contestseekgull-2.
.page-rate-widget-box,
.footer-wikiwalk-nav,
#page-options-container,
#header,
#footer,
#edit-page-form,
#history-form-1,
#page-source,
#action-area {
position: relative;
z-index: 3;
}
.danger-diamond {
position: relative;
z-index: 0;
}
.textbox {
border: solid 0.2rem rgb(var(--general-border-color));
background: #f6f9f7;
color: black;
padding: 1em;
margin: 1em;
}
.box {
border: 2px solid black;
background: #f6f9f7;
color: black;
padding: 1em;
margin: auto;
text-align: center;
width: 150px;
position: relative;
z-index: 3;
}
.ocean img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ocean {
animation-duration: 0.1s;
animation-delay: 300s;
animation-fill-mode: forwards;
opacity: 0;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 2;
pointer-events: none;
user-select: none;
}
.toggle-effect {
animation-duration: 3s;
animation-delay: 301s;
animation-fill-mode: forwards;
animation-play-state: running;
opacity: 0;
position: fixed;
z-index: 3;
pointer-events: none;
user-select: none;
border: 2px solid black;
background: #f6f9f7;
color: black;
padding: 1em;
text-align: center;
width: 170px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes poof {
from {opacity: 0; pointer-events: none; user-select: none }
to {opacity: 1; pointer-events: auto; user-select: all}
}
.toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .ocean {
animation-name: unset;
}
.toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .ocean {
animation-name: poof;
}
.toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
animation-name: unset;
}
.toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
animation-name: poof;
}
.toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
animation-play-state: running;
}
.toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
animation-play-state: paused;
}
.toggle-wrap .when-open {
display: none;
}
.toggle-wrap:has(.toggle-open .collapsible-block-unfolded:not([style*="display: none"])) .when-closed,
.toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .when-open {
display: none;
}
.toggle-wrap:has(.toggle-open .collapsible-block-unfolded:not([style*="display: none"])) .when-open,
.toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .when-closed {
display: block;
}
.logs {
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
width: 97.7%;
}
.logs-header {
text-align: center;
}
table.dialog {
border-collapse: collapse;
}
table.dialog th {
font-family: var(--display-font);
padding: 1.1em 1em 0em 1em;
}
table.dialog td {
font-family: var(--dialogue-font);
padding: 1.15em 0em 0em 0.8em;
}
.blokquote-alt {
margin: .5em 1.25rem;
padding: .825em 1.25em;
}
#page-content table.dialog,
#page-content table.dialog th,
#page-content table.dialog td {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
padding: 0 !important;
}
#page-content table.dialog {
width: 100% !important;
border-collapse: collapse !important;
background: transparent !important;
margin: 0 0 1rem 0 !important;
}
#page-content table.dialog th {
font-family: var(--display-font), system-ui, sans-serif !important;
padding: 0.75em !important;
background: #f0f0f0 !important;
text-align: left !important;
}
#page-content table.dialog td {
font-family: var(--dialogue-font), system-ui, sans-serif !important;
font-size: 1.15em !important;
padding: 0.75em !important;
color: #000 !important;
}
#page-content table.dialog th,
#page-content table.dialog td {
font-size: 1em !important;
}
.logs-header img {
width: 600px;
object-fit: cover;
height: 300px;
display:inline-block;
position: relative;
z-index: 1;
}
.still-frame {
background-color: #f0f0f0;
display: inline-block;
width: 600px;
margin-top: -25px;
position: relative;
z-index: 0;
text-align: center;
margin-top: -25px;
}
@media screen and (max-width: 768px) {
.logs-header img{
width:250px;
}
.still-frame {
width: 250px;
margin-top: -20px;
}
}
.toggle-wrap a {
color: #FF0000 !important;
}
.toggle-wrap .nored a {
color: transparent !important;
}
background: url(
text-align: center;
border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;
text-align: left;
text-decoration:underline; color: #FF0000;
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
toggle-wrap
toggle-effect
when-closed
toggle-open
when-open
ocean
nored
modal
textbox
logs
logs-header
dialog
logs-header
dialog
textbox
logs
logs-header
dialog
textbox
logs
logs-header
dialog
textbox
logs
logs-header
dialog
logs-header
still-frame
dialog
logs-header
still-frame
dialog
logs-header
textbox
logs
logs-header
dialog
logs-header
still-frame
dialog
logs-header
still-frame
dialog
logs-header
still-frame
textbox
logs
logs-header
dialog
logs-header
dialog
logs-header
still-frame
dialog
logs-header
textbox
logs
logs-header
dialog