How do I add the javascript for the macro set?

twinenub

I'm using Sugarcube 2.2.0.
I've added the css to my story stylesheet (http://www.glorioustrainwrecks.com/node/5462).
How do I add the javascript?

TheMadExile

The version of the Combined Replace Macro Set from Glorious Trainwrecks is not fully compatible with SugarCube (any version), so you don't want that version.

1. Get the SugarCube 2.x compatible version of the set from SugarCube 2's website (under: Downloads > Add-ons).
2. Read the included documentation. No, seriously, read it. There are differences you need to know about.
3. Open the included JavaScript (.js) and CSS (.css) files in a plain text editor (do not use a word processor), copy their contents and paste them into the appropriate sections (Story JavaScript and Story Stylesheet, respectively).

That should be it.

twinenub

Thanks! The replace macros seem to be working fine now.

The only problem is that I had this in my stylesheet:

#ui-bar {
display: none;
}
body {
margin-left: 3.5em;
}

and after adding the javascript, the iu is gone, but the margin-left doesn't work. It's like the ui-bar is still blocking it.

greyelf

If you are trying to alter the width of the space to the left of the area that contains the Passage text then you need to use the #story ID instead of the body element.

#story {
	margin-left: 3.5em;
}

... the above value is the default width used when the side-bar is stowed and the screen's max-width is 1136px

twinenub

Thanks! Everything's running smoothly!