Commit 67eb5762 authored by Étienne Oz's avatar Étienne Oz 🖖

déso romain j'ai pas gitté

parent 58314ba6
<style media="screen, print">
body{
width: 14.85cm;
border: 1px solid black;
font-size: 10pt;
}
ul{
margin: 0;
padding: 0;
font-family: monospace;
text-decoration: none;
list-style: none;
margin-bottom: 10px;
}
li{
margin-left: 10px;
}
</style>
<body>
<table>
<tr>
<td>Carmen</td>
<td>33 ans</td>
<td>Espagne</td>
</tr>
<tr>
<td>Michelle</td>
<td>26 ans</td>
<td>États-Unis</td>
</tr>
</table>
<ul>
<li class="name">Etienne</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">13:15:29</li>
<li class="mod">added raw text</li>
</ul>
<ul>
<li class="name">Raphael</li>
<li class="mail">raphael.bastide@gmail.com</li>
<li class="date">04-06-17</li>
<li class="hour">13:35:39</li>
<li class="mod">COLORS & monospace</li>
</ul>
<ul>
<li class="name">Etienne</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">14:18:51</li>
<li class="mod">webkit for filter</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">14:36:07</li>
<li class="mod">change h2, h3 and h4 style + change border left on pages </li>
</ul>
<ul>
<li class="name">romain</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-06-17</li>
<li class="hour">14:42:25</li>
<li class="mod">change page 2</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">16:02:44</li>
<li class="mod">cover power</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">16:07:48</li>
<li class="mod">orange !!!!!!!</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">17:00:21</li>
<li class="mod">blue and red</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">17:14:12</li>
<li class="mod">corail blue ! </li>
</ul>
<ul>
<li class="name">jaques</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-06-17</li>
<li class="hour">17:17:50</li>
<li class="mod">green </li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">17:19:34</li>
<li class="mod">the legend of zelda</li>
</ul>
<ul>
<li class="name">linkman</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-06-17</li>
<li class="hour">17:23:07</li>
<li class="mod">I like link</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">17:41:59</li>
<li class="mod">put your hands on</li>
</ul>
<ul>
<li class="name">carlotta&chris</li>
<li class="mail">aoun</li>
<li class="date">04-06-17</li>
<li class="hour">17:57:03</li>
<li class="mod">text, font, color</li>
</ul>
<ul>
<li class="name">jean-kévin</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-06-17</li>
<li class="hour">18:04:28</li>
<li class="mod">content</li>
</ul>
<ul>
<li class="name">anne</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-06-17</li>
<li class="hour">18:08:24</li>
<li class="mod">darkblue</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">19:25:46</li>
<li class="mod">Mona bleu blanc rouge</li>
</ul>
<ul>
<li class="name">Sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">19:34:10</li>
<li class="mod">yessss</li>
</ul>
<ul>
<li class="name">sarah</li>
<li class="mail"></li>
<li class="date">04-06-17</li>
<li class="hour">19:40:10</li>
<li class="mod">Mona Blend Mode</li>
</ul>
<ul>
<li class="name">thomas</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-07-17</li>
<li class="hour">12:03:01</li>
<li class="mod">save content 2</li>
</ul>
<ul>
<li class="name">etienne</li>
<li class="mail">hello@romainmarula.fr</li>
<li class="date">04-07-17</li>
<li class="hour">12:16:02</li>
<li class="mod">font fantaisi</li>
</ul>
</body>
......@@ -95,6 +95,14 @@
margin-left: 19.8cm;
}
.gabarit{
position: absolute;
font-family: monospace;
transform: rotate(-90deg);
margin-top: -55px;
margin-left: 740px;
}
</style>
<style media="print">
......@@ -165,6 +173,9 @@
<div class="cropRight"></div>
<iframe class="page droite" src="pages.php?slug=<?= $slug ?>&amp;reload=off&amp;page=droite<?php echo '&amp;rand='.$rand; ?>"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
</div>
</div>
<?php
......
......@@ -28,7 +28,7 @@
</div>
<div id="pads">
<iframe class="html" src="<?= $pad_html ?>"></iframe>
<iframe class="html" name="embed_readonly" src="<?= $pad_html ?>"></iframe>
<iframe class="css" src="<?= $pad_css ?>"></iframe>
</div>
......
@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=5766.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=5766.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:50:03
</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=3930.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=3930.html"></iframe>
<div class="cropBottom"></div>
<div class='gabarit'>
11:50:03