Quote:
Originally Posted by kovidgoyal
IIRC this is controlled by Preferences->Common Options->Look & Feel->Expand CSS
|
Yes, this is already set.
I just converted an ePub to KF8.
Here is the KF8's main CSS as it is just after loading into the editor.
Code:
.bep {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 4em;
text-align: justify;
text-indent: 0
}
.bepc {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 0;
text-align: right;
text-indent: 0
}
.bio_ {
display: block;
font-family: TradeBio;
font-size: 0.75em;
font-weight: bold;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
text-align: center;
text-indent: 1.2em
}
.bio_1 {
display: block;
font-family: TradeBio;
font-size: 1.41667em;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 1.2em
}
.bmtx {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 1.2em
}
.calibre {
display: block;
font-size: 1em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
oeb-column-number: 1;
orphans: 1;
padding-left: 0;
padding-right: 0;
text-align: justify;
widows: 1
}
.calibre1 {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 1.2em
}
.calibre2 {
display: block
}
.calibre3 {
line-height: 1
}
.calibre4 {
height: auto;
width: auto
}
.cl {
display: block;
font-family: ChareInk;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-bottom: 1em;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 0;
page-break-after: avoid;
text-indent: 0
}
.cl1 {
display: block;
font-family: ChareInk;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-bottom: 1em;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 1.2em;
page-break-after: avoid;
text-indent: 0
}
.clot {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.cltxl {
display: block;
font-family: ChareInk;
margin-bottom: 1.2em;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 0;
text-align: justify;
text-indent: 1.2em
}
.cr {
display: block;
font-family: ChareInk;
font-size: 0.75em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.crl {
display: block;
font-family: ChareInk;
font-size: 0.75em;
margin-bottom: 0.8em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.crlo {
display: block;
font-family: ChareInk;
font-size: 0.75em;
margin-bottom: 0.2em;
margin-left: 0;
margin-right: 0;
margin-top: 0.8em;
text-indent: 0
}
.ded {
display: block;
font-family: ChareInk;
font-style: italic;
margin-bottom: 0;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 4em;
text-align: center;
text-indent: 0
}
.fmh {
display: block;
font-family: CalcitePro, sans-serif;
font-size: 2em;
line-height: 1;
margin-bottom: 0.8em;
margin-left: 0;
margin-right: 0;
margin-top: 0.8em;
text-align: center;
text-indent: 0
}
.fmot {
display: block;
font-family: ChareInk;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.imagefp {
height: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
width: auto
}
.ipadfp {
display: block;
height: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center
}
.italic {
font-style: italic;
font-weight: normal
}
.regular {
font-family: ChareInk;
font-style: normal;
font-weight: normal
}
.txb {
border-bottom-color: currentColor;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: currentColor;
border-left-style: solid;
border-left-width: 2px;
border-right-color: currentColor;
border-right-style: solid;
border-right-width: 2px;
border-top-color: currentColor;
border-top-style: solid;
border-top-width: 2px;
color: #6B6D73;
display: block;
height: 2px;
margin-bottom: 1em;
margin-left: 40%;
margin-right: 40%;
margin-top: 1em
}
Here is the same CSS after editing one of the XMLfiles.
Code:
.bep {
display: block;
font-family: ChareInk;
text-align: justify;
text-indent: 0;
margin: 4em 1.5em 0;
}
.bepc {
display: block;
font-family: ChareInk;
text-align: right;
text-indent: 0;
margin: 0 1.5em;
}
.bio_ {
display: block;
font-family: TradeBio;
font-size: 0.75em;
font-weight: bold;
text-align: center;
text-indent: 1.2em;
margin: 1em 0 0;
}
.bio_1 {
display: block;
font-family: TradeBio;
font-size: 1.41667em;
font-weight: bold;
line-height: 1;
text-align: center;
text-indent: 1.2em;
margin: 0;
}
.bmtx {
display: block;
font-family: ChareInk;
text-align: justify;
text-indent: 1.2em;
margin: 0;
}
.calibre {
display: block;
font-size: 1em;
oeb-column-number: 1;
orphans: 1;
padding-left: 0;
padding-right: 0;
text-align: justify;
widows: 1;
margin: 0;
}
.calibre1 {
display: block;
font-family: ChareInk;
text-indent: 1.2em;
margin: 0;
}
.calibre2 {
display: block;
}
.calibre3 {
line-height: 1;
}
.calibre4 {
height: auto;
width: auto;
}
.cl {
display: block;
font-family: ChareInk;
font-style: normal;
font-variant: normal;
font-weight: bold;
page-break-after: avoid;
text-indent: 0;
margin: 0 1.5em 1em;
}
.cl1 {
display: block;
font-family: ChareInk;
font-style: normal;
font-variant: normal;
font-weight: bold;
page-break-after: avoid;
text-indent: 0;
margin: 1.2em 1.5em 1em;
}
.clot {
display: block;
font-family: ChareInk;
text-align: justify;
text-indent: 0;
margin: 0 1.5em;
}
.cltxl {
display: block;
font-family: ChareInk;
text-align: justify;
text-indent: 1.2em;
margin: 0 1.5em 1.2em;
}
.cr {
display: block;
font-family: ChareInk;
font-size: 0.75em;
text-indent: 0;
margin: 0;
}
.crl {
display: block;
font-family: ChareInk;
font-size: 0.75em;
text-indent: 0;
margin: 0 0 0.8em;
}
.crlo {
display: block;
font-family: ChareInk;
font-size: 0.75em;
text-indent: 0;
margin: 0.8em 0 0.2em;
}
.ded {
display: block;
font-family: ChareInk;
font-style: italic;
text-align: center;
text-indent: 0;
margin: 4em 1.5em 0;
}
.fmh {
display: block;
font-family: CalcitePro, sans-serif;
font-size: 2em;
line-height: 1;
text-align: center;
text-indent: 0;
margin: 0.8em 0;
}
.fmot {
display: block;
font-family: ChareInk;
text-align: justify;
text-indent: 0;
margin: 0;
}
.imagefp {
height: 100%;
text-align: center;
width: auto;
margin: 0;
}
.ipadfp {
display: block;
height: 100%;
text-align: center;
margin: 0;
}
.italic {
font-style: italic;
font-weight: normal;
}
.regular {
font-family: ChareInk;
font-style: normal;
font-weight: normal;
}
.txb {
color: #6B6D73;
display: block;
height: 2px;
border: currentColor solid 2px;
margin: 1em 40%;
}
The editor is not respecting the expand CSS option in preferences.
The reason want this is because sometimes I convert for someone who has a Kindle and I use negative left/right margins to lessen the margins on screen. So doing a search/replace of left/right margins of 0 to -45px works well.