Hi,
An idea I have is create a single ePub with different css to read it on a screen or print on paper or transparencies.
I use Sigil to create the ePub.
First questions:
- Why does css media="print" not work correctly ? (ignore margin-top for the first page for example)
- Is it possible to print the entire project?
When I use Calibre to convert from ePub to .pdf, the css media="print" does not work, Calibre use the media="screen" css.
What do I wrong?
(english is not my native language, so apologize for the errors)
.xhtml files
<head>
<title>JustScan pour gestionnaires</title>
<link href="../Styles/Style0000.css" rel="StyleSheet" type="text/css" />
<link href="../Styles/Style0001.css" media="screen, handled" rel="StyleSheet" type="text/css" />
<link href="../Styles/Style0002.css" media="print" rel="StyleSheet" type="text/css" />
</head>
.css media="print" (extract, not all)
@page {
size: portrait;
}
@page paysage {
size:landscape;
}
@page:left {
margin-left:3cm;
margin-right:4cm;
}
@page:right {
margin-left:4cm;
margin-right:3cm;
}
body {
font-family:"Arial";
font-size:12pt;
}
h1 {
page-break-before:right;
font-family:"ArialBold";
font-size:200%;
margin:8cm 6cm auto 6cm;
text-align:center;
border: 1px solid;
box-shadow: 10px 12px 5px #888888;
}