05-01-2016, 12:20 PM | #211 |
Zealot
Posts: 108
Karma: 518106
Join Date: May 2013
Device: Nook ST & iPad Air2
|
Just used this style sheet took it out of a book I liked the format in thing is this format removes paragraph gaps how do I stop it from doing that?
Spoiler:
Page Style Sheet Spoiler:
Last edited by KayLee; 05-01-2016 at 12:24 PM. Reason: CSS |
05-01-2016, 12:57 PM | #212 | |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
A Stylesheet is not a generic part You don't repair a HumVee with a Ford repair guide. Just like the above repair, the stylesheet MUST match the exact HTML class USAGE within THE BOOK. All 'calibre#' are assigned FIFO during conversion Sometimes the same ones get used in various books. But only examining the code will tell. Books that were NOT converted with Calibre (at any point) won't even have those classes. I did not see a VIEWER setting to ignore publisher stylesheets like some devices have. In those, they use the reader settings (and lose all the eye candy publishers put inside the text ) |
|
Advert | |
|
05-01-2016, 01:12 PM | #213 |
Zealot
Posts: 108
Karma: 518106
Join Date: May 2013
Device: Nook ST & iPad Air2
|
Okay where do I find info on the exact HTML class USAGE?
|
05-01-2016, 01:27 PM | #214 |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Within the book (as coded). Every book is different. Even from the same Publisher, Series, Author...
Similar: yes, but only a code review of the individual book will tell What the stylesheet.css you posted tells YOU, is what was done. What pagestyles.CSS you posted says. that book had special fonts CALLED OUT ( the CSS needs to match (follow up) with the same Code:
@font-face { font-family: Quicksand; font-weight: 300; font-style: normal; src: url(OEBPS/Fonts/00001.otf) } Code:
font-family: Quicksand, sans-serif; What YOU want to do is find the code in the New book and adjust the CSS selector to your taste ( use your fav' CSS as a value guide) |
07-06-2016, 02:22 AM | #215 | |
Junior Member
Posts: 1
Karma: 10
Join Date: Jul 2016
Device: pc
|
Quote:
I tried Code:
margin-right:0px; !important; margin-left:0px; !important; Moderator Notice
Please read the rules regarding in-line image size limit - point 9 in the Posting Guidelines in the FAQ The FAQ is available at the bottom of every page. Simplest to use forum image store which will generate a thumbnail image BR Last edited by BetterRed; 07-06-2016 at 03:00 AM. |
|
Advert | |
|
09-19-2016, 05:44 AM | #216 | |
Junior Member
Posts: 1
Karma: 10
Join Date: Sep 2016
Device: none
|
I would like to make every second line in a different color for better readability
this does not work. why ? p:nth-child(2) { background: blue; } Quote:
Here it is edited(note that fontsize + lineheight must be backgroundsize px: Code:
p { font-size:30px; line-height:44px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAASCAIAAAARwPPWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAAAOUlEQVQYV23HAQoAIAhD0ZVZ0UG6/w3NEBaBgw9vwDZgeaGZSCmhKlUo/PJGfFenlGqUUCXR3dO2A6rjJsk1UkqlAAAAAElFTkSuQmCC'); background-position-y:0px; background-size:100% 74px; -webkit-background-clip:text; -webkit-text-fill-color:transparent } Last edited by lordofweed; 09-19-2016 at 06:32 AM. |
|
11-02-2016, 02:55 PM | #217 | |
Cultivator
Posts: 94
Karma: 216
Join Date: Feb 2015
Device: PRST2
|
how to make calibre ignore the css inside the book, and using external css instead?
I tried using user stylesheet to change the text indent and h1-h5 color, Quote:
|
|
11-02-2016, 03:44 PM | #218 |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
where did you set text-indent?
you need to set a (override) value |
11-03-2016, 12:21 AM | #219 |
creator of calibre
Posts: 43,871
Karma: 22666666
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
Use !important
text-indent: whatever !important |
12-30-2016, 08:32 PM | #220 | |
Junior Member
Posts: 2
Karma: 10
Join Date: Dec 2016
Device: Calibre Viewer/Kobo
|
Quote:
The issue concerns the settings for Configure Ebook Viewer > Text layout in paged mode > The number of pages to show on screen. In Portrait mode, I'd prefer to have 2 columns. But when I set this, and go to the Next or Previous Page in the Viewer, the view advances by one column only. That is, I read the first (left) column of text, and then the second (right) column; when I go to the Next Page, only the first column of text disappears. The second column moves over to the left and remains on screen, and a new column appears of text on the right. What I expected is the same behaviour as turning the page in a physical book: both current "columns" (or "pages", if you prefer) go away and I now see two new columns/pages of text. The impact of the Viewer's behaviour is that, apart from the first page (where I read both columns/pages of text), thereafter I only ever read one column/page (the right-hand one) before flipping the page: that's because every time I flip the page, the left-column ends up showing text I've already read. The same behaviour applies if you choose 3 or more columns: in each case, flipping the page only changes the right-most column. One workaround is to hit next page multiple times: if you have a 2-column display, hit it twice; if 3 columns, hit it 3 times; and so on. This will then ensure that the entire display is filled with columns of fresh text. Another workaround, and the one I use, is to keep the view to one column. I prefer this in Portrait mode anyway, But in Landscape mode, 2 columns would definitely be more convenient and "natural". Any constructive advice would be appreciated! FYI, I am using Calibre 2.76 on a Windows 10 device (Surface Book). |
|
12-30-2016, 08:42 PM | #221 |
creator of calibre
Posts: 43,871
Karma: 22666666
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
The next and previous page buttons/the Page up/page dn keys all turn the page, i.e. the number of columns visible on the page. They do not scroll a single column at a time. The mouse wheel, up/down keys on the other hand scroll a single column. The behavior of both the wheel and tapping is configurable in the Preferences->Page Flip section of the viewer preferences.
|
01-06-2017, 02:31 AM | #222 |
Junior Member
Posts: 2
Karma: 10
Join Date: Dec 2016
Device: Calibre Viewer/Kobo
|
Thanks for your response, Kovid (and thanks also for Calibre, which is absolutely fabulous!).
The scrolling functions do operate as you've described, so I appreciate the clarification. Unfortunately, I use Calibre on a Surface Book, and I tend to run the Viewer with the screen detached (in tablet mode, or what Microsoft calls Clipboard mode). In that case, I do not have access to the next/previous buttons. My only option is to tap the screen. You mentioned that the behaviour of tapping is configurable. Here is what I see in the dialog box: For whatever reason, the dialog box text is not very clear, so the options are a little difficult to understand (I wonder if this is some artefact of the screen resolution?). What I found is that: (a) the first checkbox, "Tapping on the pa..." enables or disables the page flip function. If unchecked, tapping the screen has no effect. If checked, tapping the screen flips the page, but its exact behaviour depends on the next option, "Mouse wheel f...". (b) The second checkbox, "Mouse wheel f...", determines whether tapping the screen advances by an entire page or just one column. So with both those options checked, I get the behaviour I desire -- all good. The difficulty was more to do with the readability of the dialog, and perhaps the wording of the second checkbox (to make it clearer that these functions affect tapping as well as scrolling with the mouse). I haven't had to use the other options in that dialog box, but the purpose of the "Scrolling in flow mode" graphic is unclear to me. Still, you've resolved my issue, so thanks again. Last edited by WT Sharpe; 12-30-2017 at 10:01 AM. Reason: Changed oversized graphic to thumbnail attachment. |
06-21-2017, 10:12 AM | #223 | |
Connoisseur
Posts: 50
Karma: 10
Join Date: Apr 2005
Device: Nokia 5320
|
Viewer: Header Font Size
Quote:
I would also like to know if the style can be applied to downloaded news. |
|
07-25-2017, 11:37 AM | #224 |
Junior Member
Posts: 1
Karma: 10
Join Date: Jul 2017
Device: PC
|
Show two images
Hi, anyone know how to show two images in the calibre viewer ?
i already set two column in the viewer and only shows one image. |
12-30-2017, 07:21 AM | #225 |
Junior Member
Posts: 2
Karma: 10
Join Date: Dec 2017
Device: Calibre
|
Is there a CSS code I can use to apply a color gradient like in the beeline reader? With color gradients horizontally along the lines of text?
beelinereader dot com |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Custom CSS for output | deckoff | Calibre | 1 | 08-28-2010 11:55 PM |
ePub with custom .css on a 505 | dicknskip | Sony Reader Dev Corner | 3 | 06-09-2010 11:34 PM |
User stylesheets for ePub files | salty-horse | Sony Reader Dev Corner | 12 | 02-23-2010 07:44 AM |
ePub conversion: override existing css with a custom one | sbin | Calibre | 1 | 01-09-2010 04:03 AM |
Calibre's generated css for epub | brewt | Calibre | 7 | 12-29-2008 09:59 AM |