View Single Post
Old 11-02-2016, 02:55 PM   #217
yonkyunior
Cultivator
yonkyunior doesn't litteryonkyunior doesn't litteryonkyunior doesn't litter
 
yonkyunior's Avatar
 
Posts: 94
Karma: 216
Join Date: Feb 2015
Device: PRST2
how to make calibre ignore the css inside the book, and using external css instead?
I tried using user stylesheet to change the text indent and h1-h5 color,

Quote:
body {
font-family: "Nokia S60", Sans-serif;
background:#FFF9E3;
margin-right:75px;
margin-left:75px;
text-align:justify;
line-height:1.25em;
background-image:url("file:///C:/Program Files/Calibre2/resources/images/background.jpg")
}
@page {
margin-top: 0.8em;
margin-bottom: 0.8em;
margin-left: 0.4em;
margin-right: 0.4em;
}
h2 {
padding-top: 0;
display: block;
text-align: center;
}
h3 {
display: block;
font-color:#9f102e;
text-align: center;
margin-left: 2em;
margin-right: 2em;
}
.poemnotes {
display: block;
margin-left: 2em;
margin-right: 2em;
text-align: right;
}
p {
text-indent: 1em;
line-height: 1.3em;
margin-top: 0.7em;
margin-bottom: 0.7em;
text-align: justify;
}
p .imgBig {
display: block;
width: 100%;
text-align: center;
text-indent: 0;
}
p .imgBig img {
margin-bottom: 5px;
max-width: 100%;
}
p .imgSmall img {
display: inline-block;
max-width: 100%;
}
table {
max-width: 90%;
}

table td {
vertical-align: center;
text-align: center;
padding-left: 0.8em;
padding-right: 0.8em;
}
table p{
text-indent: 0;
}
table .row img {
max-width: 100px;
max-height: 100px;
}
table .rowSingleImg img {
max-width: 100%;
}
table .rowSingleImg td {
text-align: center;
}
the font is changed, and why the text-indent doesn't changes?
yonkyunior is offline   Reply With Quote