Link to article: Narrative Hooks: How To Reel In Your Audience.
/* Haha blue boi, or peach boi, courtesy of Croquembouche */
.outside {
margin: 2em -6em;
padding: 1em 10em;
--narration-color: rgba(255, 204, 204,1);
background: var(--narration-color);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
z-index: -2;
}
/* Make the peach bois that are within the document have smaller margins so they break flow less*/
.outside.inline {
margin: 1em -6em;
padding: 1px 10em;
}
/* Force the side bar to render on top of the peach bois */
#side-bar {
z-index: 2;
}
#page-title {
display: none;
}
.meta-title {
border-bottom: solid 1px #bbbbbb;
color: #990011;
font-weight: normal;
margin: 0 0 0.6em;
padding: 0 0 0.25em;
font-size: 200%;
}
.meta-title p {
margin: 0;
}
.lie{
margin: 1px;
background-color: hsla(207, 75%, 50%, .3);
word-break: unset;
font-family: var(--mono-font);
}
display: inline-block; background: #1e1e1e; color: #ccc; padding: 0 2px; border-radius: 3px;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:25%;
width:5%;
width:25%;
border:solid 1px #8E2C4D; margin-top: 18px; margin-bottom: 12px; padding-left: 18px; padding-right: 18px;
width:50%;
width:50%;
:scp-wiki:component:scp-pride
[info]
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:wikimodule
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
outside
meta-title
outside
outside
outside
outside
lie
outside
blockquote
fnnum
fncon
outside
outside
outside
outside
outside
outside
outside
outside