This seems to do it:<br /><pre><a href="/forum/search?Search=%23ui-body-close&Mode=like">#ui-body-close</a> {

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

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

<br />Where you need to define it in your css as for example:<br /><pre><a href="/forum/search?Search=%23ui-body&Mode=like">#ui-body</a>.popup2

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:

<br />Where in css you define it under:<br /><pre><a href="/forum/search?Search=%23ui-body&Mode=like">#ui-body</a>.popup2

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

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 />

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.

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

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-

#ui-bar, #ui-body {

#000;<br />}<br />#ui-bar, #ui-body {<br />background-color: #eee;<br />border-color: #ccc;<br />}<br />#credits, #version {<br />color: #6f6f6f;<br />

Just put this in  your css file: <br />#ui-bar, #ui-body {<br />background: hidden;<br />background-attachment: fixed;<br />background-color: transparent;<br />border-col

Then you need css to define the popup and the popup link (this is just css that works for my game): <br />#ui-body.popup<br />{<br />padding: 40px; <br />border-radius: 15px; &

transparent;<br />} <br />#ui-bar, #ui-body {<br />background-color: #222;<br />color: #e6e6e6;<br />background: hidden;<br />background-attachment: fixed;<br

Closes the dialog (#ui-overlay &amp;amp; #ui-body) and removes all classes and content from the dialog container (#ui-body)<br />UISyetem.close()<br />// Adds a click event handler to