Curated Tale Series - Archive

Link to article: Curated Tale Series - Archive.

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
:root {
    --basalt-overtone: 40,40,40;
    --basalt-undertone: 248,60,55;
    --basalt-background-color: 252,252,252;

    --link-color: var(--basalt-undertone);
    --link-visited-color: 240,52,50;

    --main-content-width: 63.5rem;
    --main-content-top-margin: 0rem;
    --base-font-size: 0.9675rem;

    --base-header-height: 2.875rem;
    --header-title: "CTS ARCHIVE";
    --subtitle-size: 0rem;
    --header-background-color: var(--basalt-overtone);
    --header-border-width: 0rem;
    --header-title-color: var(--basalt-light-text-color);
    --top-bar-link-color: var(--basalt-light-text-color);
    --top-bar-link-background-hover-alt: var(--basalt-undertone);
    --top-bar-dropdown-link-color: var(--basalt-main-text-color);
    --side-bar-button-color: var(--basalt-light-text-color);
    --side-bar-button-background-hover: var(--basalt-undertone);

    --tab-hover-background-color: var(--basalt-undertone);

    --bottom-area-text-color: var(--basalt-light-text-color);
    --bottom-area-background-color: var(--basalt-overtone);
}

body {
    background-size: 1.5rem 1.5rem;
    background-image: linear-gradient(rgb(var(--basalt-undertone),0.07) 1px, transparent 1px), linear-gradient(to right, rgb(var(--basalt-undertone),0.07) 1px, transparent 1px);
}

#header h1 a::before { content: unset; }
#page-title { display: none; }
#license-area {
    padding-top: var(--bottom-area-padding);
}
#license-area::before, #license-area::after {
    content: unset;
}

/* --- big display feature ---*/

.display-container {
   display: grid;
   grid-template-columns: 50% 50%;
   grid-template-rows: auto;
   grid-template-areas:
       'image text'
       'image text';
   padding: 8px;
   margin-bottom: 2rem;
   box-sizing: border-box;
}
.display-container.second {
   grid-template-areas:
       'text image'
       'text image';
}

.tale-cover {
    grid-area: image;
    place-self: center;
    justify-self: center;
    box-sizing: border-box;
}
.tale-desc {
    grid-area: text;
    justify-self: stretch;
    padding-left: 1.4rem;
    border-left: solid 0.1rem #333;
    margin-left: 0.8rem;
    box-sizing: border-box;
    font-size: 105%;
}
.tale-desc h4 {
    text-align: right;
    font-weight: normal;
    font-style: italic;
}
.display-container.second .tale-desc {
    padding-left: 0; padding-right: 1.4rem;
    border-left: none; border-right: solid 0.1rem #333;
    margin-left: 0; margin-right: 0.8rem;
}

.tale-cover img {
    width: 480px;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
}
.tale-cover img:hover {
  transform:
    perspective(75em)
    rotateY(25deg);
  box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
.display-container.second .tale-cover img:hover {
  transform:
    perspective(75em)
    rotateY(-25deg);
  box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
}

.tale-desc h1, .multi-grid div h1, .multi-grid-small div h1 {
    font-size: 2em;
    text-align: center;
    letter-spacing: -0.045em;
}
.multi-grid div h1 { font-size: 1.25em; }
.multi-grid-small div h1 { font-size: 1.15em; }

@media (max-width: 700px) {
    .display-container, .display-container.second {
        grid-template-areas:
           'image image'
           'text text';
    }
    .tale-desc, .display-container.second .tale-desc {
        padding: 4px;
        border: none;
        border-top: solid 0.1rem #333;
        margin: 0; margin-top: 1rem;
    }
    .tale-cover img:hover, .display-container.second .tale-cover img:hover {
        transform: none;
    }
}

.year-in-review {
    display: flex;
    align-items: center;
}
.year-in-review + br { display: none; }
.year-in-review::before, .year-in-review::after {
    content: "";
    display: flex;
    flex-grow: 1;
    background-color: #333;
    height: 0.1rem;
}
.year-in-review h1 {
    font-size: 2rem;
    margin: 0 0.75rem;
    padding-top: 0.2rem;
}

.yui-navset.yui-navset-top .yui-content {
    padding: 0.5rem 0 0.1rem 0;
    border: none;
}

/*--- Content Warning span ---*/
#page-content .content-warning {
    display: flex;
    align-items: center;
    color: black;
    font-weight: bold;
    font-size: 82%;
    background-color: #FFD101;
    box-shadow: 0 0 0 4px #ffd101;
    padding: 4px 1em 4px 4px;
    border-radius: 2rem;
    border: solid 2px black;
    justify-content: center;
    text-align: center;
    max-width: max-content;
    margin: 1rem auto auto;
}
#page-content .content-warning::before {
    content: "\26A0";
    font-size: 170%;
    font-weight: normal;
    padding: 3px; padding-left: 4px; padding-top: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 0.3rem;
}

/*--- Complete span ---*/
#page-content .complete {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-family: var(--mono-font);
    color: white;
    background-color: #0096f0;
    box-shadow: 0 0 0 4px #0096f0;
    padding: .5em 1em .5em .75em;
    border-radius: .5rem;
    border: solid .125rem currentColor;
    justify-content: center;
    text-align: center;
    max-width: max-content;
    margin: 1rem auto auto;
}
#page-content .complete::before {
    content: "\26A0";
    content: '';
    display: block;
    height: 1.5em;
    width: 1.125em;
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 67.5%, 0 100%);
    text-align: center;
    margin-right: 0.575em;
}

background-color: #3578e5; color: #fff; padding: 4px 8px; border-radius: 15px; display: inline-block; margin-bottom: -1.5em;

```
year-in-review
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
complete
```
```
year-in-review
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
content-warning
```
```
display-container
```
```
second
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
year-in-review
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
second
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
second
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
second
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
second
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```
```
display-container
```
```
tale-cover
```
```
tale-desc
```

[[include :scp-wiki:info:start]]
[[=]]
The archive for the monthly rotation of series seen on [[[curated-tale-series|]]].

Created by [[*user EstrellaYoshte]] with review-writing assistance from others.
[[/=]]
[[include :scp-wiki:info:end]]

[[div class="year-in-review"]]
+ 2024
[[/div]]
[[tabview]]

[[tab January]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/nF6vPir.png link="https://scp-wiki.wikidot.com/hecatoncheires-cycle-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ Hecatoncheires Cycle
++++ Written by [[[grigori-karpin-s-author-page|Grigori Karpin]]]

A touch telepath and a master planner fight a losing war against an otherworldly thaumaturge, an ex-Soviet carnomancer and a long-dormant death cult. They're going to need more hands on deck.

From the ancient world to the technocratic 1990s, this sprawling epic weaves a thrilling mystery full of faith, betrayal, courage and pride. The hand of the past is very much alive, and even dead gods have power in the time of Project Hecatoncheires.

[[span class="complete"]]Completed 2023/11/19[[/span]]
[[/div]]
[[/div]]
[[/tab]]

[[/tabview]]

[[div class="year-in-review"]]
+ 2022
[[/div]]
[[tabview]]

[[tab January]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/gfMv4FU.png link="https://scp-wiki.wikidot.com/like-clockwork-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ ...Like Clockwork
++++ Written by [[[decibelle|Decibelles]]]

//All I have to do is step forward, remember that "yes" is "yes", and hold on. Eventually, the answer will come for why things are the way they are.//

Follow Researcher Talloran as they navigate the thin line between the real and unreal, chaos and order, internal and --eternal--, and just maybe, claw their way into reconciliation.

//...Like Clockwork// is acutely raw and personal, sometimes intense and always with purpose - it is definitely a worthwhile experience, in every sense of the word.
[[span class="content-warning"]]Abuse, gore, self-harm, suicide, body horror[[/span]]
[[/div]]
[[/div]]

+ Conwell's Choice

[[div class="display-container second"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/izDOMTb.png link="https://scp-wiki.wikidot.com/florence-thorne-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ The Phoenix, The Nightingale, and The Magpies
++++ Written by [[[greenwolf-s-author-page|GreenWolf]]]

//The SCP Foundation has captured one of the most powerful mages ever born. The question remains: What will they do to ensure she remains on their side?//

As the fallout of the Seventh Occult War weighs on humanity, the Foundation tries its best to ensure old enemies don't rise again. The only way to achieve this is to do the unthinkable -- recruit its new enemies as allies.

Filled with arson, magic, geese, and betrayals, //The Phoenix, The Nightingale, and The Magpies// follows the life and times of Florence Elsinger, the Foundation's newest weapon against this ever-changing reality.

++++ (Review by [[[ralliston-s-authorpage|Ralliston]]] and [[[researcher-conwell-s-personnel-file|Jacob Conwell]]])
[[/div]]
[[/div]]
[[/tab]]

[[tab February]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/L4pxmOP.png link="https://scp-wiki.wikidot.com/misfire-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ Misfire
++++ Written by [[[decibelle|Decibelles]]]

//No one said anything. No one moved.//

After two Foundation personnel are found murdered, a confrontation occurs in a Site-19 elevator, resulting in the death of Dr. Carlson.

Foundation investigators piece together the events leading up to this deadly occurance from Dr. Carlson's staff, revealing a tangled web of intrigue and deception. A masterclass in using the tale format to tell a mystery.

++++ (Review by [[[researcher-conwell-s-personnel-file|Jacob Conwell]]])
[[/div]]
[[/div]]
[[/tab]]

[[tab June]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/y95grG2.png link="https://scp-wiki.wikidot.com/speed-demon-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ Speed Demon
++++ Written by [[[dr-arvind-desais-personnel-file|A Random Day]]]

//The first rule of witches — they're all bitches.//

Rukmini "the Rookie" Mahakali is the Chicago Specter's beating heart, a veritable wraith who injects herself with dead demon to wreak havoc across the criminal underworld. Her secret is her magic heart, stolen out of her ex-girlfriend's chest during a lovers' quarrel.

So when the Rookie's ex steals into her new dimension to take it back,  pumping blood through her body becomes the least of her worries.

++++ (Description by [[[uraniumempire|UraniumEmpire]]])
[[/div]]
[[/div]]

[[/tab]]

[[/tabview]]

@@ @@

[[div class="year-in-review"]]
+ 2021
[[/div]]
[[tabview]]

[[tab May]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/SLdaFIm.png link="https://scp-wiki.wikidot.com/wwydftltimd-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ When Will You Die for the Last Time in My Dreams
++++ Written by [[user UraniumEmpire]]

//"The world sucks, and everyone's scrambling to fix that." The ones in said world are themselves flawed people - some are crass, some are vengeful, and some just want to watch the world burn.//
//In the end, the world keeps turning, and people laugh at the uncomfortable reality of their own existence.//

**WWYDftLTiMD** follows the ex-members of House of Spades on their journey to do bad shit, fuck up, do some soul-searching and then more bad shit, with appropriate background music.

It expertly weaves humor, introspection, character-driven actions and sensitive themes together in a mixtape-shaped package you won't forget.
[[/div]]
[[/div]]

+ Underrated Choice

[[div class="display-container second"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/towSTA0.png link="https://scp-wiki.wikidot.com/saffronsands-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ In Saffron Sands
++++ Written by [[[popsioaks-garden|Popsioak]]]

//"The world of **In Saffron Sands** is a completely godless one; in which rampant factions attempt to corral power and support to fulfill what roles have been opened, and one fellow (and his occasionally assholish snake demon) attempt to nix a plot long running behind the scenes."//

**ISS** takes the anomalous world to an oft-overlooked destination in India, and intricately links political intrigue, mythological drama and the struggles of people into a poetic chain of fates, painting a unique picture of the regular anomalous experience in the face of unstable, difficult mundanity.
[[/div]]
[[/div]]
[[/tab]]

[[tab June]]
+ Pick of the Pride Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://scp-wiki.wdfiles.com/local--files/art%3Acurated-tale-series-archive/jude.png link="https://scp-wiki.wikidot.com/jude-s-bizarre-adventure"]]
[[/div]]
[[div class="tale-desc"]]
+ Jude's Bizarre Adventure
++++ Written by [https://scp-wiki.wikidot.com/kinchtheknifeblade-s-author-page kinchtheknifeblade]

If you’re wondering about the origins of //Gamers Against Weed// or just hankering for a gritty supernatural story with a satisfying ending, **Jude’s Bizarre Adventure** is just right.  What starts as a pastiche of JoJo elements injected into the world of AWCY turns into an epic life-or-death struggle with excellent characters, meaningful stakes, and at its core, an examination of the individual struggling against the monolith that is oppressive culture.

Jude is a compelling character, but each of the allies and enemies that are encountered along the way are equally as well developed.  Best of all, it’s a short series that sticks the landing. As a bonus, the series does an excellent job with worldbuilding concerning magic and the anartist community - Highly recommended.
++++ (Review by [http://www.scpwiki.com/grigori-karpin-s-author-page Grigori Karpin])
[[/div]]
[[/div]]

+ Underrated Choice

[[div class="display-container second"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/BBMG4yO.png link="https://scp-wiki.wikidot.com/penny-for-your-thoughts"]]
[[/div]]
[[div class="tale-desc"]]
+ Penny for Your Thoughts?
++++ Written by [https://scp-wiki.wikidot.com/a-wild-alces-alces-is-plugging Rex Atlas]
[[>]]
[[span style="background-color: #3578e5; color: #fff; padding: 4px 8px; border-radius: 15px; display: inline-block; margin-bottom: -1.5em;"]]//And plus you know it's my lucky penny//[[/span]]
[[/>]]
A nice little read about how a coin flip helps one make good, bad, questionable decisions. Quirky and adorable, **Penny for Your Thoughts?** takes the format of text messaging to convey the appropriate sense of familiarity and comfort.

If you want to read about cute relationship and an anomalous penny, this is a recommended read.
[[/div]]
[[/div]]
[[/tab]]

[[tab July]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://scp-wiki.wdfiles.com/local--files/art%3Acurated-tale-series-archive/arche.png link="https://scp-wiki.wikidot.com/placeholder"]]
[[/div]]
[[div class="tale-desc"]]
+ ARCHETYPICALS
++++ Written by [[[placeholder-mcd-s-authorpage|Placeholder McD]]]

//Answering a call to adventure from a higher plane, follow Director Place H. McDoctorate's rag-tag group of Archetypicals across narrative-space-time to research a massive stellar anomaly, exploring the sobering reality of being a secondary character. Are our cast's decisions their own, or are they being manipulated by the STORYHOLE? Will the mad scientist confront his author, or something even beyond?//

Life is just one big story, and they are the archetypal side-characters. Don't let yourself be fooled though, Archetypicals is packed to the gills with charming passion and rich characterization, all while tackling metafiction's most cliche mystery. A must-read for fans of adventures, high concepts, and //deus ex machina//.

[[/div]]
[[/div]]


+ Underrated Choice

[[div class="display-container second"]]
[[div class="tale-cover"]]
[[image https://scp-wiki.wdfiles.com/local--files/art%3Acurated-tale-series-archive/droolpath.png link="https://scp-wiki.wikidot.com/the-drooling-path-part-1"]]
[[/div]]
[[div class="tale-desc"]]
+ The Drooling Path
++++ Written by [[[koths-korner|Kothardarastrix]]]

//James was horrified. No wonder Dr. Scott's office was such a madhouse, if he listened to this on a regular basis.//

Off the cuffs and oddly engaging, //The Drooling Path// gazes into the so-called Heart of Darkness, and see if the abyss gazes back. Take a seat, and enjoy an old-school style dive into the unknown.
[[/div]]
[[/div]]
[[/tab]]

[[tab September]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/M02JThD.png link="https://scp-wiki.wikidot.com/take-it-away-my-darling"]]
[[/div]]
[[div class="tale-desc"]]
+ Take It Away, My Darling
++++ Written by [https://scp-wiki.wikidot.com/dr-k-stuff-s-personnel-file DarkStuff]

//Without eyes, I can not see. Without ears, I can not hear. But I know someone who can. Someone whose hands even now steer what was once my ship, sailing by what were once my stars. My sweetheart, my… daughter.//
//I've never been much of a storyteller. I've never been much of anything, heheh. But don't hear it from me…//

The legacy of Tim Wilson is many things - some calls it irreplaceable, eccentric or even flat-out obsessive, but it's the people he left behind that endeavor to pick up the pieces.

Poignant, character-driven and extraordinarily well-written, TIAmD tells an enriching 3-book story seldom seen on the site, but is no less engaging for it.

[[/div]]
[[/div]]


+ Underrated Choice

[[div class="display-container second"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/qSpXKyi.png link="https://scp-wiki.wikidot.com/progressive-retrograde"]]
[[/div]]
[[div class="tale-desc"]]
+ Progressive Retrograde
++++ Written by [http://scp-wiki.wikidot.com/vivarium-s-word-hole Vivarium]

//We were packing our things the next day and… and… what did we do after that? Why is that memory so fuzzy? We left the house… I… I saw a van pull in front of us… It was full of… something. She screamed as they pulled us into the van.//

//I… I hit one of them.//

A wonderful reading experience from start to finish, aided by the colorful presentation. It tugs on the heartstrings, no doubt because of its CupidCon origins, and manages to successfully squeeze emotion from a subject that's less touched upon on the SCP wiki - romance.

If you've ever felt like you've missed someone, and you never knew exactly why, this is a tale for you.
++++ (Review by [https://scp-wiki.wikidot.com/dr-dune-s-personnel-file J Dune])

[[/div]]
[[/div]]
[[/tab]]

[[tab October]]
+ Pick of the Spooky Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/4z4xydl.png link="https://scp-wiki.wikidot.com/death-perception"]]
[[/div]]
[[div class="tale-desc"]]
+ Death Perception
++++ Written by [[[dr-arvind-desais-personnel-file|A Random Day]]] and [[[tygently-author-page|TyGently]]]

//"Thirty minutes ago, I recalled the memory of a woman telling me not to waste my food," said Munru, accepting a can from Irantu. "It felt like a memory of our mother."//

Join the ever-curious Mobile Task Force "Samsara" on this Halloween adventure, as they set out to write bad fanfiction, join a seance, summon terrible angry spirits, and maybe find out a bit more about themselves.

Terrifically written, Death Perception takes our out-of-this world characters to tell a grounded story about self-discovery, and how things naturally go on a (comparatively) supernatural day.

[[/div]]
[[/div]]
[[/tab]]

[[tab December]]
+ Pick of the Month

[[div class="display-container"]]
[[div class="tale-cover"]]
[[image https://i.imgur.com/nF6vPir.png link="https://scp-wiki.wikidot.com/hecatoncheires-cycle-hub"]]
[[/div]]
[[div class="tale-desc"]]
+ Hecatoncheires Cycle
++++ Written by [[[grigori-karpin-s-author-page|Grigori Karpin]]]

//When he finally stood to leave that abattoir of his own invention, he turned and looked at me. His eyes no longer burned blue, but I could feel his gaze upon me for what felt a century. I could barely hear his words as he neared the exit to the crypt, but I am sure it was meant for me to hear. "Do better."//

A touch telepath and a master planner fight a losing war against an otherworldly thaumaturge, an ex-Soviet carnomancer and a long-dormant death cult. They're going to need more hands on deck.

From the ancient world to the technocratic 1990s, this sprawling epic weaves a thrilling mystery full of faith, betrayal, courage and pride. The hand of the past is very much alive, and even dead gods have power in the time of Project Hecatoncheires.

++++ (Review by [[[this-page-intentionally-left-blank|HarryBlank]]])

[[/div]]
[[/div]]
[[/tab]]

[[/tabview]]

-----

+ See also

* [https://scp-wiki.wikidot.com/curated-tale-series Curated Tale Series]
* [https://scp-wiki.wikidot.com/series-archive Series Archive]
* [https://scp-wiki.wikidot.com/user-curated-lists User-Curated Lists]

[[include :scp-wiki:theme:bedrock]]
[[module css]]
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
:root {
    --basalt-overtone: 40,40,40;
    --basalt-undertone: 248,60,55;
    --basalt-background-color: 252,252,252;

    --link-color: var(--basalt-undertone);
    --link-visited-color: 240,52,50;

    --main-content-width: 63.5rem;
    --main-content-top-margin: 0rem;
    --base-font-size: 0.9675rem;

    --base-header-height: 2.875rem;
    --header-title: "CTS ARCHIVE";
    --subtitle-size: 0rem;
    --header-background-color: var(--basalt-overtone);
    --header-border-width: 0rem;
    --header-title-color: var(--basalt-light-text-color);
    --top-bar-link-color: var(--basalt-light-text-color);
    --top-bar-link-background-hover-alt: var(--basalt-undertone);
    --top-bar-dropdown-link-color: var(--basalt-main-text-color);
    --side-bar-button-color: var(--basalt-light-text-color);
    --side-bar-button-background-hover: var(--basalt-undertone);

    --tab-hover-background-color: var(--basalt-undertone);

    --bottom-area-text-color: var(--basalt-light-text-color);
    --bottom-area-background-color: var(--basalt-overtone);
}

body {
    background-size: 1.5rem 1.5rem;
    background-image: linear-gradient(rgb(var(--basalt-undertone),0.07) 1px, transparent 1px), linear-gradient(to right, rgb(var(--basalt-undertone),0.07) 1px, transparent 1px);
}

#header h1 a::before { content: unset; }
#page-title { display: none; }
#license-area {
    padding-top: var(--bottom-area-padding);
}
#license-area::before, #license-area::after {
    content: unset;
}

/* --- big display feature ---*/

.display-container {
   display: grid;
   grid-template-columns: 50% 50%;
   grid-template-rows: auto;
   grid-template-areas:
       'image text'
       'image text';
   padding: 8px;
   margin-bottom: 2rem;
   box-sizing: border-box;
}
.display-container.second {
   grid-template-areas:
       'text image'
       'text image';
}

.tale-cover {
    grid-area: image;
    place-self: center;
    justify-self: center;
    box-sizing: border-box;
}
.tale-desc {
    grid-area: text;
    justify-self: stretch;
    padding-left: 1.4rem;
    border-left: solid 0.1rem #333;
    margin-left: 0.8rem;
    box-sizing: border-box;
    font-size: 105%;
}
.tale-desc h4 {
    text-align: right;
    font-weight: normal;
    font-style: italic;
}
.display-container.second .tale-desc {
    padding-left: 0; padding-right: 1.4rem;
    border-left: none; border-right: solid 0.1rem #333;
    margin-left: 0; margin-right: 0.8rem;
}

.tale-cover img {
    width: 480px;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
}
.tale-cover img:hover {
  transform:
    perspective(75em)
    rotateY(25deg);
  box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
.display-container.second .tale-cover img:hover {
  transform:
    perspective(75em)
    rotateY(-25deg);
  box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
}

.tale-desc h1, .multi-grid div h1, .multi-grid-small div h1 {
    font-size: 2em;
    text-align: center;
    letter-spacing: -0.045em;
}
.multi-grid div h1 { font-size: 1.25em; }
.multi-grid-small div h1 { font-size: 1.15em; }

@media (max-width: 700px) {
    .display-container, .display-container.second {
        grid-template-areas:
           'image image'
           'text text';
    }
    .tale-desc, .display-container.second .tale-desc {
        padding: 4px;
        border: none;
        border-top: solid 0.1rem #333;
        margin: 0; margin-top: 1rem;
    }
    .tale-cover img:hover, .display-container.second .tale-cover img:hover {
        transform: none;
    }
}

.year-in-review {
    display: flex;
    align-items: center;
}
.year-in-review + br { display: none; }
.year-in-review::before, .year-in-review::after {
    content: "";
    display: flex;
    flex-grow: 1;
    background-color: #333;
    height: 0.1rem;
}
.year-in-review h1 {
    font-size: 2rem;
    margin: 0 0.75rem;
    padding-top: 0.2rem;
}

.yui-navset.yui-navset-top .yui-content {
    padding: 0.5rem 0 0.1rem 0;
    border: none;
}

/*--- Content Warning span ---*/
#page-content .content-warning {
    display: flex;
    align-items: center;
    color: black;
    font-weight: bold;
    font-size: 82%;
    background-color: #FFD101;
    box-shadow: 0 0 0 4px #ffd101;
    padding: 4px 1em 4px 4px;
    border-radius: 2rem;
    border: solid 2px black;
    justify-content: center;
    text-align: center;
    max-width: max-content;
    margin: 1rem auto auto;
}
#page-content .content-warning::before {
    content: "\26A0";
    font-size: 170%;
    font-weight: normal;
    padding: 3px; padding-left: 4px; padding-top: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 0.3rem;
}

/*--- Complete span ---*/
#page-content .complete {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-family: var(--mono-font);
    color: white;
    background-color: #0096f0;
    box-shadow: 0 0 0 4px #0096f0;
    padding: .5em 1em .5em .75em;
    border-radius: .5rem;
    border: solid .125rem currentColor;
    justify-content: center;
    text-align: center;
    max-width: max-content;
    margin: 1rem auto auto;
}
#page-content .complete::before {
    content: "\26A0";
    content: '';
    display: block;
    height: 1.5em;
    width: 1.125em;
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 67.5%, 0 100%);
    text-align: center;
    margin-right: 0.575em;
}
[[/module]]

Curated Tale Series - Archive

Module Styles

Inline Styles

Includes

CSS Classes

Page Source