<pre>$("#story-caption")

<pre>$('#story-caption a[data-passage="Day 1"], <a href="/forum/search?Search=%23story-caption&Mode=like">#story-caption</a> a[data-passage="Day 2"]

$('#story-caption a[data-passage="Day 1"], a[data-passage="Day 2"], a[data-passage="Day 3"]').trigger('click');

$('#story-caption a[data-passage="options"]').trigger('click');

<a href="/forum/search?Search=%23story&Mode=like">#story</a> {

<br />Oh, it's very little, just this:<br /><pre><a href="/forum/search?Search=%23story&Mode=like">#story</a> {

* Added some post-processing to the <span style="font-family:monospace"><a href="/forum/search?Search=%23story&Mode=like">#story</a></span> element for

/>/* Base StoryCaption text */<br />#story-caption {<br />color: gold;<br />}<br />/* Base StoryCaption links */<br />#story-caption a {<br />color: pink;<br

It also seems I can't use anything like <br />#story-caption a {<br />color: #b3b3b3;<br />text-decoration: none;<br />font-weight: bold;<br />}<br />#story-captio

You need to set the display property to none for the relevant areas that contain text: <br />#story-title {<br />display: none;<br />} <br />#credits, #version {<br />dis

10px;<br />}<br />#sidebar #storySubtitle {<br />display: inline;<br />}<br />#sidebar #titleSeparator {<br />display: none;<br />}<br />#passages {<

Charisma wrote:

You need to use the StoryIncludes special passage, documented here.

settings for your menus */<br />#sidebar #storyMenu {<br />color: green;<br />}<br />/* settings for your stats */<br />#storyMenu .stats {<br />font-size: 2em;<

I was able to minify just the storyMenu font size with the following: #storyMenu {<br />font-size: 5px;<br />}

This is a result of your "#sidebar #title" and "#sidebar #title #storyTitle" rules, the first uses vertical-align and text-align to center the title and the second rule assigns a l

/>}<br />#ui-bar header, #ui-bar #story-caption,<br />#ui-bar nav, #ui-bar footer {<br />text-align: left;<br />}<br />#ui-bar ul {<br />padding: 0;<br />

= document.body.querySelector(&quot;#story&quot; + title);<br />if (target != null) {<br />setPageElement(target, regions[i].title);<br />} else {<br />var region = do

Where'd you get those scripts (Story Region Module, etc.)?  It's possible that it's doing something like dynamically (re)generating the target (which is #storyStats, based on the macro code), meaning

It looks similar to: html  >  body  >  ul#sidebar  >  li#title.storyElement  >  span#storyTitle.storyElement