Commit 58314ba6 authored by Étienne Oz's avatar Étienne Oz 🖖

ibid

parent 24c76fdb
@media print {
@page {
size: A4 !important;
}
@page :left {
margin: 0 !important;
padding: 0 !important;
}
@page :right {
margin: 0 !important;
padding: 0 !important;
}
body{
outline: none;
}
*{
page-break-after: avoid;
}
}
body{
position: absolute;
width: 21cm;
height: 29.7cm;
background: white;
margin: 0;
padding: 0;
overflow: hidden;
}
<style media="screen, print">
body{
margin: 0;
padding: 0;
}
@page{
size: A4 !important;
margin: 0;
padding: 0;
}
iframe{
width: 20.95cm;
height: 29.7cm;
margin-top: 1.1cm;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pages{
margin: 1cm;
}
.pages:nth-of-type(even) iframe{
/*margin-right: 1.5cm;*/
}
.pages:nth-of-type(odd) iframe{
/*margin-left: 1.5cm;*/
}
.pageG,
.pageD{
-webkit-page-break-after: always;
page-break-after: always;
width: 21cm;
height: 29.7cm;
}
.pageG:nth-of-type(1){
/*display: none;*/
}
.cropTop,
.cropBottom{
display: none;
position: absolute;
width: 19.5cm;
height: 0.3cm;
margin-right: 1.5cm;
border-left: 0.05cm solid black;
border-right: 0.05cm solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cropLeft,
.cropRight{
display: none;
position: absolute;
width: 0.3cm;
height: 27.5cm;
margin-top: 1.1cm;
border-top: 0.05cm solid black;
border-bottom: 0.05cm solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cropTop{
margin-top: 0.5cm;
}
.cropBottom{
margin-top: 0.3cm;
}
.pages:nth-of-type(odd) .cropBottom,
.pages:nth-of-type(odd) .cropTop{
left: 1.5cm;
}
.cropLeft{
margin-left: 0.8cm;
}
.cropRight{
margin-left: 19.8cm;
}
.gabarit{
position: absolute;
font-family: monospace;
transform: rotate(-90deg);
margin-top: -55px;
margin-left: 740px;
}
</style>
<style media="print">
iframe{
border: none;
}
.pageG,
.pageD,
iframe{
margin: 0cm;
padding: 0cm;
}
</style>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php%3Fslug=1_couv&amp;reload=off&amp;page=gauche&amp;rand=6355.html"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php%3Fslug=1_couv&amp;reload=off&amp;page=droite&amp;rand=6355.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:39:37
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php%3Fslug=content1&amp;reload=off&amp;page=gauche&amp;rand=6316.html"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php%3Fslug=content1&amp;reload=off&amp;page=droite&amp;rand=6316.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:39:37
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php%3Fslug=content2&amp;reload=off&amp;page=gauche&amp;rand=9503.html"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php%3Fslug=content2&amp;reload=off&amp;page=droite&amp;rand=9503.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:39:37
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php%3Fslug=content3&amp;reload=off&amp;page=gauche&amp;rand=8796.html"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php%3Fslug=content3&amp;reload=off&amp;page=droite&amp;rand=8796.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:39:37
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php%3Fslug=&amp;reload=off&amp;page=gauche&amp;rand=6238.html"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php%3Fslug=&amp;reload=off&amp;page=droite&amp;rand=6238.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:39:37
</div>
</div>
<style media="screen, print">
body{
margin: 0;
padding: 0;
}
@page{
size: A4 !important;
margin: 0;
padding: 0;
}
iframe{
width: 20.95cm;
height: 29.7cm;
margin-top: 1.1cm;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pages{
margin: 1cm;
}
.pages:nth-of-type(even) iframe{
/*margin-right: 1.5cm;*/
}
.pages:nth-of-type(odd) iframe{
/*margin-left: 1.5cm;*/
}
.pageG,
.pageD{
-webkit-page-break-after: always;
page-break-after: always;
width: 21cm;
height: 29.7cm;
}
.pageG:nth-of-type(1){
/*display: none;*/
}
.cropTop,
.cropBottom{
display: none;
position: absolute;
width: 19.5cm;
height: 0.3cm;
margin-right: 1.5cm;
border-left: 0.05cm solid black;
border-right: 0.05cm solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cropLeft,
.cropRight{
display: none;
position: absolute;
width: 0.3cm;
height: 27.5cm;
margin-top: 1.1cm;
border-top: 0.05cm solid black;
border-bottom: 0.05cm solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cropTop{
margin-top: 0.5cm;
}
.cropBottom{
margin-top: 0.3cm;
}
.pages:nth-of-type(odd) .cropBottom,
.pages:nth-of-type(odd) .cropTop{
left: 1.5cm;
}
.cropLeft{
margin-left: 0.8cm;
}
.cropRight{
margin-left: 19.8cm;
}
.gabarit{
position: absolute;
font-family: monospace;
transform: rotate(-90deg);
margin-top: -55px;
margin-left: 740px;
}
</style>
<style media="print">
iframe{
border: none;
}
.pageG,
.pageD,
iframe{
margin: 0cm;
padding: 0cm;
}
</style>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php?slug=1_couv&amp;reload=off&amp;page=gauche&amp;rand=6355"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=1_couv&amp;reload=off&amp;page=droite&amp;rand=6355"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php?slug=content1&amp;reload=off&amp;page=gauche&amp;rand=6316"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=content1&amp;reload=off&amp;page=droite&amp;rand=6316"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php?slug=content2&amp;reload=off&amp;page=gauche&amp;rand=9503"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=content2&amp;reload=off&amp;page=droite&amp;rand=9503"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php?slug=content3&amp;reload=off&amp;page=gauche&amp;rand=8796"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=content3&amp;reload=off&amp;page=droite&amp;rand=8796"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<div class="pageG pages">
<div class="cropTop"></div>
<div class="cropLeft"></div>
<iframe class="page gauche" src="pages.php?slug=&amp;reload=off&amp;page=gauche&amp;rand=6238"></iframe>
<div class="cropBottom"></div>
</div>
<div class="pageD pages">
<div class="cropTop"></div>
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=&amp;reload=off&amp;page=droite&amp;rand=6238"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>
prepostprint </title>
<link rel="stylesheet" type="text/css" media="screen" href="http://prepostprint.org/css/page.css"><link rel="stylesheet" type="text/css" media="screen, print" href="css/page.css"> <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
</head>
<body>
<style>
@media print, screen {
p, table{
padding: 0 1cm;
display: none;
}
h2{
font-family: helvetica, sans-serif;
color: yellow;
transform: rotate(10deg);
transform-origin: 0 0;
position: absolute;
left: 4cm;
font-size: 70pt;
text-transform: uppercase;
z-index: -1;
}
h2:after{
content: "☞☞☞☞☞☞☞☞☞☞☞☞";
font-size: 100pt;
}
ol{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
padding: 1cm;
}
li{
font-size: 8pt;
color: blue;
}
a{
text-decoration: none;
border-bottom: 2px solid red;
color: blue;
display: block;
}
}
</style>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>
prepostprint </title>
<link rel="stylesheet" type="text/css" media="screen" href="../css/page.css"><link rel="stylesheet" type="text/css" media="screen, print" href="css/page.css"> <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
</head>
<body>
<style>
@media print, screen {
p, table{
padding: 0 1cm;
display: none;
}
h2{
font-family: helvetica, sans-serif;
color: yellow;
transform: rotate(10deg);
transform-origin: 0 0;
position: absolute;
left: 4cm;
font-size: 70pt;
text-transform: uppercase;
z-index: -1;
}
h2:after{
content: "☞☞☞☞☞☞☞☞☞☞☞☞";
font-size: 100pt;
}
ol{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
padding: 1cm;
}
li{
font-size: 8pt;
color: blue;
}
a{
text-decoration: none;
border-bottom: 2px solid red;
color: blue;
display: block;
}
}
</style>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>
prepostprint - 1_couv </title>
<link rel="stylesheet" type="text/css" media="screen" href="http://prepostprint.org/css/page.css"><link rel="stylesheet" type="text/css" media="screen, print" href="css/page.css"> <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
</head>
<body>
<style>
@media print, screen {
@font-face {
font-family:"manifont";
src: url("fontes/ManifontGroteskBook.ttf");
font-weight: normal;
font-style: normal;
}
h1{
font-size: 80pt;
font-family: "manifont", monospace;
word-wrap: break-word;
width: 60%;
position: absolute;
top: 1cm;
right: 1cm;
margin: 0;
color: blue;
z-index: 99;
border-bottom: 5px solid blue;
}
img{
width: 100%;
height: auto;
opacity: 0.7;
}
.thumb:before{
content:"";
width: 21cm;
height: 29.7cm;
background: red;
position: absolute;
top: 0;
left:0;
mix-blend-mode: multiply;
}
.thumb{
width: 20cm;
margin-left: 0.5cm;
}
p{
padding: 0 1cm;
}
.thumbcaption{
padding: 0.2cm;
}
a{
color: