View Single Post
Old 07-14-2022, 11:50 PM   #7316
culytera
Zealot
culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.culytera ought to be getting tired of karma fortunes by now.
 
Posts: 135
Karma: 295674
Join Date: Jul 2021
Device: iPhone
Quote:
Originally Posted by JimmXinu View Post
I'm not seeing any issues when I paste your settings into personal.ini under [defaults]. What exactly are you seeing?
It should look like the image on the left, but on Calibre 6 it looks like the image on the right. I'll post the titlepage settings as well.

This did make me realize I should figure out how to hide the Additional Tags line if there aren't any additional tags lol

Edit: I forgot about titlepage_entries, it'll change the formatting a little but it's fine. My only problem now is the CSS not rendering properly on Calibre 6 for some reason.
Click image for larger version

Name:	rendering copy.jpg
Views:	122
Size:	131.8 KB
ID:	195001
Code:
add_to_output_css:
 body { font-family: "Segoe UI Variable Small", "Roboto", sans-serif; text-align: left; }
 .tag-summary-content p { margin: 0 0 0.75em 0; }
 .tag-summary-content a { text-decoration: none; color: white; }
 .tags {
  display: block;
  padding: 0;
  margin: 0.175em 0;
 }
 .tag-label {
  display: block;
  margin: 0;
 }
 dd { margin-left: 0.75em; }
 dl, dt { margin: 0; }
 hr { display: block; height: 1px;
  border: 0; border-top: 1px solid;
  margin: 1em auto; padding: 0; width: 75%%;
 }
 body.fff_titlepage {
  background-color: #980101;
  color: white;
 }
 .fff_titlepage .title h1,
 .fff_titlepage .title h2 {
  font-size: 2.5vmax;
 }
 .fff_titlepage .title h1,
 .fff_titlepage .title h2,
 .fff_titlepage .title a {
  margin: 0;
  color: white;
 }
 .fff_titlepage .title a, .fff_titlepage .series a { text-decoration: none; color: white; }
 .stats { font-size: 2.5vmax; margin-top: 0.5em; }

## Items to include in the title page
## Empty metadata entries will *not* appear, unless .SHOW_EMPTY is
## appended.  Eg: titlepage_entries: ..., characters.SHOW_EMPTY,
## ships,... will always display Characters, but only show
## Relationships if there are any.  You can include extra text or HTML
## that will be included as-is in the title page. Eg:
## titlepage_entries: ...,<br />,summary,<br />,...
## All current formats already include title and author.
titlepage_entries:seriesHTML


## metadata ${title}, etc.  Make sure to keep at least one space
## at the start of each line and to escape % to %%.
titlepage_start:<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>${title} by ${author}</title>
 <link href="stylesheet.css" type="text/css" charset="UTF-8" rel="stylesheet"/>
 <meta name="calibre-html-render-data" content='{"size": "A3", "margins": [0, 0, 0, 0]}'/>
 </head>
 <body class="fff_titlepage" style="font-size: 2.2vmax;">
 <div class="title">
 <h1><a href="${storyUrl}">${title}</a> by ${authorHTML}</h1>
 </div>
 <hr/>
 <div>
 <dl class="tags">


## ${id}, ${label}, ${value}
titlepage_entry:
 <dt class="series"><b>${label}:</b> ${value}</dt>


## ${id}, ${label}, ${value}
## Used with entries listed in wide_titlepage_entries, typically description, storyUrl, authorUrl
titlepage_wide_entry:


## When using tables, make these span both columns.
wide_titlepage_entries:


## ${id}, ${value}
## For example, if you've set description_label:
## (that is, nothing)
titlepage_no_title_entry:


## metadata
titlepage_end:
 <dt><b>Fandom:</b> ${category}</dt>
 <dt><b>Rating:</b> ${rating}</dt>
 <dt><b>Warnings:</b> ${warnings}</dt>
 <dt class="tag-label"><b>Relationships:</b></dt><dd class="relationships">${ships}</dd>
 <dt class="tag-label"><b>Characters:</b></dt><dd>${characters}</dd>
 <dt class="tag-label small"><b>Additional Tags:</b></dt><dd>${freeformtags}</dd>
 <dl class="stats">
 <dt><b>Words & Chapters:</b> ${numWords} &bull; ${chapterslashtotal}</dt>
 <dt><b>Published:</b> ${datePublished}</dt>
 <dt><b>Updated:</b> ${dateUpdated}</dt>
 </dl>
 </dl>
 <hr/>
 <div class="tag-summary-content">${description}</div>
 </div>
 </body>
 </html>

Last edited by culytera; 07-15-2022 at 02:07 AM.
culytera is offline   Reply With Quote