![]() |
#106 |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 260
Karma: 4562
Join Date: Sep 2011
Device: Kobo Libra 2 & Clara BW
|
Another way to implement margins would be to put a border between the viewport and its enclosing frame. The size of the border would depend on the margin settings (or some other settings). The border would be the same color as the viewport's background color.
Clearly the enter viewer, including the viewport, is resizable, so making the viewport a bit smaller should be easy. If I understand correctly, the css stylesheets operate within the viewport, so we can't add such a border using a css stylesheet. |
![]() |
![]() |
![]() |
#107 |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 260
Karma: 4562
Join Date: Sep 2011
Device: Kobo Libra 2 & Clara BW
|
|
![]() |
![]() |
Advert | |
|
![]() |
#108 | |
US Navy, Retired
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 9,865
Karma: 13806776
Join Date: Feb 2009
Location: North Carolina
Device: Icarus Illumina XL HD, Nexus 7
|
Quote:
|
|
![]() |
![]() |
![]() |
#109 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,282
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
Sticking a blank space outside the viewport is not an acceptable way to implement this. You have to match the background color to the background color of the book page which may or may not be white. Since the calibre viewer supports javascript, you'd have to dynamically change the color if a script in the book page changed the background color. And negativeve co-ordinates in the css will not work correctly. Then a book can define different margins in every html file it contains, so you'd have to watch for that and adjust dynamically. All in all, that makes this approach too hacky for the functionality it provides.
|
![]() |
![]() |
![]() |
#110 | ||||
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 260
Karma: 4562
Join Date: Sep 2011
Device: Kobo Libra 2 & Clara BW
|
My desire is to have a top and bottom border, so that the text does not touch the frame. I can do side borders with the css stylesheet, but top and bottom borders don't work, because they don't work in the gui framework used in Calibre.
Walt, I'm the one who wanted a non-distracting background. Quote:
Many of the css stylesheets listed in this thread include a background color, some with the !important qualifier. Some also try to add top and bottom margins. I've never read an ebook that changed the background color in the middle of the book, but I can't pretend to have a small fraction of your experience. Quote:
This approach is not appropriate for left and right margins, as they work fine by specifying a css stylesheet. Quote:
Quote:
![]() If it's not something many people want and it risks being too fragile, it's not a change worth making. Last edited by foosion; 10-31-2011 at 01:30 PM. |
||||
![]() |
![]() |
Advert | |
|
![]() |
#111 | |
Still Prefers Real Books
![]() Posts: 2
Karma: 10
Join Date: Oct 2011
Device: Calibre
|
I LOVE THIS ONE!! SO PRETTY!
But does anyone know how to increase paragraph spacing for all paragraphs? Or does it only work if the original ebook is formatted that way? ![]() Basically I want something like this: ![]() Uploaded with ImageShack.us Can anyone help me?! ![]() Quote:
|
|
![]() |
![]() |
![]() |
#112 |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Nov 2011
Device: none
|
text-indent not functional?
Hey there, I made also some CSS customizatioins, but fact is that in reading mode there is indent on each paragraph even when I define it as 0. My format is epub. On the other hand when I say "print" from calibre's viewer there are no indents, no matter how I define in the custom CSS field. What's the problem there?
OK, I post here my "old book"-style for the ones that are interested: body { background-color: #fefcf2; color: #333333; width: 33em; padding: 2em 3em; border: 1px solid #ccc; margin: 0 auto; font-family: "Book Antiqua", Palatino, serif; text-align: justify; text-indent: 0; } h1 { font-size: 2.5em; font-weight: bold; text-align: center; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; border: 1px solid #ccc; border-radius: 10px; } h2, h3, h4 { font-weight: bold; text-align: center; border: 1px solid #ccc; border-radius: 10px; } h2 + p:first-line { font-variant: small-caps; font-size: 1.1em; } h2 + p:first-letter { float: left; font-size: 2.5em; font-weight: bold; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; margin: -8px 8px; } h3 + p:first-line { font-variant: small-caps; font-size: 1.1em; } h3 + p:first-letter { float: left; font-size: 2.5em; font-weight: bold; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; margin: -8px 8px; } h4 + p:first-line { font-variant: small-caps; font-size: 1.1em; } h4 + p:first-letter { float: left; font-size: 2.5em; font-weight: bold; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; margin: -8px 8px; } p { margin-bottom: 0; } p + p { margin-top: 0; } |
![]() |
![]() |
![]() |
#113 |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Nov 2011
Device: none
|
OK, found the answer myself here:
http://blog.calibre-ebook.com/2011/0...re-viewer.html @MplsGirl - this should apply to your case as well - use css statements with !important; at the end to override epub embedded formatting, something like p { margin-bottom: 1.5em !important; } |
![]() |
![]() |
![]() |
#114 |
Member
![]() ![]() Posts: 24
Karma: 142
Join Date: Sep 2010
Device: K3, KPW
|
Not sure how to ask for a response when skipped (re: page 7), but to ask again briefly:
I tried the 2-Columns mode which displays 2-cols, but page-forward doesn't advance (either by the arrow-icons, Page Down/Up, space bar, or mouse wheel). Suggestions? I'm looking to simulate an open book with two pages to view on my laptop or desktop wide screen. As an example, Ybook reader provides this for .txt books. |
![]() |
![]() |
![]() |
#115 | |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Nov 2011
Device: none
|
Dies this really apply?
Quote:
PS: I adore this "simple" reader because it was the only free one - and I mean it literally comparing even with adobe and sony crap! - presenting a cyrillic text correctly. The others were simply showing ????????????? ![]() |
|
![]() |
![]() |
![]() |
#116 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Nov 2011
Device: i pad
|
hey all , when some of my book pages come up the text on the bottom line is showing half the text ( very annoying) can i adjust this somehow using the user style sheet
|
![]() |
![]() |
![]() |
#117 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Nov 2011
Device: i pad
|
i also want to change the backround texture
the image i want is on my computer c/ my pictures/beige009.jpg , can i access and use this using the css Last edited by egosbar; 11-26-2011 at 07:38 PM. |
![]() |
![]() |
![]() |
#118 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Nov 2011
Device: i pad
|
bump anyone answering in this thread??
|
![]() |
![]() |
![]() |
#119 | |
US Navy, Retired
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 9,865
Karma: 13806776
Join Date: Feb 2009
Location: North Carolina
Device: Icarus Illumina XL HD, Nexus 7
|
Quote:
|
|
![]() |
![]() |
![]() |
#120 |
Junior Member
![]() Posts: 2
Karma: 10
Join Date: Aug 2011
Device: laptop and (prospective) nook
|
I tried custom CSS (copying and pasting styles from here and ePub Zen Garden). When I use Zen Garden's copy of Middlemarch the styles work fine.
When I use almost any other ebook, the styles get overridden. Some settings are preserved, such as colors, but it manages to override pretty much anything I care about. What I want is very simple, and follows the basic principles of sensible typography: 1: Ragged right text, NOT justified. 2. Adequate leading so there's breathing room between the lines of text. 1.5 times font height to 1.8 times (depends on font). 3. If extra space is used between paragraphs, DO NOT indent the first line. all of these work nicely on Middlemarch but very little else. How can I find out what is overriding my settings and destroy it with extreme prejudice without having to learn CSS (I just want to read, not learn formatting codes)? |
![]() |
![]() |
![]() |
|
![]() |
||||
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 |