diff --git a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-correct.pdf b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-correct.pdf
deleted file mode 100644
index ebdfcdacbbc18685abd1c1f9b39e710b1fedd3df..0000000000000000000000000000000000000000
Binary files a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-correct.pdf and /dev/null differ
diff --git a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-wrong.pdf b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-wrong.pdf
deleted file mode 100644
index 096a2d3241904c8f43b69eff7cebc8806b56a645..0000000000000000000000000000000000000000
Binary files a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment-wrong.pdf and /dev/null differ
diff --git a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.html b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.html
index 7a6487aa89e2a8ddfade99aa8c3e18b22c45429d..f95678364b6f8023f58c09184c3feb4b464bfc67 100644
--- a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.html
+++ b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.html
@@ -4,10 +4,10 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>
- Fichier test
+ Margin boxes default text alignement
</title>
- <script src="http://localhost:9090/dist/paged.polyfill.js"></script>
+ <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
@@ -87,26 +87,6 @@
}
-
-
- /* Colors */
- .pagedjs_margin-top-left-corner { background-color: crimson; }
- .pagedjs_margin-top-left { background-color: coral; }
- .pagedjs_margin-top-center { background-color: yellow; }
- .pagedjs_margin-top-right { background-color: coral; }
- .pagedjs_margin-top-right-corner { background-color: crimson; }
- .pagedjs_margin-right-top { background-color: cornflowerblue; }
- .pagedjs_margin-right-middle { background-color: aquamarine; }
- .pagedjs_margin-right-bottom { background-color: cornflowerblue; }
- .pagedjs_margin-bottom-left-corner { background-color: crimson; }
- .pagedjs_margin-bottom-left { background-color: coral; }
- .pagedjs_margin-bottom-center { background-color: yellow; }
- .pagedjs_margin-bottom-right { background-color: coral; }
- .pagedjs_margin-bottom-right-corner { background-color: crimson; }
- .pagedjs_margin-left-top { background-color: cornflowerblue; }
- .pagedjs_margin-left-middle { background-color: aquamarine; }
- .pagedjs_margin-left-bottom { background-color: cornflowerblue; }
-
p {
line-height: 22px;
}
diff --git a/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.pdf b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..ea43b89499d141f8f82549737d1e25cf6b522f23
Binary files /dev/null and b/margin-boxes/default-text-alignment/margin-boxes-default-text-alignment.pdf differ
diff --git a/margin-boxes/size/margin-boxes-vertical-align.html b/margin-boxes/size/margin-boxes-vertical-align.html
new file mode 100644
index 0000000000000000000000000000000000000000..2d14f06343ba4cdd0285f0650a56f5ccd9fd6a03
--- /dev/null
+++ b/margin-boxes/size/margin-boxes-vertical-align.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html PUBLIC>
+<html lang="en" lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <title>
+ Fichier test
+ </title>
+
+ <script src="http://localhost:9090/dist/paged.polyfill.js"></script>
+
+
+ <style>
+ :root{
+ font-size: 18px;
+ }
+ @page {
+ size: 6in 8in;
+ margin: 30mm 20mm;
+ border: 1px solid black;
+
+ @top-left{
+ content: "top-left";
+ background-color: coral;
+
+ }
+ @top-center{
+ /* content: "top-center"; */
+ /* background-color: yellow; */
+ }
+ @top-right{
+ content: "top-right";
+ background-color: crimson;
+
+ }
+
+ @left-top{
+ content: "left-top";
+ background-color: aquamarine;
+ }
+ @left-middle{
+ content: "left-middle";
+ background-color: cornflowerblue;
+ }
+ @left-bottom{
+ content: "left-bottom";
+ background-color: green;
+ }
+
+ }
+
+ p {
+ line-height: 22px;
+ }
+
+
+
+ .pagedjs_margin-top-left-corner,
+ /* .pagedjs_margin-top-left,
+ .pagedjs_margin-top-center,
+ .pagedjs_margin-top-right, */
+ .pagedjs_margin-top-right-corner,
+ .pagedjs_margin-right-top,
+ .pagedjs_margin-right-middle,
+ .pagedjs_margin-right-bottom,
+ .pagedjs_margin-bottom-left-corner,
+ .pagedjs_margin-bottom-left,
+ .pagedjs_margin-bottom-center,
+ .pagedjs_margin-bottom-right,
+ .pagedjs_margin-bottom-right-corner
+ /* .pagedjs_margin-left-top,
+ .pagedjs_margin-left-middle,
+ .pagedjs_margin-left-bottom */ {
+ box-shadow: 0 0 0 1px #bfbfbf;
+ }
+
+
+ /* .pagedjs_margin-top-left,
+ .pagedjs_margin-top-center,
+ .pagedjs_margin-top-right { width: 50%; flex-grow: 0; } */
+
+ .pagedjs_margin-top-center { width: 0; flex-grow: 0; }
+
+ </style>
+
+
+
+
+
+ </head>
+ <body>
+
+
+ <section>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non suscipit odio. Aenean ut ligula id mauris efficitur tincidunt vitae non leo. In convallis convallis leo, eget molestie metus imperdiet eu. Praesent pharetra, leo a laoreet mattis, ligula nisl commodo ante, non vestibulum nisi lacus eget magna. Maecenas scelerisque nibh ac felis egestas, egestas elementum risus pellentesque. Nulla iaculis ut leo a iaculis. Donec vel sodales dolor, vel fringilla elit. Vivamus aliquam diam eu maximus elementum. Integer eu urna at felis fermentum hendrerit.
+ </p>
+
+
+ </section>
+
+</body>
\ No newline at end of file
diff --git a/margin-boxes/style/margin-boxes-style-correct.pdf b/margin-boxes/style/margin-boxes-style-correct.pdf
deleted file mode 100644
index 698bb19ad49dfd22adbb659da4f6ea7cc963529e..0000000000000000000000000000000000000000
Binary files a/margin-boxes/style/margin-boxes-style-correct.pdf and /dev/null differ
diff --git a/margin-boxes/style/margin-boxes-style-wrong.pdf b/margin-boxes/style/margin-boxes-style-wrong.pdf
deleted file mode 100644
index 069d444a8adf2cddb0d12e59b549545e111f5143..0000000000000000000000000000000000000000
Binary files a/margin-boxes/style/margin-boxes-style-wrong.pdf and /dev/null differ
diff --git a/margin-boxes/style/margin-boxes-style.html b/margin-boxes/style/margin-boxes-style.html
index 195b2a2ab6c741797c5cd1e108d0dbba589ad6a9..7ba80e07534ee21d74188dae6d4e987361189cc6 100644
--- a/margin-boxes/style/margin-boxes-style.html
+++ b/margin-boxes/style/margin-boxes-style.html
@@ -4,12 +4,12 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>
- Fichier test
+ Margin boxes style: border, background-color
</title>
- <script src="http://localhost:9090/dist/paged.polyfill.js"></script>
-
+ <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
+
<style>
:root{
font-size: 18px;
diff --git a/margin-boxes/style/margin-boxes-style.pdf b/margin-boxes/style/margin-boxes-style.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..6a37f85cd46ef63e2617d8d6ac788da6b35265bf
Binary files /dev/null and b/margin-boxes/style/margin-boxes-style.pdf differ
diff --git a/margin-boxes/text-align/margin-boxes-text-align-correct.pdf b/margin-boxes/text-align/margin-boxes-text-align-correct.pdf
deleted file mode 100644
index ab6df33ab2016138f66849b5718e27bcaf64c029..0000000000000000000000000000000000000000
Binary files a/margin-boxes/text-align/margin-boxes-text-align-correct.pdf and /dev/null differ
diff --git a/margin-boxes/text-align/margin-boxes-text-align-wrong.pdf b/margin-boxes/text-align/margin-boxes-text-align-wrong.pdf
deleted file mode 100644
index 20320d327d609ec0b2a82f341051f8707843a631..0000000000000000000000000000000000000000
Binary files a/margin-boxes/text-align/margin-boxes-text-align-wrong.pdf and /dev/null differ
diff --git a/margin-boxes/text-align/margin-boxes-text-align.html b/margin-boxes/text-align/margin-boxes-text-align.html
index 8109e080a3e020bde1a4ef63925870fc391e32d1..f2c72eff788f28b3d6519f149d2e12b32ecc2ba8 100644
--- a/margin-boxes/text-align/margin-boxes-text-align.html
+++ b/margin-boxes/text-align/margin-boxes-text-align.html
@@ -4,10 +4,10 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>
- Fichier test
+ Margin boxes text-align
</title>
- <script src="http://localhost:9090/dist/paged.polyfill.js"></script>
+ <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
@@ -20,67 +20,83 @@
@top-left-corner{
content: "A";
text-align: right;
+ background-color: crimson;
}
@top-left{
content: "top-left";
text-align: right;
+ background-color: coral;
}
@top-center{
content: "top-left";
text-align: right;
+ background-color: yellow;
}
@top-right{
content: "top-left";
text-align: right;
+ background-color: coral;
}
@top-right-corner{
content: "B";
text-align: right;
+ background-color: crimson;
}
@right-top{
content: "right-top";
text-align: right;
+ background-color: cornflowerblue;
}
@right-middle{
content: "right-middle";
text-align: right;
+ background-color: aquamarine;
}
@right-bottom{
content: "right-bottom";
text-align: right;
+ background-color: cornflowerblue;
}
@bottom-right-corner{
content: "C";
text-align: center;
+ background-color: crimson;
}
@bottom-left{
content: "bottom-left";
text-align: center;
+ background-color: coral;
}
@bottom-center{
content: "bottom-left";
text-align: center;
+ background-color: yellow;
}
@bottom-right{
content: "bottom-left";
text-align: center;
+ background-color: coral;
}
@bottom-left-corner{
content: "D";
text-align: center;
+ background-color: crimson;
}
@left-top{
content: "left-top";
text-align: center;
+ background-color: cornflowerblue;
}
@left-middle{
content: "left-middle";
text-align: center;
+ background-color: aquamarine;
}
@left-bottom{
content: "left-bottom";
text-align: center;
+ background-color: cornflowerblue;
}
}
@@ -90,23 +106,6 @@
}
- .pagedjs_margin-top-left-corner { background-color: crimson; }
- .pagedjs_margin-top-left { background-color: coral; }
- .pagedjs_margin-top-center { background-color: yellow; }
- .pagedjs_margin-top-right { background-color: coral; }
- .pagedjs_margin-top-right-corner { background-color: crimson; }
- .pagedjs_margin-right-top { background-color: cornflowerblue; }
- .pagedjs_margin-right-middle { background-color: aquamarine; }
- .pagedjs_margin-right-bottom { background-color: cornflowerblue; }
- .pagedjs_margin-bottom-left-corner { background-color: crimson; }
- .pagedjs_margin-bottom-left { background-color: coral; }
- .pagedjs_margin-bottom-center { background-color: yellow; }
- .pagedjs_margin-bottom-right { background-color: coral; }
- .pagedjs_margin-bottom-right-corner { background-color: crimson; }
- .pagedjs_margin-left-top { background-color: cornflowerblue; }
- .pagedjs_margin-left-middle { background-color: aquamarine; }
- .pagedjs_margin-left-bottom { background-color: cornflowerblue; }
-
</style>
diff --git a/margin-boxes/text-align/margin-boxes-text-align.pdf b/margin-boxes/text-align/margin-boxes-text-align.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..b23e246044aebc0dd9d5212071f982021e031b5b
Binary files /dev/null and b/margin-boxes/text-align/margin-boxes-text-align.pdf differ
diff --git a/margin-boxes/vertical-align/margin-boxes-vertical-align-correct.pdf b/margin-boxes/vertical-align/margin-boxes-vertical-align-correct.pdf
deleted file mode 100644
index ff48c8cb085cec1db5ab42c075e2ecf3bd2cb65d..0000000000000000000000000000000000000000
Binary files a/margin-boxes/vertical-align/margin-boxes-vertical-align-correct.pdf and /dev/null differ
diff --git a/margin-boxes/vertical-align/margin-boxes-vertical-align-wrong.pdf b/margin-boxes/vertical-align/margin-boxes-vertical-align-wrong.pdf
deleted file mode 100644
index 70393e938614a9a84d3c6ab2495568aae6a5cd80..0000000000000000000000000000000000000000
Binary files a/margin-boxes/vertical-align/margin-boxes-vertical-align-wrong.pdf and /dev/null differ
diff --git a/margin-boxes/vertical-align/margin-boxes-vertical-align.html b/margin-boxes/vertical-align/margin-boxes-vertical-align.html
index 1af581f1a28f8af80645518f69f99f1211cd697a..3adc2cc874331ed67210ec9c43e140cec6a523e5 100644
--- a/margin-boxes/vertical-align/margin-boxes-vertical-align.html
+++ b/margin-boxes/vertical-align/margin-boxes-vertical-align.html
@@ -4,10 +4,10 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>
- Fichier test
+ Margin boxes vertical align
</title>
- <script src="http://localhost:9090/dist/paged.polyfill.js"></script>
+ <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
@@ -20,67 +20,83 @@
@top-left-corner{
content: "A";
vertical-align: top;
+ background-color: crimson;
}
@top-left{
content: "top-left";
vertical-align: top;
+ background-color: coral;
}
@top-center{
content: "top-left";
vertical-align: top;
+ background-color: yellow;
}
@top-right{
content: "top-left";
vertical-align: top;
+ background-color: coral;
}
@top-right-corner{
content: "B";
- vertical-align: center;
+ vertical-align: top;
+ background-color: crimson;
}
@right-top{
content: "right-top";
vertical-align: center;
+ background-color: cornflowerblue;
}
@right-middle{
content: "right-middle";
vertical-align: center;
+ background-color: aquamarine;
}
@right-bottom{
content: "right-bottom";
vertical-align: center;
+ background-color: cornflowerblue;
}
@bottom-right-corner{
content: "C";
vertical-align: bottom;
+ background-color: crimson;
}
@bottom-left{
content: "bottom-left";
vertical-align: bottom;
+ background-color: coral;
}
@bottom-center{
content: "bottom-left";
vertical-align: bottom;
+ background-color: yellow;
}
@bottom-right{
content: "bottom-left";
vertical-align: bottom;
+ background-color: coral;
}
@bottom-left-corner{
content: "D";
- vertical-align: center;
+ vertical-align: bottom;
+ background-color: crimson;
}
@left-top{
content: "left-top";
vertical-align: center;
+ background-color: cornflowerblue;
}
@left-middle{
content: "left-middle";
vertical-align: center;
+ background-color: aquamarine;
}
@left-bottom{
content: "left-bottom";
vertical-align: center;
+ background-color: cornflowerblue;
}
}
@@ -90,63 +106,9 @@
}
- .pagedjs_margin-top-left-corner {
- background-color: crimson;
- }
- .pagedjs_margin-top-left {
- background-color: coral;
- }
- .pagedjs_margin-top-center {
- background-color: yellow;
- }
- .pagedjs_margin-top-right {
- background-color: coral;
- }
- .pagedjs_margin-top-right-corner {
- background-color: crimson;
- }
- .pagedjs_margin-right-top {
- background-color: cornflowerblue;
- }
- .pagedjs_margin-right-middle {
- background-color: aquamarine;
- }
- .pagedjs_margin-right-bottom {
- background-color: cornflowerblue;
- }
- .pagedjs_margin-bottom-left-corner {
- background-color: crimson;
- }
- .pagedjs_margin-bottom-left {
- background-color: coral;
- }
- .pagedjs_margin-bottom-center {
- background-color: yellow;
- }
- .pagedjs_margin-bottom-right {
- background-color: coral;
- }
- .pagedjs_margin-bottom-right-corner {
- background-color: crimson;
- }
- .pagedjs_margin-left-top {
- background-color: cornflowerblue;
- }
- .pagedjs_margin-left-middle {
- background-color: aquamarine;
- }
- .pagedjs_margin-left-bottom {
- background-color: cornflowerblue;
- }
-
-
-
</style>
-
-
-
</head>
<body>
diff --git a/margin-boxes/vertical-align/margin-boxes-vertical-align.pdf b/margin-boxes/vertical-align/margin-boxes-vertical-align.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..6924ee05391c0e7f09779b7fad80a8ce4535389a
Binary files /dev/null and b/margin-boxes/vertical-align/margin-boxes-vertical-align.pdf differ