body {margin-left:2%;
margin-right:2%;
margin-top:2%;
margin-bottom:2%;
line-height: 0.6cm;}
/* Indent para espaço de parágrafo. Margin para remover os espaços entre os parágrafos. Align para deixar o texto justificado */
p {text-indent: .5cm;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
text-align: justify;
font-family:"georgia";}
/* Edição para os títulos */
h1 { text-align: center;
font-family:"Palatino"; font-size: 180% }
h2 { text-align: center;
font-family:"Palatino"; font-size: 150% }
h3 { text-align: center;
font-family:"Palatino"; font-size: 124% }
.cover {
text-align: center;
page-break-after: always;
}
.table {
width: 80%;
margin: auto;
border-collapse: collapse;
text-align:left !important;
}
.table tr td {
border: 1px solid;
vertical-align:text-top;
}
Adicionar a linha no arquivo xhtml principal para utilizar o stylesheet acima de nome Style0001.css
<link rel="stylesheet" type="text/css" href="../Styles/Style0001.css"/>
Para capa, usar:
<?xml version="1.0" encoding="utf-8"?>
<!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>Cover</title>
</head>
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 800 1142" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1142" width="800" xlink:href="../Images/capa.jpg"/>
</svg>
</div>
</body>
</html>
Um comentário:
Será que no epub ele vai mostrar meus atalhos de tecla com usando esse código:
kbd {
padding: 0.1em 0.6em;
border: 1px solid #ccc;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color: #f7f7f7;
color: #333;
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0 0.1em;
text-shadow: 0 1px 0 #fff;
line-height: 1.4;
white-space: nowrap;
}
Postar um comentário