# Paragraph substitution.
[paragraph]
<div class="paragraph{role? {role}}{unbreakable-option? unbreakable}"{id? id="{id}"}>
-{thumbnail#}<a class="image" href="images/screenshot/{thumbnail}">
-{thumbnail#}<img src="images/screenshot/{thumbnail}" alt="{alt={thumbnail}}" width=250 style="float:right;">
-{thumbnail#}</a>
+{thumbnail#}<a class="image" href="images/{thumbnail}">
+{thumbnail#}<img src="images/{thumbnail}" alt="{alt={thumbnail}}" width=250
+{thumbnail#}{float@left: style="padding\: 0 10px 0 0;float\:left;"}
+{thumbnail#}{float@right: style="padding\: 0 0 0 10px;float\:right;"}
+{thumbnail#}{float%} style="padding: 0 0 0 10px;float:right;"
+{thumbnail#}></a>
{title?<div class="title">{title}</div>}<p>
|
</p></div>
[toc]
<div id="toc">
+ <a href="index.html" style="font-size: 0.8em;">↩Index</a>
<div id="toctitle">{toc-title}</div>
<noscript><p><b>JavaScript must be enabled in your browser to display the table of contents.</b></p></noscript>
</div>
include1::{stylesheet}[]
</style>
endif::linkcss[]
+
+ifdef::toc2[]
+<style type="text/css">
+div #toc {
+ width: 19em;
+ font-family: sans;
+ border-right: 3px solid gainsboro;
+}
+.book, .article {
+ margin-left: 22em
+}
+div #toc a:link, div #toc a:visited {
+ color: black;
+ text-decoration: none;
+}
+div #toc a:hover {
+ text-decoration: underline;
+}
+div .toclevel1 {
+ font-size: 1.1em;
+ margin-bottom: 0.3em;
+}
+
+.monospaced, code, pre {
+ overflow-wrap: break-word;
+}
+img {
+ max-width: 100%;
+}
+
+@media only screen and (min-width: 85em) {
+div #toc {
+ width: 22em
+}
+.book, .article {
+ margin-left: 25em
+}
+div .toclevel1 {
+ font-size: 1.2em;
+}
+}
+</style>
+endif::toc2[]
+
ifndef::disable-javascript[]
ifdef::linkcss[]
<script type="text/javascript" src="{scriptsdir=.}/asciidoc.js"></script>