Link to article: SCP-001.
.content-panel .yui-navset .yui-content {
display: contents;
background-color: transparent;
padding: 0;
border: none;
counter-reset: series;
}
.content-panel .yui-navset .yui-nav {
border: none;
text-align: right;
margin: 0.25rem 0 -0.5rem;
}
#page-content .content-panel .yui-navset .yui-nav li {
margin: 0;
padding: 0;
}
#page-content .content-panel .yui-navset .yui-nav li a {
color: #b01;
font-size: 0.875em;
}
#page-content .content-panel .yui-navset .yui-nav li a:hover,
#page-content .content-panel .yui-navset .yui-nav li a:focus,
#page-content .content-panel .yui-navset .yui-nav li a:active {
text-decoration: underline;
}
#page-content .content-panel .yui-navset .yui-nav li a em {
margin: 0 0 0 auto;
padding: 0.175em 0;
width: max-content;
}
.content-panel .yui-navset .yui-nav a,
.content-panel .yui-navset .yui-nav a:hover,
.content-panel .yui-navset .yui-nav a em {
border: none;
background: transparent !important;
}
.content-panel .yui-navset .yui-nav li { pointer-events: none; }
.content-panel .yui-navset .yui-nav li a em { pointer-events: auto; }
.content-panel .yui-navset .yui-nav li a::before {
font-weight: bold;
color: black;
display: inline-block;
}
.content-panel .yui-navset .yui-nav li:nth-of-type(1) a::before {
content: "Displaying in release order";
}
.content-panel .yui-navset .yui-nav li:nth-of-type(2) a::before {
content: "Displaying in random order";
}
.content-panel .yui-navset .yui-nav .selected {
display: none;
}
.content-panel .yui-navset .yui-content > div {
padding: 0.25rem 0 1.5rem;
text-align: center;
transition: opacity 0.35s ease-out;
}
.content-panel .yui-navset .yui-content > div:first-child > p { display: contents; } /* iframe p de-wrapping */
.content-panel .divider {
position: relative;
color: #bfbfbf;
font-weight: 600;
margin-block: 1.25rem;
font-size: 0;
counter-increment: series;
}
.content-panel .divider::before {
content: "";
display: block;
height: .1rem;
width: 100%;
background: linear-gradient(to right, transparent, currentcolor, transparent);
}
.content-panel .divider::after {
content: counter(series, upper-roman);
font-size: .675rem;
background: #fcfdfb;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-inline: .25rem;
}
/*
Some browsers assume that when "display:none" is applied to replaced elements, the visual info for that element is no longer needed. This is to prevent the iframe from re-rendering every time the tab is clicked off and on.
https://stackoverflow.com/questions/2730046/javascript-problem-with-iframe-thats-hidden-before-loaded/2786429#2786429
*/
.content-panel .yui-navset .yui-content > div[style*="none"] {
display: block !important;
max-height: 0rem;
overflow: hidden;
padding: 0;
visibility: hidden;
opacity: 0;
}
width: 100%; border: solid 1px black;
display: inline-block;width: 194px;height: 16px;font-size: 0;background: url(https://scp-wiki.wdfiles.com/local--files/scp-001/sdl-ihp-001.gif) no-repeat;vertical-align: text-bottom;background-size: 192px;
content-panel
standalone
series
content-panel
standalone
series
iframe
proposals
most-recent
content-panel
standalone
series
image
divider
divider
divider
divider
divider
divider
divider
divider