Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Calibre > Library Management

Notices

Reply
 
Thread Tools Search this Thread
Old 05-31-2011, 06:50 AM   #76
Sabardeyn
Guru
Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.Sabardeyn ought to be getting tired of karma fortunes by now.
 
Sabardeyn's Avatar
 
Posts: 616
Karma: 1242364
Join Date: May 2009
Location: The Right Coast
Device: PC (Calibre), Nexus 7 2013 (Moon+ Pro), HTC HD2/Leo (Freda)
Less glare, justified text in a central column

Calibre's viewer is quite capable, but as many have pointed out, staring at a computer monitor for any length of time begins to strain the eyes.

I've modified the css from Ekaser's post, to create a dark charcoal gray background with barely gray text. Resulting in distinct, but not too extreme, contrast to avoid a "glare" effect.

The margins are very wide (350px) to create a column of justified text within the center of the screen (intended for 20"+ monitors, otherwise margins will need editing downward). Note that the viewer is used full window. (Not full screen - which removes the option to see the taskbar & system tray.)

I've manually increased font size in the viewer, not in the CSS. That is the only un-accounted for change in the viewer snapshot. (I imagine font size can be set via CSS, but sometimes I vary the size.)

Code:
body {
color: rgb(235,235,235);
background-color:rgb(20,20,20);
text-align:justify;
line-spacing:1.8;
margin-top:0px;
margin-bottom:4px;
margin-right:350px !important;
margin-left:350px !important;
text-indent:2em;
}
h1, h2, h3, h4, h5, h6 {
color: rgb(235,235,235);
text-align:center;
font-style:italic;
font-weight:bold;
}
This results in a a fairly dark, monochrome color palette which prevents desktop elements from distracting you while reading - while leaving them available if you quickly need to access them.

If you would like darker text, change the topmost "color: rgb(235,235,235);" line to a lower number. Keeping all three sets of numbers the same will result in a true gray.
Attached Thumbnails
Click image for larger version

Name:	Viewer.jpg
Views:	1744
Size:	163.6 KB
ID:	72116  
Sabardeyn is offline   Reply With Quote
Old 07-18-2011, 08:11 PM   #77
wildchild1954
Member
wildchild1954 began at the beginning.
 
Posts: 18
Karma: 10
Join Date: Mar 2011
Device: Pandigital
Is there any way to see what these CSS style sheets look like? I have absolutely no idea what they are or how to put them in Calibre even. I do know that I'm trying to convert .rtf files into ePUb files and I want chapter spacing so each one starts on a new page and I want the paragraphs indented and not spaced one line apart.

I have a Pandigital Novel 7" White and all of my files are in PDF format - which worked great in the reader provided with the 2010 FW that came originally on my unit. When I updated to the 03/02 FW none of the PDF files will display correctly in the reader and I have to use the OfficeSuite app to display them correctly and that loses all of the things you need in a reader - remembering last page read, table of content, tap to turn page, etc. . . .

Can anyone help me with this?
wildchild1954 is offline   Reply With Quote
 
Enthusiast
Old 07-18-2011, 10:30 PM   #78
DoctorOhh
US Navy, Retired
DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.
 
DoctorOhh's Avatar
 
Posts: 8,775
Karma: 12516053
Join Date: Feb 2009
Location: North Carolina
Device: Nexus 7
Quote:
Originally Posted by wildchild1954 View Post
I have a Pandigital Novel 7" White and all of my files are in PDF format - which worked great in the reader provided with the 2010 FW that came originally on my unit. When I updated to the 03/02 FW none of the PDF files will display correctly in the reader and I have to use the OfficeSuite app to display them correctly and that loses all of the things you need in a reader - remembering last page read, table of content, tap to turn page, etc. . .
This thread is discussing CSS style sheets for calibre's internal viewer not for a device. You might want to seek out a forum dedicated to the Pandigital Novel reader.

Good Luck.
DoctorOhh is online now   Reply With Quote
Old 07-22-2011, 08:39 AM   #79
wildchild1954
Member
wildchild1954 began at the beginning.
 
Posts: 18
Karma: 10
Join Date: Mar 2011
Device: Pandigital
I wasn't asking about the device. I was simply explaining why I was trying to use Calibre to convert PDF files to ePub. I thought if my converted files displayed in Calilbre's viewer correctly they would on the Pandigital. But I don't need Calibre I found a better program.
wildchild1954 is offline   Reply With Quote
Old 08-28-2011, 01:21 PM   #80
shadesofevil
Junior Member
shadesofevil began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Aug 2011
Device: iPhone, iPad, kindle3
This is what I use. I find that white on black is too much contrast, so I opt instead for a grey on grey(dark). Font used is Cambria.

http://imageshack.us/photo/my-images...829at011.png/#

Code:
body {
background: rgb(230,230,230);
background-size:100% 100%;

margin-left:1.2em !important;
margin-right:1.2em !important;
margin-top:1.4em;
margin-bottom:1.4em;

color:rgb(60,60,60);
}

::selection {
background: rgb(190,190,190);
}

p{
text-indet:3em;
padding-top:5px;
}

/*this won't work but its here hoping it may at some point*/
A:link{
text-decoration:none;
color:beige;
}
shadesofevil is offline   Reply With Quote
Old 09-06-2011, 11:32 AM   #81
teknix
Junior Member
teknix began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Sep 2011
Device: none
I prefer a tan (a wheat color, really) background with grey text. Here is the code:

Code:
body {
background-color: #EFEBD6;
padding: 20px 30px 20px 30px;
color: #555555;
}
It looks like this:

teknix is offline   Reply With Quote
Old 09-13-2011, 05:11 AM   #82
carthoris
Junior Member
carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.carthoris ought to be getting tired of karma fortunes by now.
 
Posts: 3
Karma: 400000
Join Date: Sep 2011
Device: none
i use those:

NORMAL:
------------------

body {color:rgb(0,0,0);
background-color:rgb(200,200,200);
text-indent:2em;
line-spacing:1.8;
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:center;
font-style:italic;
font-weight:bold;}



DARKER:
--------------------

body {color:rgb(0,0,0);
background-color:rgb(192,192,192);
text-indent:2em;
line-spacing:1.8;
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:center;
font-style:italic;
font-weight:bold;}





NIGHT:
-------------------

body {color:rgb(184,184,184) ;
background-color:rgb(0,0,0) ;
text-indent:2em;
line-spacing:1.8;
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:center;
font-style:italic;
font-weight:bold;}





2 COLUMNS:
-------------------

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;
}
carthoris is offline   Reply With Quote
Old 09-16-2011, 12:07 PM   #83
josephinediane
Junior Member
josephinediane began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Feb 2011
Device: none
how do i separate pages in view?

Quote:
Originally Posted by Ralob View Post
My personal CSS style is extremely basic, but it does exactly what I want- proper indentation for all paragraphs, adequate spacing between lines, background color that is easy on the eyes, and centered headings. Very basic but it does its job.

body {color:rgb(0,0,0);
background-color:rgb(174,174,174);
text-align:justify;
line-spacing:1.8;
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:center;
font-style:italic;
font-weight:bold;}
im having promblems separating pages in view of clibre
josephinediane is offline   Reply With Quote
Old 10-05-2011, 11:39 AM   #84
nolookpass432
Junior Member
nolookpass432 began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Oct 2011
Device: Nook Color
I like this one instead.

body {
color: rgb(0,0,0);
background-color:rgb(51,102,153);
text-align:justify;
line-spacing:1.8;
margin-top:0px;
margin-bottom:4px;
margin-right:50px;
margin-left:50px;
text-indent:2em;
}
h1, h2, h3, h4, h5, h6 {
color:black;
text-align:center;
font-style:italic;
font-weight:bold;
}

Simple, good contrast, and easy to look at for a while.
nolookpass432 is offline   Reply With Quote
Old 10-06-2011, 09:54 PM   #85
philetus
Junior Member
philetus began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Oct 2011
Device: none
@tecnix

CSS newbee here. I installed Calibre 30 min. ago to convert epub to pdf, but I kind of like epub in Calibre viewer.

Would you post the CSS code you use to make your viewer look the way it does?
I tried narrowing it with the tool in "configure" and tried http://www.w3schools.com/Css/default.asp
but nothing changed.
Seeing the correct code would go a long way in helping me understand how to do it.

Thanks
philetus is offline   Reply With Quote
Old 10-13-2011, 03:47 PM   #86
Winnfred
Junior Member
Winnfred began at the beginning.
 
Winnfred's Avatar
 
Posts: 1
Karma: 10
Join Date: Oct 2011
Device: kindle
Please excuse my clumsiness. I am not familiar with this process but I am interested in this subject and I'm giving it a try. My computing skills are sad I love to read and I think the Calibre program is a wonderful piece of programming. It needs to be a little more user friendly and with some modifications it could become the OS for every reader on the market. Imagine a reader that could instantly read every format and be intuitively structured to each users preferences. It is not far off now. Just add some needed features in flexibility and make it the prime OS in a stand alone reader.
Now just to prove how lame I am, I started playing with the css style sheet. It seems that everytime I make a change it causes the content to loose sync when turning pages. Specifically every new page repeats about 5 lines from the previous page. How do I avoid that. DON'T YELL AT ME FOR BEING LAME. Be kind and your karma will grow in a good way. Many thanks. And if you do not answer and shine a light on my little question and you do yell at me, May a camel barf in your panty hose. Winnfred
Winnfred is offline   Reply With Quote
Old 10-14-2011, 07:18 PM   #87
jimjo23
Junior Member
jimjo23 began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Oct 2011
Device: android
I am new to both Calibre and CSS but managed to follow the directions from this threadhttp://www.mobileread.mobi/forums/sh...ad.php?t=80790.

I tried many times to alter the default text (i.e. CSS body tag) color of an ebook document (specifically and perhaps ironically a "For Dummies" ebook) and tried to apply the CSS stylesheets that users in this thread posted with no success even after converting the book with Calibre's converter to various formats.

I stripped out a few things which in the end I haven't missed. I noticed that calibre assigns its own moniker to the various custom CSS classes in the master stylesheet (i.e. ".Calibre17") and each has its own attributes. What a PITA this process was to figure out for a newbie...

I removed these attributes and their respective settings from all ".CalibreX" instances: "color: xxxx", "background-color: xxxx", and "display: block". For some reason I removed the last one on a whim. I have no clue what it did. Thanks.
jimjo23 is offline   Reply With Quote
Old 10-14-2011, 07:38 PM   #88
DoctorOhh
US Navy, Retired
DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.DoctorOhh ought to be getting tired of karma fortunes by now.
 
DoctorOhh's Avatar
 
Posts: 8,775
Karma: 12516053
Join Date: Feb 2009
Location: North Carolina
Device: Nexus 7
Quote:
Originally Posted by jimjo23 View Post
I removed these attributes and their respective settings from all ".CalibreX" instances: "color: xxxx", "background-color: xxxx", and "display: block". For some reason I removed the last one on a whim. I have no clue what it did. Thanks.
Removing the color references is fine. I never found a need to remove "display: block" so I'm not sure what it does.

Hopefully someone with expertise will be able to help you out shortly.
DoctorOhh is online now   Reply With Quote
Old 10-14-2011, 08:31 PM   #89
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 14,251
Karma: 5495470
Join Date: Aug 2009
Location: The (original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
My (very simple) interpretation is it is a confining container:
Think of a Shipping Carton (case) of Energy bars as the <body>.
Inside the case are display packs (24 bars) <p>
Inside the Display pack (usually what you see on the candy counter) a wrapped bars <span>
The bars are what you consume < the authors words >
Each block confine its contents:
A normal block stacks the contents wit the adjacent block

An Inline block places the block alongside


I also believe a block contains properties (prevents adjacent blocks from inheritance)

I would leave the "block: display;" in place

Oh!
Block also permits different controls depending on recognized device family:
Display
Print
Aural ...
theducks is offline   Reply With Quote
Old 10-24-2011, 10:57 AM   #90
cerramadre
Member
cerramadre began at the beginning.
 
Posts: 12
Karma: 10
Join Date: Aug 2011
Device: none
Using image as background on Ubuntu 11.04

Hi,

I'm new to Linux so I haven't a clue of where in the main File System folder programs get stored etc.

Does anyone know exactly where I should put my background image to get it to work with the ebook viewer?

My system is using Linux Ubuntu 11.04 - Natty I believe.

Thanks.
cerramadre is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 12:42 AM.


MobileRead.com is a privately owned, operated and funded community.