-
multine textinput, textarea?
by greyelf ·You can use CSS to size the textarea like so: <br />#passages .textArea {<br />width: 600px;<br />height: 200px;<br />}<br /> -
A bunch of questions [Sugarcube]
by TheMadExile ·canvas = document.querySelector("#passages .canvas");<br />if (canvas !== null) {<br />html2canvas(canvas, {<br />onrendered : function (canvas) {<br />docum -
CSS in Sugarcane has me tearing my hair out!
by greyelf ·/>width: 20em;<br />}<br />#passages {<br />/* margin-left: 18.2em; */<br />margin-left: 26.2em;<br />}<br /> -
displaying a passage constantly
by dawn.blairr ·Actually, a duplicate #passages div in sugarcane sounds ideal! I was trying to figure out how to do just that by messing with the Sugarcane html file with no success. -
displaying a passage constantly
by lit ·I also have a module, made for me by TheMadExile, which creates sort of a duplicate #passages div in Sugarcane. You could use it to hold your images, freeing the default Twine passages for separate us -
Hiding passage titles in Jonah isn't working (solved)
by greyelf ·Try the following: <br />#passages .passage .title {display: none;)<br /> -
Assigning Links CSS classes
by greyelf ·Add to a Stylesheet passage: #passages .the-links a.internalLink:nth-of-type(1) {<br />background-color: green;<br />color: red;<br />}<br />#passages .the-links a.internalLink -
Tabstops?
by greyelf ·{color: black; background: white;}<br />#passages .screenbox {<br />list-style: none;<br />width: 420px;<br />background: #eee;<br />border: 1px solid #333;<br />p -
SugarCube releases
by TheMadExile ·* How <body>, #ui-bar, and #passages interact. -
Simple If Macro Problem?
by greyelf ·The only standard story format that I know of that displays each of the passage titles when view the generated HTML is Johan, if this is the story format you are using you can stop the title being dis -
Is There A Way to Toggle CSS Values in Sugarcube
by TheMadExile ·If you mean like in the visual options example on SugarCube's website (recently updated, link: example-visual-options.zip), then you could use something like that yes. Though that's generally more fo -
SugarCube releases
by TheMadExile ·* Majorly overhauled the CSS. Key style changes: reworked how the &lt;body&gt; and #passages elements interact, and reworked the @media queries. Additionally, the CSS has been split in -
Create an html button because I can't use image
by greyelf ·/>:: Stylesheet [stylesheet]<br />#passages .content .button {<br />display: inline-block;<br />width: 5em;<br />background-color: tan;<br />border: 1px solid grey;&l -
Customizing sugarCube sidebar
by TheMadExile ·{<br />padding: 0;<br />}<br />#passages {<br />margin-left: 0;<br />margin-right: 23em;<br />padding: 0;<br />border: none;<br />}<br />/* Basic -
Customizing sugarCube sidebar
by greyelf ·The hard part is reformating the other CSS elements like body and #passages as theses are what defines the overall page layout. So you will need to adjust their margins, paddings, borders, sizes, etc. -
Twine Accessiblility
by Erik Temple ·@anthkris09, you could use the nav-index CSS property (i.e, just add to the CSS for the passage link classes), but it looks like support is still very poor for that. A quick look at stackoverflow sugg -
Creating a With and With-Out images version of your Story
by greyelf ·Add a stylesheet passage to this file containing the following CSS rule, which will hide the HTML img tag. <br />#passages .passage .content img {<br />display: none;<br />}<br /& -
[wip] Postluminal - illustrated science fantasy story
by cmbalfonso ·/>text-align: center;<br />}<br />#passages {<br />/* Box background (white with 70% opacity) */<br />background-color: rgba(255, 255, 255, 0.7);<br />/* Border */< -
Sharpe's Stylesheets
by greyelf ·A very basic example. <br />/* Your general CSS goes here. */<br />#passages {<br />/* set some attributes */<br />}<br />/* If the screen is only 640px wide. */<br /& -
Simple Centred Passage
by L ·How does this work for starters? <br />#sidebar { display:none; }<br />#passages { margin: 0; border: 0; }<br />.passage { width: 720px; margin: 0 auto; border: 2px solid white; }<