Calibre Catalog CSS Warning

phossler · 03-10-2014, 08:27 PM

I've been having fun exploring the nooks and crannies of Calibre and the new editor.

My latest was learning how to make a epub catalog. I loaded the resulting epub into the editor. Running Check throws a CSS warning (screen shot)

It's not a biggie but I was thinking that the catalog-generating CSS might be changed to replace the webkit or maybe someone could give me the CSS to change

I'm not even sure what a webkit means

Thanks

eschwartz · 03-10-2014, 08:47 PM

It says to use the box-shadow css3 property, but only in WebKit, the rendering engine behind Google Chrome, Safari, (Opera, I think) and incidentally, the ebook-viewer. See: http://www.css3.info/preview/box-shadow/

it requires/(required?) the -webkit- prefix because back in the day, this was experimental, and -webkit- or -moz- would be ignored by other rendering engines.

kovidgoyal · 03-10-2014, 11:08 PM

That's an example of progressive enhancement. Many ebook readers are based of the webkit rendering engine and support -webkit-box-shadow, but not simple box-shadow. Therefore on such readers, the box shadow will be rendered and look nice. On others it will simply be ignored and cause no problems.

03-10-2014, 08:27 PM	#1
phossler Wizard Posts: 1,075 Karma: 412718 Join Date: Jan 2009 Location: Valley Forge, PA, USA Device: Kindle Paperwhite	Calibre Catalog CSS Warning I've been having fun exploring the nooks and crannies of Calibre and the new editor. My latest was learning how to make a epub catalog. I loaded the resulting epub into the editor. Running Check throws a CSS warning (screen shot) It's not a biggie but I was thinking that the catalog-generating CSS might be changed to replace the webkit or maybe someone could give me the CSS to change I'm not even sure what a webkit means Thanks Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
calibre catalog	underscore	Library Management	1	04-28-2013 06:23 AM
Kindlegen warning about css	sderrick	Kindle Formats	1	04-17-2012 04:24 AM
Calibre as Catalog?	jekkii	Library Management	11	01-08-2011 12:15 PM
Problem with Catalog in Calibre	clockmaker	Library Management	1	10-05-2010 06:27 AM

03-10-2014, 08:47 PM	#2
eschwartz Ex-Helpdesk Junkie Posts: 19,422 Karma: 85397180 Join Date: Nov 2012 Location: The Beaten Path, USA, Roundworld, This Side of Infinity Device: Kindle Touch fw5.3.7 (Wifi only)	It says to use the box-shadow css3 property, but only in WebKit, the rendering engine behind Google Chrome, Safari, (Opera, I think) and incidentally, the ebook-viewer. See: http://www.css3.info/preview/box-shadow/ it requires/(required?) the -webkit- prefix because back in the day, this was experimental, and -webkit- or -moz- would be ignored by other rendering engines.

03-10-2014, 11:08 PM	#3
kovidgoyal creator of calibre Posts: 43,866 Karma: 22666666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	That's an example of progressive enhancement. Many ebook readers are based of the webkit rendering engine and support -webkit-box-shadow, but not simple box-shadow. Therefore on such readers, the box shadow will be rendered and look nice. On others it will simply be ignored and cause no problems.