Loading a custom CSS on kepub opening

met67 · 07-26-2013, 05:20 AM

Hi,

I've spent some (interesting...) time strace-ing nickel and found that, on every kepub opening, it searches for this file:

Code:

/mnt/onboard/.kobo/kepub/kepub-book.css

So I tried to create such a file with a single line like this:

Code:

* { -webkit-hyphens: auto; }

and voilà, every book I open gets hyphenated!

This could also used to force other properties like widows/orphans, margin, ecc. ecc.

PeterT · 07-26-2013, 06:58 AM

Interesting! Now let me ask what will appear a very stupid question

How do I get strace onto a Kobo for some more tracing?

met67 · 07-26-2013, 07:09 AM

I downloaded strace from here, put it in /root, chmod-ed +x it and then used strace -p <pid> from telnet, with <pid> being the process id of nickel (use ps to get it)...

Anak · 07-26-2013, 08:10 AM

Quote:

Originally Posted by met67

I downloaded strace from here, put it in /root, chmod-ed +x it and then used strace -p <pid> from telnet, with <pid> being the process id of nickel (use ps to get it)...

Interesting, but can you provide a more clear description on what and how to install and run it?

met67 · 07-26-2013, 08:43 AM

Quote:

Originally Posted by Anak

Interesting, but can you provide a more clear description on what and how to install and run it?

I've opened a dedicated thread:
Running strace on Kobo

henriquemaia · 07-26-2013, 12:49 PM

Quote:

Originally Posted by met67

[...]

So I tried to create such a file with a single line like this:

Code:

* { -webkit-hyphens: auto; }

[...]

This could also used to force other properties like widows/orphans, margin, ecc. ecc.

Out of curiosity:
How can one force other properties using that css file?

WS64 · 07-26-2013, 01:58 PM

Is there something like this css for epubs too?

met67 · 07-27-2013, 04:05 AM

Quote:

Originally Posted by henriquemaia

Out of curiosity:
How can one force other properties using that css file?

It is hard to explain in a few words, it is just the way CSS works.

All the styles you include in this file are 'cascaded' (i.e. merged according to the CSS specification) with those of the ePub so that you can modify the overall result.
Note that CSS allows for styles to be marked with the "!important" keyword, to get higher priority in the style order.

PeterT · 07-27-2013, 07:06 AM

Quote:

Originally Posted by WS64

Is there something like this css for epubs too?

From my observations last night, nope.

Ken Maltby · 07-27-2013, 07:59 AM

Quote:

Originally Posted by WS64

Is there something like this css for epubs too?

OT; perhaps, but there are css for epub and others in the cr3engine portion of Koreader.

Luck;
Ken

tshering · 07-27-2013, 08:50 AM

Quote:

Originally Posted by henriquemaia

Out of curiosity:
How can one force other properties using that css file?

I like especially

Code:

html {-epub-writing-mode: vertical-rl}

and

Code:

html {
    color:white;
    background-color:black;
}

In combination with kobolauncher or files monitor you can in this way toggle between sort of day/night mode and portrait/landscape.

WS64 · 07-27-2013, 10:50 AM

Quote:

Originally Posted by PeterT

From my observations last night, nope.

Thanks

Anak · 07-27-2013, 12:44 PM

kepub-book.css seems to be epub3 complient. It accepts many css3 properties (if implemented). Including @rules like

Code:

@-epubx-viewport {width:610px !important;height:810px !important;}

Kepubs with an empty line after each paragraph can be fixed by adding this to the stylesheet.

Code:

p {padding-bottom:0 !important;}

davidfor · 07-27-2013, 09:11 PM

Quote:

Originally Posted by Anak

kepub-book.css seems to be epub3 complient. It accepts many css3 properties (if implemented). Including @rules like

The reason for that is kepubs are read using the ACCESS renderer. This handles epub3 and is where the time is being spent to improve the support.

Lucas Malor · 07-30-2013, 05:07 AM

Do you know if the program GUI (nickel) look for a custom css as kepubs do?

07-26-2013, 05:20 AM	#1
met67 Connoisseur Posts: 78 Karma: 165868 Join Date: Jan 2012 Device: Nook Touch	Loading a custom CSS on kepub opening Hi, I've spent some (interesting...) time strace-ing nickel and found that, on every kepub opening, it searches for this file: Code: /mnt/onboard/.kobo/kepub/kepub-book.css So I tried to create such a file with a single line like this: Code: * { -webkit-hyphens: auto; } and voilà, every book I open gets hyphenated! This could also used to force other properties like widows/orphans, margin, ecc. ecc. Last edited by met67; 07-26-2013 at 07:10 AM. Reason: missing 'e'...

07-27-2013, 12:44 PM	#13
Anak Fanatic Posts: 599 Karma: 641742 Join Date: Mar 2012 Location: DE Device: Kobo Glo	kepub-book.css seems to be epub3 complient. It accepts many css3 properties (if implemented). Including @rules like Code: @-epubx-viewport {width:610px !important;height:810px !important;} Kepubs with an empty line after each paragraph can be fixed by adding this to the stylesheet. Code: p {padding-bottom:0 !important;}

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
PRS-950 A little web too to generate custom CSS	gsgleason	Sony Reader	0	12-18-2011 06:51 PM
Custom CSS	Japes	Conversion	5	07-09-2011 08:15 PM
PRS-300 Stuck in Opening Book, Loading, restart cycle	tiggertiffin87	Sony Reader	0	10-18-2010 08:33 PM
Custom CSS for output	deckoff	Calibre	1	08-28-2010 11:55 PM
Custom covers for Kobo's book loading screen?	Gianorama	Kobo Reader	7	07-28-2010 11:44 AM

07-26-2013, 06:58 AM	#2
PeterT Grand Sorcerer Posts: 12,261 Karma: 74007256 Join Date: Nov 2007 Location: Toronto Device: Nexus 7, Clara, Touch, Tolino EPOS	Interesting! Now let me ask what will appear a very stupid question How do I get strace onto a Kobo for some more tracing?

07-26-2013, 07:09 AM	#3
met67 Connoisseur Posts: 78 Karma: 165868 Join Date: Jan 2012 Device: Nook Touch	I downloaded strace from here, put it in /root, chmod-ed +x it and then used strace -p <pid> from telnet, with <pid> being the process id of nickel (use ps to get it)...

07-26-2013, 01:58 PM	#7
WS64 ♫ Posts: 661 Karma: 506380 Join Date: Aug 2010 Location: Germany Device: Kobo Aura / PB Lux 2 / Bookeen Frontlight / Kobo Mini / Nook Color	Is there something like this css for epubs too?

07-30-2013, 05:07 AM	#15
Lucas Malor Pain in the arse Posts: 758 Karma: 77856 Join Date: Apr 2013 Device: Kobo Aura One, Kindle 4	Do you know if the program GUI (nickel) look for a custom css as kepubs do?

Advert

Advert