Link to article: Tale Series Hub.
:where(#page-content) h2 {
margin-block-start: 1rem;
padding-bottom: .25em;
border-bottom: solid 0.05rem #ccc;
}
.info-wrapper {
display: grid;
grid-template-areas: "info legend";
grid-template-columns: minmax(0,1fr) 15.75rem;
gap: 1rem;
font-size: .925em;
margin-block-end: 1.875rem;
}
@media screen and (max-width: 37.5rem) {
.info-wrapper {
grid-template-areas:
"info"
"legend";
grid-template-columns: minmax(0,1fr);
}
}
.info-wrapper > br { display: none; }
.info { grid-area: info; }
.toc-wrapper {
display: block;
list-style: none;
padding: 0; margin: 0;
font-size: .95em;
}
.toc-wrapper > li {
display: grid;
grid-template-areas:
"title action"
"list list";
grid-template-columns: 1fr 3.25rem;
row-gap: .425rem;
}
.toc-wrapper :is(table,tbody, tr, td) {
display: contents;
}
.toc-wrapper .foldable-list-container {
grid-area: action;
display: grid;
align-items: center;
justify-content: end;
border-bottom: solid 0.05rem #ccc;
}
:where(.folded) .foldable-list-container a:nth-child(2) { display: none; }
:where(.unfolded) .foldable-list-container a:nth-child(1) { display: none; }
#toc {
display: contents;
margin: initial;
padding: 0;
border: none;
background: transparent;
}
#toc-action-bar { display: none; }
#toc-list {
grid-area: list;
margin: 0;
counter-reset: toc-index;
}
:where(.folded) #toc-list { display: none; }
#toc-list > div {
margin-block: .45em;
margin-left: 0!important;
line-height: 1.15;
}
#toc-list > div[style*="3em"] {
display: grid;
grid-template-columns: 1.5rem 1fr;
gap: .25rem;
align-items: baseline;
margin-left: 0!important;
font-size: .95em;
}
#toc-list > div[style*="3em"]::before {
counter-increment: toc-index;
content: counter(toc-index) ".";
font-size: .75em;
text-align: end;
font-feature-settings: 'case','ss01','ss04','tnum';
}
#toc-list > div[style*="3em"] > a {
grid-column: 2/3;
width: fit-content;
}
#toc .title {
grid-area: title;
display: grid;
align-items: center;
margin: 0;
padding: 0.425rem .175rem;
border-bottom: solid 0.05rem #ccc;
text-align: start;
}
.legend { grid-area: legend; }
.legend table { width: 100%; margin: 0;}
.legend table tr:first-child {
border-bottom: solid 0.05rem #ccc;
}
.legend table td {
border: none;
padding: .5rem .325rem;
}
.legend table tr:first-child td {
font-weight: bold;
padding-inline: .175rem;
}
.legend table tr td:first-child {
width: 2.25rem;
}
.feature-marker, .spotlight-marker, .complete-marker {
--_icon: var(--feature-icon);
display: block;
position: relative;
margin: auto;
font-size: 0;
height: 1.325rem; width: 1.325rem;
background-color: rgb(var(--feature-color));
-webkit-mask: var(--_icon) center no-repeat;
mask: var(--_icon) center no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.spotlight-marker {
--_icon: var(--spotlight-icon);
width: 1.75rem;
background-color: rgb(var(--spotlight-color));
}
.complete-marker {
display: inline-block;
height: 1rem; width: 1rem;
margin-inline: .125rem;
--_icon: var(--complete-icon);
background-color: currentColor;
vertical-align: text-bottom;
}
/*----------------------------*/
#page-content {
--box-accent: #4b4848;
--feature-color: 253 183 34;
--spotlight-color: 37 161 224;
--feature-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 90 86'%3E%3Cpath fill-rule='evenodd' d='m49 2.6 10.6 23.1a1.5 1.5 0 0 0 1.2 1l25.3 2.9a4.4 4.4 0 0 1 2.5 7.5L69.8 54.4a1.5 1.5 0 0 0-.5 1.4l5 25a4.3 4.3 0 0 1-6.3 4.7L45.8 72.9a1.5 1.5 0 0 0-1.6 0L22 85.5a4.4 4.4 0 0 1-6.4-4.7l5-25a1.5 1.5 0 0 0-.4-1.4L1.4 37A4.4 4.4 0 0 1 4 29.6l25.3-3a1.5 1.5 0 0 0 1.2-.9L41 2.6a4.4 4.4 0 0 1 8 0z'/%3E%3C/svg%3E");
--spotlight-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 44.6'%3E%3Cpath d='M1 27h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2zm12-4a1 1 0 0 1-.5-.1l-11-6a1 1 0 1 1 1-1.8l11 6A1 1 0 0 1 13 23ZM2 41a1 1 0 0 1-.5-1.9l11-6a1 1 0 1 1 1 1.8l-11 6a1 1 0 0 1-.5.1ZM15 6a3 3 0 0 0 3-3 1 1 0 0 1 2 0 3 3 0 0 0 3 3 1 1 0 0 1 0 2 3 3 0 0 0-3 3 1 1 0 0 1-2 0 3 3 0 0 0-3-3 1 1 0 0 1 0-2zm4 2a5 5 0 0 1 1-1 5 5 0 0 1-1-1 5 5 0 0 1-1 1 5 5 0 0 1 1 1Zm25 10.6v18.6a3 3 0 0 1-2 2.8l-6 2.3V13.2l6.2 2.7a3 3 0 0 1 1.8 2.7Zm-2 .4a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0zm0 11a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zm10-1a1 1 0 0 1-1-1V0h2v28a1 1 0 0 1-1 1z'/%3E%3Cpath d='M49 28a3 3 0 0 0 6 0v-7h3v14H46V21h3zM34 12.3v30.8l-4 1.5V10.5zM28 17v22a12 12 0 0 1 0-22Z'/%3E%3C/svg%3E");
--complete-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 0a45 45 0 1 0 0 90 45 45 0 0 0 0-90Zm18.5 26.7a6.2 6.2 0 0 1 4.4 10.6l-24 24a6.2 6.2 0 0 1-5 2.7 6.2 6.2 0 0 1-5.2-2.7L22.1 49.7a6.2 6.2 0 0 1 4.3-10.6 6.2 6.2 0 0 1 4.4 1.9l8 8 20.4-20.4a6.2 6.2 0 0 1 4.3-1.9z'/%3E%3C/svg%3E");
}
.series-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(10.5rem + 1.75vw),1fr));
gap: .75rem;
margin-block: 1.325rem 2.25rem;
clear: both;
}
.series-block {
--box-accent: inherit;
display: grid;
grid-template-rows: auto 1fr auto;
font-size: .75em;
text-align: center;
position: relative;
background-color: #fff;
box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
}
.series-block.collaboration { --box-accent: #3d8554; }
.series-block .title {
display: flex;
font-weight: bold;
font-size: 1.275em;
}
.series-block .title a {
display: grid;
align-items: center;
flex-grow: 1;
padding: .425rem .5rem;
}
.series-block.reviewers-spotlight .title { background-color: rgb(var(--spotlight-color)/0.075); }
.series-block.featured .title { background-color: rgb(var(--feature-color)/0.1); }
.series-block:where(.featured, .reviewers-spotlight) .title::after,
.large :where(.featured, .reviewers-spotlight) h3::after,
.large :where(._complete) h3::before {
content: "";
display: block;
min-width: 1.25rem;
min-height: 1.25rem;
margin-inline-end: .5rem;
-webkit-mask: var(--_icon) center no-repeat;
mask: var(--_icon) center no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.reviewers-spotlight .title::after,
.large :where(.reviewers-spotlight) h3::after {
min-width: 2rem;
--_icon: var(--spotlight-icon);
background-color: rgb(var(--spotlight-color));
}
.featured .title::after,
.large :where(.featured) h3::after {
--_icon: var(--feature-icon);
background-color: rgb(var(--feature-color));
}
.large :where(._complete) h3::before {
--_icon: var(--complete-icon);
order: 2;
margin: 0;
background-color: currentColor;
}
/*---------------------------*/
.series-block .metadata {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1.125em;
border-top: solid 0.05rem rgb(0 0 0/.1);
}
.series-block .metadata div {
flex-grow: 1;
display: grid;
place-items: center;
padding: .425em;
}
.series-block .footer {
display: flex;
justify-content: end;
box-shadow: inset 0 -0.325rem 0 var(--box-accent);
}
.series-block .footer::before {
content: "";
display: block;
width: 1.75em;
background: var(--box-accent);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
margin-inline-end: -0.05em;
}
.series-block .footer :is(.printuser, .co-au) {
color: #fff9;
display: inline-flex;
align-items: center;
padding: .225em .325em;
background: var(--box-accent);
}
.series-block .footer .printuser::before {
content: "by";
padding-inline-end: .425ch;
}
.series-block .footer a { color: #fff; }
.series-block .footer .co-au {
padding-inline-start: 0;
display: none;
}
.series-block.co-authored .footer .co-au { display: inline-flex; }
.series-block .footer .deleted img { display: none; }
.series-wrapper .pager {
grid-column: 1/-1;
border-bottom: solid 0.175rem var(--box-accent);
}
/*---------------------------*/
.series-wrapper.large {
grid-template-columns: repeat(auto-fill, minmax(16.5rem,1fr));
}
.large .series-block {
--link-color: #b01;
display: flex;
gap: .475rem;
flex-direction: column;
padding-block-start: .5rem;
font-size: .85em;
}
.large .series-block > img {
align-self: center;
height: 4.75rem !important;
}
.large h3 {
display: flex;
justify-content: center;
align-items: center;
gap: .5rem;
font-size: 1.425em;
letter-spacing: initial;
padding-inline: .675rem;
margin: 0;
color: currentColor;
}
.large .series-block h3::after { margin: 0; }
.large .series-block h3 > span { flex-grow: 1; }
.large .series-block .blurb {
flex-grow: 1;
padding-inline: 1.125em;
border-block-start: solid 0.05rem #ccc9;
text-align: start;
}
.large :is(.blurb, h3) a {
color: var(--link-color);
}
.tag-lead {
display: flex;
justify-content: end;
box-shadow: inset 0 -0.325rem 0 var(--box-accent);
font-size: .775em;
font-style: italic;
margin-block-start: -.5rem;
}
.tag-lead::before {
content: "";
display: block;
width: 1.75em;
background: var(--box-accent);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
margin-inline-end: -0.05em;
}
.tag-lead a {
display: block;
padding: .225em .5em;
padding-inline-start: .125em;
color: #fff;
font-weight: bold;
background-color: var(--box-accent);
}
.tag-lead a::before {
content: "See all works tagged";
display: inline-block;
padding-inline-end: .425ch;
color: #fff9;
font-weight: normal;
}
color: #3d8554
font-family: 'Andale Mono', 'Courier New', Courier, monospace; font-size: .8125em; margin: 0; border-style: solid;
background: #111111; color: #efefef; --link-color: #e47412;
border-inline: solid .375rem transparent; border-image: linear-gradient(-30deg, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(246, 216, 221), rgb(247, 168, 184), rgb(179, 157, 233), rgb(85, 205, 252));border-image-slice: 1;
--link-color: #60A654; border-inline: solid 0.2rem ##97CE8E; background: ##F6F6F6;
--link-color: #115AAC; border-inline: solid 0.1rem #115AAC; background: #f5f5f5;
background-color: #dcf2b0; color: #3B5C0A; --link-color: #148c14;
--link-color: hsl(45, 89%, 34%); color: hsl(0, 0%, 5%); background: hsl(45, 99%, 96%); border: .3rem solid hsl(45, 89%, 40%); border-radius: .3rem
background-color: black; color: #f7f7f7; border: .25rem ridge #820e06;
fragment:nav-generic-css
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
info-wrapper
info
legend
feature-marker
spotlight-marker
series-wrapper
content-type-description
series-block
%%tags%%
title
metadata
footer
co-au
info-wrapper
info
complete-marker
blockquote
series-block
blurb
tag-lead
toc-wrapper
folded
foldable-list-container
series-wrapper
large
series-block
_complete
blurb
tag-lead
series-block
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
collaboration
collaboration
blurb
tag-lead
series-block
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
blurb
tag-lead
series-block
_complete
blurb
tag-lead
series-block
blurb
tag-lead
series-block
reviewers-spotlight
_complete
blurb
tag-lead
series-block
blurb
tag-lead
series-block
collaboration
blurb
tag-lead
series-block
_complete
blurb
tag-lead