Create TOC in ordinary webpage?

[paperback]

There is an "Insert inline TOC" feature, and this creates a special xhtml page. I'm wondering why the user is not able to create his/her own htm(l) page and automatically insert the TOC there, with the style rules for the TOC automatically added to the existing styles sheet?

Or is there a special advantage in having a separate xhtml page with its own inline styles?

[phossler]

Maybe create your own CSS in

.....\AppData\Roaming\calibre\resources\templates\ inline_toc_styles.css

to use in the In Line toc.xhtml

Spoiler:

li > ul {margin-bottom: 1em;
}

ul.level1 {
  padding-left: 0;
  font-weight: normal;
  font-size: 100%;
  margin-top: 1em;
  margin-left: 0;
  text-decoration: none;
}

ul.level2 {
  font-size: 100%;
}

ul.level3 {
  font-style: normal;
}

li {
  margin-top: 1em;
   list-style-type: none;
}

a { 
  text-decoration: none;
 color: black;
}

a:hover {
 border-top-style: solid;
  border-bottom-style: solid;
  padding-bottom: 2px;
 padding-top: 1px;
 border-top-width: 2px;
 border-bottom-width: 2px;
 color: white;
 background-color: black;
}
h2 {
  page-break-before: always;
  page-break-after: avoid;
  text-indent: 0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 2.5em;
  font-weight: bold;
  font-style: normal;
  font-family: sans-serif;
}

[enuddleyarbl]

On my Windows 11 machine as of today (09 July 2022), that file isn't in AppData any more. It, and it's whole resources folder, are now under Calibre's program folder:

C:\Program Files\Calibre2\app\resources\templates\inline_toc_ styles.css

[DNSB]

Originally Posted by paperback

There is an "Insert inline TOC" feature, and this creates a special xhtml page. I'm wondering why the user is not able to create his/her own htm(l) page and automatically insert the TOC there, with the style rules for the TOC automatically added to the existing styles sheet?

Or is there a special advantage in having a separate xhtml page with its own inline styles?

There is no real advantage to having the separate xhtml page but do you really want to create the links for the ToC manually when the computer is ready, willing and able to do the scut work? BTW, xhtml is the extension required for epub3 but most programs don't seem to care if you use htm, html, xhtml, whatever.

Personally, I use Sigil and it adds a stylesheet for the inline ToC which can be easily be merged into the main stylesheet or deleted since I have most of the entries already in my default stylesheet.

[BetterRed]

Originally Posted by DaveLessnau

On my Windows 11 machine as of today (09 July 2022), that file isn't in AppData any more. It, and it's whole resources folder, are now under Calibre's program folder:

C:\Program Files\Calibre2\app\resources\templates\inline_toc_ styles.css

The content of C:\Program Files\Calibre2\app\resources\ contains the default resources that get used if there is no override in the calibre configuration folder: C:\Users\<username>\AppData\Roaming\calibre\resources.

An install of a new version of calibre will overwrite the contents of the C:\Program Files\Calibre2\ folder.

See ==>> Overriding icons, templates, et cetera

BR

[enuddleyarbl]

Originally Posted by BetterRed

The content of C:\Program Files\Calibre2\app\resources\ contains the default resources that get used if there is no override in the calibre configuration folder: C:\Users\<username>\AppData\Roaming\calibre\resources.

An install of a new version of calibre will overwrite the contents of the C:\Program Files\Calibre2\ folder.

See ==>> Overriding icons, templates, et cetera

BR

Thanks. That link to the help file gives me everything I need to set that up. I'm off to give it a try.

[phossler]

Not sure this is pertinent, but this still works on my Win10 machine using Calibre 6.1


The file ...

C:\Users\<used>\AppData\Roaming\calibre\resources\ templates\inline_toc_styles.css

... has the CSS that the inline TOC uses

  <title>Table of Contents</title>
  <style type="text/css"><![CDATA[
  
  /* >>>> inline_toc_styles.css inserted here <<<< */
  
  ]]></style>
</head>

<body id="calibre_generated_inline_toc">

I have the CSS that makes the inline TOC formats just the way I like 'em