![]() |
#46 |
Member
![]() Posts: 16
Karma: 10
Join Date: Aug 2010
Location: Canada
Device: Sony
|
![]() |
![]() |
![]() |
![]() |
#47 |
Member
![]() Posts: 10
Karma: 10
Join Date: May 2010
Device: iPod Touch
|
If you intend to apply styles to the navbar, don't make the same mistake I did. I tried to apply styles to the class ".calibrenavbar," which results in zilcho. If you are using an "extra-css" stylesheet from the command line ("ebook-convert" command), Calibre applies the styles to the HTML during an intermediate stage of processing, which can be viewed by using the --debug-pipeline option. Using that option would reveal that the navbar class relevant to styling is ".calibre_navbar."
Last edited by marcot; 09-01-2010 at 09:23 PM. |
![]() |
![]() |
Advert | |
|
![]() |
#48 | |
Member
![]() Posts: 16
Karma: 10
Join Date: Aug 2010
Location: Canada
Device: Sony
|
Quote:
Ya got me thinking though, if I have a regular external CSS file and a print CSS file in the same template, which one is Calibre going to use? |
|
![]() |
![]() |
![]() |
#49 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Feb 2010
Device: nook, kindle, sony 600, ipad, iphone, droid
|
External Stylesheets
Quote:
Thanks in advance. |
|
![]() |
![]() |
![]() |
#50 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,302
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
copy paste the contents of the stylesheet into the extra css box.
|
![]() |
![]() |
Advert | |
|
![]() |
#51 | |
Enthusiast
![]() Posts: 28
Karma: 10
Join Date: Jun 2008
Device: Sony PRS-500
|
Quote:
I'm looking at how the colors blue and gray look really, really faint on the prs-500. I'd like to just make everything black, but don't really want to go into each recipe and add redundant extra_css lines. |
|
![]() |
![]() |
![]() |
#52 | |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,302
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
Quote:
|
|
![]() |
![]() |
![]() |
#53 |
Junior Member
![]() Posts: 2
Karma: 10
Join Date: Nov 2010
Location: Saint Petersburg, Russia
Device: B&N Nook + Kindle 3
|
kovidgoyal,
does colibre understand such a css: Code:
pre{whte-space:pre-wrap;} I've tried different variants with white-space as normal (the result is awful), with mentioning width, but nothing helped me. |
![]() |
![]() |
![]() |
#54 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,302
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
the kindle doesn't support css. You have to put this in <pre> tgs, though I don't recall if the kindle even supports that.
|
![]() |
![]() |
![]() |
#55 |
Junior Member
![]() ![]() ![]() ![]() Posts: 6
Karma: 340
Join Date: Dec 2010
Device: many
|
I could *definitely*, desperately use some help with this CSS.
I'm a *totally* novice user of calibre, and I have visual processing issues which demand a certain amount of white space between the text and the frame. HOWEVER, no matter what fiddling I do to the text alignment, the maximum width, or the margins (measured in pixels only?)--- NONE of those changes show up in the default help "book". Being able to apply a proper CSS to *everything* I open for myself will allow me to read more (less time spent converting a file to exactly the same file type, but with my necessary margins, et alia). I need about 1/8-1/4" on all sides of the frame as white space. I definitely, absolutely, prefer left-justified formatting, |
![]() |
![]() |
![]() |
#56 |
Junior Member
![]() Posts: 1
Karma: 10
Join Date: Dec 2010
Device: ipod touch
|
![]() ![]() Hi guys sorry for the noob question but I was hoping I could get some help changing the background and font color. I let my BF take my ipod (as well as all my ebooks, lol) for a few weeks out of the country and so I need to do all my reading on calibre for now and I hate white backgrounds with black letters. I did use the CSS from the first page of this thread and it worked but the colors aren't much different and my attempt to change it failed. Can someone tell me how, or what to replace to get a slightly off black background with a cyan or pale violet font? I believe this is what I am trying to get, 090909 (background) and 844fdf (font) but it doesn't seem to be working for me. I am sure its just a mistake with how I am replacing the text, but I have no clue exactly how it should be typed. |
![]() |
![]() |
![]() |
#57 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 657
Karma: 64171
Join Date: Sep 2010
Location: Kent, England, Sol 3, ZZ9 plural Z Alpha
Device: Sony PRS-300, Kobo Aura HD, iPad (Marvin)
|
open any book in calibre's viewer, insert in preferences->user stylesheet
Code:
body {background:#090909;color:#844fdf;} |
![]() |
![]() |
![]() |
#58 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Feb 2011
Device: elonex 511eb
|
this is a brilliant thread and helpful website.I've tried all the suggestions and they all worked immediately.I really like being able to swap between backgrounds.
I've got a Samsung P2.You can read texts on it(but only a few lines to a page) and with the latest firmware they've come up with some intersting looking backgrounds or"paper-like looks.One is a sort of light brown sort of sepia look which gives the impression of an antique book.It looks good but most of all it's really easy on the eyes.Is there an easy way to do this? Thanks Last edited by darkspruce; 02-18-2011 at 11:04 AM. |
![]() |
![]() |
![]() |
#59 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Feb 2011
Device: elonex 511eb
|
textures
I've played around with different colours but is there any way you can introduce textures.I've seen an antiquey sort of beige/brown sandy colour which I find is very easy on the eyes and I'd like to try it.
This is a fab website! |
![]() |
![]() |
![]() |
#60 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,302
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
You'd have to use an image as the background. Just google css background image
|
![]() |
![]() |
![]() |
|
![]() |
||||
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 |