======Jonah HTML structure====== As a reference for those writing [[stylesheet]]s, the HTML structure of the **Jonah** [[Story format]] is shown here. When displaying three passages with this code: :: Start This is the first passage. [[Next]] :: Next [special] This is the second passage, with a special tag. [[End]] :: End This is the final passage. Then, the resulting HTML DOM structure looks like this:

Restart Story

Untitled Story

Anonymous

Start bookmark rewind to here
This is the first passage.

Next
Next bookmark rewind to here
This is the second passage, with a special tag.

End
End bookmark rewind to here
This is the final passage.
Some notes: * Both the body element and the .passage element's data-tags attribute reflects the tags of the bottommost (i.e. the present) passage. This was originally used just as a CSS hook, before the advent of tagged stylesheets in version 1.4.0. * The #content1, #content2, #header, #titleLine, .header and .footer divs are unused by Twine's normal operations, but can be styled in any manner you like. * .floater is fixed to the upper-right corner of the screen. It is analogous to [[sugarcane html|Sugarcane]]'s #sidebar.