body.menu <a href="/forum/search?Search=%23ui-bar&Mode=like">#ui-bar</a> {

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

You need to reference <a href="/forum/search?Search=%23ui-bar&Mode=like">#ui-bar</a>, not <a href="/forum/search?Search=%23sidebar&Mode=like">#sidebar<

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

SugarCube save feature persists after you close the browser, turn computer off etc. It even has an export save to external file option so can persist after you throw the computer out the window.<br

This will result in a vary garish red, however, so you may want to look up css colours. You could try background-color: #800000; instead.<br />If you also wanted the ui area to change you'd use:

I managed to smooth it out by inserting this monster of code: <br />#ui-bar, #ui-body {<br />-moz-transition: none;<br />-webkit-transition: none;<br />-o-transition: color 0 e

Got it a bit smoother by adding <br />#ui-bar, #ui-body {<br />-webkit-transition: all 100ms linear;<br />transition: all 100ms linear;<br />}<br />

1. StoryCaption only accepts one <span> class. Anything else doesn't show up. So if I want two different text colours, I have to put one in the storycaption span, and then use css for the defaul

In the various css areas like .passage, #body and #ui-bar, #ui-body if you don't want to show their native colour. You may also need to set the border property to transparent in the UI bar too.

all 2s ease-in;<br />}<br />#ui-bar.hide {<br />opacity: 0;<br />visibility: hidden;<br />-webkit-transition: opacity 2s ease-in, visibility 2s step-end;<br />tran

You can completely hide the Side-Bar by placing the following three CSS rules in your Story Stylesheet: <br />body {<br />margin-left: 3.5em;<br />}<br />#ui-bar {<br />d

/>display: none;<br />}<br />#ui-bar, #ui-body {<br />display: none;<br />}<br />

Put this in your story css section: <br />#ui-bar, #ui-body {<br />background: hidden;<br />background-attachment: fixed;<br />background-color: transparent;<br />border-

3. Change the ZZZ passage to: <br />&lt;&lt;removeclass &quot;html&quot; &quot;background&quot;&gt;&gt;&lt;&lt;addclass &quot;html&quot; &quot

This is because the time between the adding the hide class to  #ui-bar element and then removing it again is so short that it does not have time to do the transition. You can see this by removing <

This is because the time between the adding the hide class to  #ui-bar element and then removing it again is so short that it does not have time to do the transition. You can see this by removing <

You can also go further and hide the UI bar during the switch too, so you add this to your "zzz" passage: <br />&lt;&lt;addclass &quot;#ui-bar&quot; &quot;hide&

You can also go further and hide the UI bar during the switch too, so you add this to your "zzz" passage: <br />&lt;&lt;addclass &quot;#ui-bar&quot; &quot;hide&

#ui-bar, #ui-body {