Commit 71d16f60 authored by Étienne Oz's avatar Étienne Oz 🖖

glk

parent b79e722e
@font-face {
font-family: 'Acme';
font-style: normal;
font-weight: 400;
src: local('Acme'), local('Acme-Regular'), url(https://fonts.gstatic.com/s/acme/v5/h0STFiiHJJuefGZJAxrSiA.ttf) format('truetype');
}
@font-face {
font-family: 'Courgette';
font-style: normal;
font-weight: 400;
src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/BHG8ZtTfO0yYnp02--QxqqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
@font-face {
font-family: 'Rock Salt';
font-style: normal;
font-weight: 400;
src: local('Rock Salt'), local('RockSalt'), url(https://fonts.gstatic.com/s/rocksalt/v6/Q94aHXFHGip10K5uxi1jOKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
@font-face {
font-family: 'Fredericka the Great';
font-style: normal;
font-weight: 400;
src: local('Fredericka the Great'), local('FrederickatheGreat'), url(https://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18oRQ8DD0aAk7ES4QQYHqQcw.ttf) format('truetype');
}
@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=9246.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=9246.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
16:04:28
</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=6245.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=6245.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
16:04:28
</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=3842.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=3842.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
16:04:28
</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=3404.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=3404.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
16:04:28
</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=6140.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=6140.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
16:04:28
</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=9246"></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=9246"></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=6245"></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=6245"></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=3842"></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=3842"></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=3404"></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=3404"></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=6140"></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=6140"></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 {
body {
background-color: DodgerBlue ;
}
@font-face {
font-family:Manifont;
src: url(fontes/ManifontGroteskBook.ttf);
}
@font-face {
font-family:Aileron;
src: url(fontes/Aileron-BoldItalic.otf);
}
p, table{
padding: 0 1cm;
color: white;
font-family: Manifont;
}
#circle {
width: 500px;
height: 500px;
background: red;
-moz-border-radius: 250px;
-webkit-border-radius: 250px;
border-radius: 250px;
position:absolute;
left:0;
right:0;
top:50%;
margin:auto;
z-index:-10;
border: 10px solid white;
}
h2{
-webkit-hyphens: auto;
* -moz-hyphens: auto;
* -ms-hyphens: auto;
* -o-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
width: 90%;
font-family: Manifont;
color: #ffff00;
position: absolute;
left: 1cm;
font-size: 190pt;
text-transform: uppercase;
z-index: -1;
transform: rotate(-30deg);
color:white;
}
ol{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
padding: 1cm;
}
li{
font-size: 8pt;
color: white;
padding-bottom: 25px;
border-bottom : 5px solid white;
}
a{
text-decoration: none;
color: #FFFFE0;
display: inline;
}
}
</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 {
body {
background-color: DodgerBlue ;
}
@font-face {
font-family:Manifont;
src: url(fontes/ManifontGroteskBook.ttf);
}
@font-face {
font-family:Aileron;
src: url(fontes/Aileron-BoldItalic.otf);
}
p, table{
padding: 0 1cm;
color: white;
font-family: Manifont;
}
#circle {
width: 500px;
height: 500px;
background: red;
-moz-border-radius: 250px;
-webkit-border-radius: 250px;
border-radius: 250px;
position:absolute;
left:0;
right:0;
top:50%;
margin:auto;
z-index:-10;
border: 10px solid white;
}
h2{
-webkit-hyphens: auto;
* -moz-hyphens: auto;
* -ms-hyphens: auto;
* -o-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
width: 90%;
font-family: Manifont;
color: #ffff00;
position: absolute;
left: 1cm;
font-size: 190pt;
text-transform: uppercase;
z-index: -1;
transform: rotate(-30deg);
color:white;
}
ol{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
padding: 1cm;
}
li{
font-size: 8pt;