Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
SugarCube UI formatting
I'm having a few issues with beating the SugarCube UI into submission.
TL;DR: How do I remove the save and restart links in the UI without affecting anything in StoryCaption?
Long version:
I want to:
1. Have text in one colour in StoryCaption
2. Have an "options" link in another colour that leads to an option passage (my game has seven different options, and I've dumped the save/restart in there as well, and I want it in an actual passage and without the gear symbol, which is why am not using default options entry)
3. Remove the default saves and restart links (since they're already in the options menu)
But in doing this I am encountering a few problems:
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 default UI-bar colour and then don't apply any other text styles to that text, as follows:
It also seems I can't use anything like
So to sum up, I basically want to:
1. Remove the save and load links without affecting StoryCaption content
2. Tell the StoryCaption passage to respect <span> tags.
However, if I could accomplish point 1, I wouldn't need to accomplish point 2, due to being able to use #ui-bar to style one set of text as written above.
TL;DR: How do I remove the save and restart links in the UI without affecting anything in StoryCaption?
Long version:
I want to:
1. Have text in one colour in StoryCaption
2. Have an "options" link in another colour that leads to an option passage (my game has seven different options, and I've dumped the save/restart in there as well, and I want it in an actual passage and without the gear symbol, which is why am not using default options entry)
3. Remove the default saves and restart links (since they're already in the options menu)
But in doing this I am encountering a few problems:
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 default UI-bar colour and then don't apply any other text styles to that text, as follows:
// this is bright grey
.caption a {
color: #b3b3b3;
text-decoration: none;
font-weight: bold;
}
//this is dark grey
#ui-bar a {
color: #8A8A8A;
text-shadow: 2px 2px 8px #111;
}
It also seems I can't use anything like
#story-caption a {
color: #b3b3b3;
text-decoration: none;
font-weight: bold;
}
#story-caption a:hover {
color: #e6e6e6;
text-decoration: none;
font-weight: bold;
}
So to sum up, I basically want to:
1. Remove the save and load links without affecting StoryCaption content
2. Tell the StoryCaption passage to respect <span> tags.
However, if I could accomplish point 1, I wouldn't need to accomplish point 2, due to being able to use #ui-bar to style one set of text as written above.
Comments
Examples follow.
Goes in Story Stylesheet: Goes in the
StoryCaptionpassage:You can use as many
<span>elements, with as many attached classes, as you want. One or one-hundred, it makes no difference. If something isn't working, then you've done something wrong (see the examples above).That fixed it.
Think there was a css syntax issue that was interfering with proper display of spans, wasn't writing out some of the class properly, since your examples worked. Sorry for jumping to conclusions.