12-18-2011, 04:50 PM | #121 |
Junior Member
Posts: 1
Karma: 10
Join Date: Dec 2011
Device: PDA
|
I want black backround, is it possible in calibre.
|
12-18-2011, 07:28 PM | #122 |
US Navy, Retired
Posts: 9,865
Karma: 13806776
Join Date: Feb 2009
Location: North Carolina
Device: Icarus Illumina XL HD, Nexus 7
|
|
Advert | |
|
01-02-2012, 01:32 PM | #123 | |
Junior Member
Posts: 2
Karma: 12
Join Date: Jan 2012
Device: Kindle
|
Quote:
line-height:2.0; (To increase the spacing between paragraphs, increase the margin-top value.) Last edited by AcousticYorick; 01-02-2012 at 01:40 PM. |
|
01-02-2012, 01:52 PM | #124 |
Junior Member
Posts: 2
Karma: 12
Join Date: Jan 2012
Device: Kindle
|
To get closer to the Kindle-for-PC reading experience (esp. the less-distracting dark screen on either side of the text), I've been using this stylesheet, with the Calibre viewer maximized (on a 1600x900 resolution monitor):
body {color:RGB(0,0,0) !important; background-color:RGB(253,253,253) !important; text-align:justify !important; line-height:1.2 !important; margin-top:0px !important; margin-bottom:4px !important; margin-right:450px !important; margin-left:450px !important; text-indent:5em !important; background-image:url("http://img33.imageshack.us/img33/2545/calibrebackground.png") !important; background-position:50% !important;} p,div {margin-bottom:8px !important;margin-top:8px !important;} blockquote {padding-right:35px !important;margin-bottom:8px !important;} h1, h2, h3, h4, h5, h6 {color:black !important; text-align:center !important; font-style:italic !important; font-weight:bold !important;} The calibrebackground.png image is just a 1600 pixel by 5 pixel graphic, with the dark-gray color sampled from the Kindle PC reader. If you're using a different screen resolution, you'd need to play around with the body margin-left and margin-right properties, and probably modify the .png too. Last edited by AcousticYorick; 01-02-2012 at 04:52 PM. |
01-18-2012, 11:29 AM | #125 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jan 2012
Device: transformer
|
columns?
is it possible to make columns for full screen mode. i would like to have columns because reading long lines can be a hassle and reading in a smaller window is distracting because of everything else on the screen. i'm no computer expert but i did try googliing how to make columns in for css but they all involved tags and classes being added to html page. i just wanted to have the 2 equal columns with content flowing from the first to the second column. is that even possible without using specific tags and classes? if not i think it should be a feature added to calibre's options.
Last edited by bate23bate23; 01-18-2012 at 11:32 AM. Reason: typos |
Advert | |
|
01-18-2012, 11:46 AM | #126 |
creator of calibre
Posts: 44,145
Karma: 22670164
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
Click preferences in the viewer, set the max view width to whatever you want and make it full screen
|
01-18-2012, 12:02 PM | #127 | |
Junior Member
Posts: 2
Karma: 10
Join Date: Jan 2012
Device: transformer
|
Quote:
thanks for the fast reply! hopefully we will see this feature added to calibre in the near future. |
|
01-22-2012, 05:33 PM | #128 | |
Junior Member
Posts: 1
Karma: 10
Join Date: Jan 2012
Device: pc
|
Quote:
Code:
body { color: rgb(215,215,0); background-color:rgb(0,0,205); line-spacing:1.8; 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: 1.5em !important; } p + p { margin-top: 0; } |
|
02-14-2012, 09:39 PM | #129 |
Junior Member
Posts: 1
Karma: 10
Join Date: Feb 2012
Device: none
|
Where and how to put these codes in mine calibre? i din't place to keep it. Plz help me out.
Regards, Nirazo |
02-14-2012, 09:45 PM | #130 |
Well trained by Cats
Posts: 30,107
Karma: 57259780
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
|
02-20-2012, 11:24 AM | #131 |
Newbie
Posts: 6
Karma: 10
Join Date: Jan 2012
Location: "Lowcountry", SC, USA
Device: none
|
I don't know anything about how to adjust a CSS script so please forgive me. I am trying to use:
body { color:rgb(0,0,0) !important; background-color:rgb(200,200,200); text-align:justify; line-spacing:1.8; margin-top:1px; margin-bottom:1px; margin-right:10px; margin-left:10px; -webkit-column-count: 2; -webkit-column-gap: 1em; -webkit-column-rule: 1px dotted; height: 650px; width:1200px text-indent: 2em; } h1, h2, h3, h4, h5, h6 { color:black; text-align:center; font-style:italic; font-weight:bold; } to have a two column viewing to read, like an actual open book. It was originally posted by carthoris. When I input this, it opens as two columns and looks great. When I turn a page, in any way, the book advances hundreds of pages @ a time. Please advize on how to make this work correctly. Thanks, Phil. I have discovered all pages are viewable, I have to scroll left to right on the bottom scroll bar. Is there code to [my guess] create a page break after every other column. Thanks. Last edited by wpcreader; 02-20-2012 at 01:46 PM. |
02-25-2012, 11:59 AM | #132 |
Junior Member
Posts: 2
Karma: 10
Join Date: Feb 2012
Device: Sony PRS-505
|
Squashed text vertically
I'm a newby, and after reading this thread, have employed the offered CSS text to control the viewer ... but no matter what I do with it, or my choices for font or its sizes, the display looks like each line has been sat on. (When I tried to copy a sample here, it reproduced as normal, which is not what's on my computer viewing screen).
My style sheet is: body {color:rgb(0,0,0); background-color:rgb(228,226,224); text-align:justify; line-spacing:2;!important; margin-top:0px; margin-bottom:4px; margin-right:50px; margin-left:50px; text-indent:3em;} h1, h2, h3, h4, h5, h6 {color:black; text-align:left; font-style:italic; font-weight:bold;} |
03-27-2012, 06:01 PM | #133 |
Banned
Posts: 6
Karma: 10
Join Date: Mar 2012
Location: Brazil
Device: Galaxy Ace
|
My style sheet:
body { color: #393939; background:#F9F0C9 url('file:///C:/Program Files (x86)/Calibre2/resources/images/old_paper.jpg'); text-align:justify; line-spacing:1.8; margin-right:8em !important; margin-left:8em !important; } p { text-indent:2.5em !important; padding-bottom:0.5em; font-family: "Book Antiqua", Palatino, serif !important; } h1, h2, h3, h4, h5, h6, .p6 { color: #330000 !important; border-bottom: 2px solid #330000 !important; text-align:right !important; font-style:italic !important; font-weight:bold !important; font-size: 1.3em !important; } ::selection { background: #FADC5C; } image used as background: |
06-15-2012, 04:42 AM | #134 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jun 2012
Device: laptop
|
REALLY thanks!
really helpful to me! you bailed me out.
|
06-15-2012, 04:49 AM | #135 | |
Junior Member
Posts: 2
Karma: 10
Join Date: Jun 2012
Device: laptop
|
you bailed me out!
Quote:
really thanks! |
|
|
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 |