Custom CSS Stylesheets for Calibre's Viewer

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;}


You have an error in there. I was testing out a completely different color scheme (harking back to the "good old" MS-DOS days), when I used WHITE on BLUE background for my console (worked better then, with fixed pitch, large fonts :-). In your code above, you need to add a ':' after the body 'color' name. Without it, the body (text) color is ignored. It still works for what you want, because the default color is black. But it doesn't work if you try to set it to anything else. Not necessarily pleasing to use, but as another example, here's my "white on blue" style:

body {
color: rgb(255,255,255);
background-color:rgb(0,0,255);
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:white;
text-align:center;
font-style:italic;
font-weight:bold;
}


Reproduced in: https: //my.oschina.net/shiftwang/blog/365343

Intelligent Recommendation

How to load CSS stylesheets only on IE

Foreword: IE has always been a special browser, we can use some methods to specify that the style sheet is only loaded under IE browser. IE9 and lower than IE9 version: Conditional comment statements ...

Dynamic loading with javascript javascript script / css stylesheets

Reproduced in: https: //www.cnblogs.com/heitou/archive/2011/06/21/2086205.html...

Conditional Stylesheets vs CSS Hacks? Answer: Neither!

…or… <html>’s conditional classes From what I’ve seen a good number of developers these days are split between conditional stylesheets and css hacks. You’re ...

About Myeclipse is not recognized (read) part of css stylesheets

Two days before going to write big job, and then spend the semester to write the code found invalid css import (import from external Myeclipse), examined the path, encoding, etc. will not work, I even...

More Recommendation

[CSS] -Cascading styleSheets layered style table

  Table of contents 0. CSS introduction 1. CSS statement composition 2. How to select the CSS selector 1) The method and selector of the CSS selector: 2) Three common methods: 3. Add CSS method 1...

Cross-viewer CSS

Let different browsers load different CSS through condition notes Condition notes ! "Non-" operator The LT is smaller than the operator LTE is less than or equal to operator GT is greater th...

Spring Boot custom viewer

#Custom viewing viewer...

How to Build a CSS Image Viewer

Picture viewer implemented in pure CSS-renderings:    ...

Add a custom toolbar for Autodesk Viewer

If you have participated in our recent events, you will frequently hear about the Autodesk Viewer large model browser that we are currently doing. This is a browser based on WebGL technology that does...

Copyright  DMCA © 2018-2026 - All Rights Reserved - www.programmersought.com  User Notice

Top