View Single Post
Old 01-20-2023, 01:51 PM   #4
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 46,737
Karma: 169712580
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
You may also want to look at where you are using margin-left: auto; and margin-right: auto; for centering. Quite a few renderers especially those based on Adobe's ADE/RMSDK renderers will not work. A simple text-align: center; will work. I would also dump the text-align: justify to allow the reader to choose whether they want to justify or left align text. A quick and dirty pass at this:

Spoiler:

Code:
@font-face {
  font-family: "Tahoma";
  font-style: normal;
  font-weight: normal;
  src: url("../Fonts/tahoma.ttf");
}

@font-face {
  font-family: "Verdana";
  font-style: normal;
  font-weight: normal;
  src: url("../Fonts/verdana.ttf");
}

@font-face {
  font-family: "SmallCaps";
  font-weight: bold;
  font-style: normal;
  font-variant: small-caps;
  src: url("../Fonts/Fontin-SmallCaps.otf");
}

body {
  display: block;
  font-size: 1em;
  line-height: 1.1;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
  widows: 1;
  orphans: 1;
}

p {
  margin: 0 0 0 0;
  padding: 0.2em 0 0 0;
}

a:link {
  color: #003399;
  text-decoration: none;
}

a:visited {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #003399;
  text-decoration: none;
  background-color: #dddddd;
}

a:active {
  color: #003399;
  text-decoration: none;
}

p.margem {
  margin: .75em 0 0;
}

div.divisa {
  margin-top: 30%;
}

.poema1 {
  display: block;
  font-family: Verdana, sans-serif;
  text-align: left;
  margin: 0 1em 0 3em;
  text-indent: -2em;
}

.poema2 {
  display: block;
  font-family: Verdana, sans-serif;
  text-align: left;
  text-indent: 2em;
  padding: 0;
}

.prosa1 {
  display: block;
  font-family: Verdana, sans-serif;
  line-height: 1.5em;
  padding: 0;
}

.prosa2 {
  display: block;
  font-family: Verdana, sans-serif;
  text-indent: 1em;
  line-height: 1.5em;
  padding: 0;
}

.quote {
  padding: 1em;
  border-left: .3em solid;
  background-color: #d3d3d3;
}

.center {
  display: block;
  background-color: #fff;
  padding: .7em;
  border: .2em ridge #ccc;
  border-radius: 20px;
  width: 60%;
  text-align: center;
}

img.vinheta {
  display: block;
  float: left;
  margin: 0 10px 05px 10px;
}

.centro {
  text-align: center;
  margin-top: 3%;
  display: block;
}

.rodape {
  margin-bottom: 5%;
  display: block;
  text-align: center;
}

p.rosto {
  margin-top: 10%;
  line-height: 2em;
  font-family: 'SmallCaps', sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}

.titulo {
  font-family: 'SmallCaps', sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  font-variant: small-caps;
  text-align: left;
  margin-top: 1em;
  margin-bottom: 1em;
}

.reduz {
  margin-bottom: 1em;
  text-align: center;
  display: block;
  padding: 0;
  border: .5em ridge #ccc;
  border-radius: 20px;
  width: 50%;
}
DNSB is offline   Reply With Quote