Thanks!
I just verified that issue 1874 is still having a problem with this:
Quote:
When you use the "Delete Unused Stylesheet Classes" feature Sigil selects pseudo-elements for deletion as well.
e.g.
p.first
p.first:first-line
p.first:first-letter
Will remove "first-line" and "first-letter" even though the "first" class is being used.
This is obviously avoidable if you review the list of selected deletions before accepting...but it would be better to not have them selected in the first place.
|
Here's the relevant css/html as I have them:
Code:
div.v-ctr {height:100%; width:100%; display:table; position:absolute}
div.v-ctr div{display:table-cell; vertical-align:middle}
.auth, .stit1, .stit2 {text-align:center; text-indent:0; margin-right:0; margin-left:0}
.auth {margin-top:1em; margin-bottom:0; font-size:2.2em; font-weight:bold}
.stit1 {margin-top:2em; margin-bottom:1em; font-size:1.1em; font-weight:bold}
.stit2 {margin-top:2em; margin-bottom:0; font-size:1.1em; font-weight:normal; font-style:italic}
.stit1 + .stit1 {margin-top:-1em; margin-bottom:1em}
<body>
<div class="v-ctr">
<div>
<h1 id="title">Marvin Rules!</h1>
<p class="stit1">Saga of an ePuber</p>
<p class="stit1">Book 69</p>
<p class="stit1">(Sub-Series Book 1)</p>
<p class="stit2">By</p>
<p class="auth">Yours Truly</p>
</div>
</div>
</body>
Sigil will mark the following for deletion:
div.v-ctr div
.auth
.stit1
.stit2
.stit1 + .stit1
As an aside:
I know that Kindle Previewer doesn't like the "position:absolute" in div.v-ctr ...does anyone know of an alternate way to get a block of text vertically centered in the viewing window??
Cheers!
Dion