Anyway, in case anyone ever has the same problem and doesn't know what to do, I thought I'd just say that you can just fix it with #passages {<br />border-left: 0;<br />}

Okay try this: <br />@media screen and (max-width: 768px)<br />{<br />body { margin: 0; }<br />#passages { padding: 0; min-height: inherit; }<br />}<br />

I added a CSS @media query to make SugarCube somewhat nicer on mobile devices.  Since your project has some fairly heavy CSS modifications, you might need to add something like this to the bottom of y

.passage now goes all the way to the bottom. #passages does too. There's no need to change width to "auto," or to change width at all really.

Maybe playing around with what code is in #passages vs. what's in .passage will take care of it, but I'm busy so I can't test.

mth wrote: In your style sheet, does anything match ".passage"? Why not put everything inside the "#passages" block?

In your style sheet, does anything match ".passage"? Why not put everything inside the "#passages" block?

the sidebar and the passage text. I've tried #passages/body/html/.passages/#sidebar/#title {border/border-left: 0 !important!;} even #story-title-separator {display: none} etc. etc. but nothing seems

However, did you get it to work with Twine? Here's my stylesheet: body {<br />background-color: black;<br />height: 100%;<br />min-height:100%;<br />}<br />#passages {<

However, though I added min-height: 100% to #passages, .passage and body, I cannot get this to work in Twine.

/>font-size: 25px;<br />}<br />#passages<br />{<br />margin: 0;<br />padding: 0;<br />border: 0;<br />vertical-align: middle;<br />}<br />.pas

top, center bottom; <br />}<br />#passages {<br />margin: 0;<br />padding: 0;<br />border: 0;<br />vertical-align:middle;<br />}<br />.passage {<br

/>line-height: 100%<br />}<br />#passages {<br />margin: 0;<br />padding: 0;<br />border: 0;<br />vertical-align:middle;<br />}<br />.passage {<b

params[0]);<br />$(&quot;#passages&quot;).append(audio);<br />if (audio != null &amp;amp;&amp;amp; audio.canPlayType)<br />{<br />audio.src = params[1];<br

/>font-size: 100%;<br />}<br />#passages {<br />background-image: linear-gradient(-135deg, beige, #c6c66c);<br />background-image: -webkit-linear-gradient(-45deg, beige, #c

{<br />var passages = $(&quot;#passages&quot;);<br />outgoing = passages.children();<br />outgoing.addClass(&quot;transition-out&quot;);<br />setTimeout(functi

/>display: none;<br />}<br />#passages {<br />/* This is a container for all passages displayed on the page */<br />/* Removes the vertical line to the left of Sugarcane pa

/>display: none; <br />}<br />#passages { <br />/* This is a container for all passages displayed on the page */<br />/* Removes the vertical line to the left of Sugarcane