I'm trying to style a <blockquote> in my style sheet, but it looks fine but fails FlightCrew with "no character data allowed by content model". I'd really prefer a "No Errors" check just to avoid missing something important
CSS is basic:
Code:
html, body {
height: 100%;
margin: 0;
padding:0;
border-width: 0;
font-family:"Charis SIL";
}
@page {
margin: 5pt;
}
h1 {
page-break-before: always;
page-break-after: avoid;
text-indent: 0;
text-align: center;
margin-top:0;
margin-bottom: 2em;
font-size: 2em;
font-weight: bold;
font-style: normal;
}
p {
text-indent:2em;
text-align: left;
font-size: 1em;
margin-top:0;
margin-bottom: 1em;
font-size: 1em;
font-weight: normal;
font-style: normal;
line-height:120%;
}
.noindent {
text-indent: 0;
}
h1 + p {
text-indent:0;
}
blockquote {
text-indent: 0em;
text-align: left;
font-size: 1em;
margin-left:10%;
margin-right:10%;
margin-top:1em;
margin-bottom: 1em;
font-size: 1em;
font-weight: normal;
font-style: italic;
line-height:120%;
}
and the epub:
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../Styles/epub1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Title Here</h1>
<p>1 -- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.</p>
<blockquote>
<p class="noindent">2 -- Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus.</p>
</blockquote>
<blockquote class="noindent">
<p>3 -- Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus.</p>
</blockquote>
<blockquote>
4 -- Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris.
</blockquote>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p>5 --- Sed at velit nisl. Donec eu mauris tortor, interdum condimentum erat. Nam egestas turpis eget nibh laoreet pharetra. Suspendisse a sem eros, ut pulvinar enim. In sed elit eu nulla accumsan tincidunt eget sit amet ipsum. Nullam ut massa rutrum dolor placerat tempor accumsan eget purus.</p>
</blockquote>
</body>
</html>
para 1 - </h1><p> works fine, the h1+p works very nicely (learned it here)
para 2 -<blockquote><p class="noindent"> is indented correctly, but loses the italic from the blockquote
para 3 - <blockquote class="noindent"><p> no italic and wrong indent
para 4 - <blockquote> has italic and correct alignment, but fails FlightCrew
para 5 - <blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><p> is from the Sigil [Increase Indent] button
So the question is ...
.... how can I style the stylesheet to get the intended result (para 4), but not give me FlightCrew errors (apparently since there are no <p> tags)???
Thanks
Paul
BTW, I wish the [Increase Indent] would only wrap <blockquote> tags. I have to use a Clip to do that