MobileRead Forums - View Single Post - Method to Convert Fancy CSS to Everyday CSS?

enuddleyarbl · 07-22-2022, 03:10 PM

In general, my epubs have been fairly old and I've been playing around with converting their CSS styles (selectors) over to my standard set of CSS styles. No problem. Lately, I've run across some more "modern" CSS that short-circuits my brain so that I can't figure out what it's doing. Right now, I'm looking at the kepub version of Wilkie Colins' "The Woman in White" as formatted by Standard Ebooks:

https://standardebooks.org/ebooks/wi...woman-in-white

and, while it looks like I can mostly understand their CSS, I would prefer my old, plebian CSS. From an old, bloody thread:

https://www.mobileread.com/forums/sh...d.php?t=335913

I took a look at the formatting JSWolf came up with in place of what Standard Ebooks used in one of their books, and that's pretty much what I use (the h2 + p, hr + p selector is new to me and looks pretty useful). What I'd like to do is convert this book's CSS over. But, I don't know what the most efficient way to do it is. As a starting point, it looks like I can just rip out all the <section> and <header> stuff and well as things like role= and type= (most of which I don't understand).

Any other suggestions as a methodology?

EDIT: Tex2002ans kindly provided a lot of information in another thread:

https://www.mobileread.com/forums/sh...5&postcount=12

But, I was hoping for a more "nutshell" version for converting between Standard Ebooks' formats to my everyday formats.

07-22-2022, 03:10 PM	#1
enuddleyarbl Guru Posts: 781 Karma: 1538394 Join Date: Sep 2013 Device: Kobo Sage	Method to Convert Fancy CSS to Everyday CSS? In general, my epubs have been fairly old and I've been playing around with converting their CSS styles (selectors) over to my standard set of CSS styles. No problem. Lately, I've run across some more "modern" CSS that short-circuits my brain so that I can't figure out what it's doing. Right now, I'm looking at the kepub version of Wilkie Colins' "The Woman in White" as formatted by Standard Ebooks: https://standardebooks.org/ebooks/wi...woman-in-white and, while it looks like I can mostly understand their CSS, I would prefer my old, plebian CSS. From an old, bloody thread: https://www.mobileread.com/forums/sh...d.php?t=335913 I took a look at the formatting JSWolf came up with in place of what Standard Ebooks used in one of their books, and that's pretty much what I use (the h2 + p, hr + p selector is new to me and looks pretty useful). What I'd like to do is convert this book's CSS over. But, I don't know what the most efficient way to do it is. As a starting point, it looks like I can just rip out all the <section> and <header> stuff and well as things like role= and type= (most of which I don't understand). Any other suggestions as a methodology? EDIT: Tex2002ans kindly provided a lot of information in another thread: https://www.mobileread.com/forums/sh...5&postcount=12 But, I was hoping for a more "nutshell" version for converting between Standard Ebooks' formats to my everyday formats. Last edited by enuddleyarbl; 07-22-2022 at 03:25 PM.