MobileRead Forums - View Single Post

mathjock · 05-14-2017, 01:24 AM

Thanks for the recommendation, here is what I have discovered:

if -webkit-transform is in the class "x" where x=calibre (through conversion with extra css or addition after conversion), or x=mirrored (through addition to css after conversion), then

<body class="x">
[pages of text/images]
</body>

Reproduces the problems noted above. However, if I create a new class "mirrored" post-conversion, then

<body class="calibre">
<div class="mirrored">
[pages of text/images]
</div>
</body>

Works and displays fine. No idea why.

So I guess my question now has become: how to add a new class ("mirrored") to the css, and is there any way to automate the insertion of a <div class="mirrored"> immediately after every <body class="calibre"> during the conversion process?

I assume the former is easy enough, though when tried the extra css script with .mirrored {-webkit-transform: scale(-1, 1)}, it was completely missing from the stylesheet at the end. I am clueless when it comes to the latter.

05-14-2017, 01:24 AM	#9
mathjock Junior Member Posts: 6 Karma: 10 Join Date: May 2017 Device: PRS-505	Thanks for the recommendation, here is what I have discovered: if -webkit-transform is in the class "x" where x=calibre (through conversion with extra css or addition after conversion), or x=mirrored (through addition to css after conversion), then <body class="x"> [pages of text/images] </body> Reproduces the problems noted above. However, if I create a new class "mirrored" post-conversion, then <body class="calibre"> <div class="mirrored"> [pages of text/images] </div> </body> Works and displays fine. No idea why. So I guess my question now has become: how to add a new class ("mirrored") to the css, and is there any way to automate the insertion of a <div class="mirrored"> immediately after every <body class="calibre"> during the conversion process? I assume the former is easy enough, though when tried the extra css script with .mirrored {-webkit-transform: scale(-1, 1)}, it was completely missing from the stylesheet at the end. I am clueless when it comes to the latter.