Commit bd84972b authored by Julie Blanc's avatar Julie Blanc

update hosted link to polyfill + interface

parent a5b49709
......@@ -8,13 +8,11 @@
Break after left
</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;
}
@page {
size: 6in 8in;
......@@ -51,14 +49,16 @@
break-after: left;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
/* style and interface */
:root { font-size: 18px; }
p { line-height: 22px; }
p {
line-height: 22px;
h1{
font-size: 24px;
margin-top: 0;
}
h1 {
......@@ -67,26 +67,20 @@
text-transform: uppercase;
}
h2,
h3 {
h2, h3 {
font-size: 20px;
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-bottom: 10mm;
flex: none;
}
.pagedjs_pages {
......@@ -110,7 +104,10 @@
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,13 +8,10 @@
Break after page
</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;
}
@page {
size: 6in 8in;
......@@ -51,15 +48,15 @@
break-after: page;
}
/* style */
/* style and interface */
* {
font-family: Times New Roman, sans-serif;
}
* { font-family: Times New Roman, sans-serif; }
p {
line-height: 22px;
}
:root { font-size: 18px; }
section { break-before: page; }
p { line-height: 22px; }
h1 {
font-size: 24px;
......@@ -73,43 +70,17 @@
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
}
.pagedjs_pages {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
transform-origin: 0 0;
margin: 0 auto;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-top: 10mm;
margin-left: 10mm;
}
.pagedjs_pages>.section {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,7 +8,7 @@
Break after recto
</title>
<script src="http://localhost:9090/dist/paged.polyfill.js"></script>
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
......@@ -51,15 +51,17 @@
break-after: recto;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
p {
line-height: 22px;
}
/* style and interface */
* { font-family: Times New Roman, sans-serif; }
:root { font-size: 18px; }
section { break-before: page; }
p { line-height: 22px; }
h1 {
font-size: 24px;
......@@ -73,21 +75,17 @@
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-top: 10mm;
margin-left: 10mm;
}
}
</style>
......
......@@ -8,13 +8,10 @@
Break after right
</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;
}
@page {
size: 6in 8in;
......@@ -51,14 +48,18 @@
break-after: right;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
p {
line-height: 22px;
/* style and interface */
:root { font-size: 18px; }
p { line-height: 22px; }
h1{
font-size: 24px;
margin-top: 0;
}
h1 {
......@@ -67,26 +68,20 @@
text-transform: uppercase;
}
h2,
h3 {
h2, h3 {
font-size: 20px;
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-bottom: 10mm;
flex: none;
}
.pagedjs_pages {
......@@ -110,6 +105,7 @@
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,13 +8,10 @@
Break after verso
</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;
}
@page {
size: 6in 8in;
......@@ -51,15 +48,16 @@
break-after: verso;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
/* style and interface */
p {
line-height: 22px;
}
* { font-family: Times New Roman, sans-serif; }
:root { font-size: 18px; }
section { break-before: page; }
p { line-height: 22px; }
h1 {
font-size: 24px;
......@@ -73,20 +71,17 @@
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-top: 10mm;
margin-left: 10mm;
}
}
</style>
......
......@@ -8,13 +8,10 @@
Break before left
</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;
}
@page {
size: 6in 8in;
......@@ -49,14 +46,15 @@
break-before: left;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
/* style and interface */
:root { font-size: 18px; }
p { line-height: 22px; }
p {
line-height: 22px;
h1{
font-size: 24px;
margin-top: 0;
}
h1 {
......@@ -65,26 +63,20 @@
text-transform: uppercase;
}
h2,
h3 {
h2, h3 {
font-size: 20px;
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-bottom: 10mm;
flex: none;
}
.pagedjs_pages {
......@@ -108,6 +100,7 @@
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,13 +8,9 @@
Break before page
</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;
}
@page {
size: 6in 8in;
......@@ -49,15 +45,15 @@
break-before: page;
}
/* style */
/* style and interface */
* {
font-family: Times New Roman, sans-serif;
}
* { font-family: Times New Roman, sans-serif; }
p {
line-height: 22px;
}
:root { font-size: 18px; }
section { break-before: page; }
p { line-height: 22px; }
h1 {
font-size: 24px;
......@@ -71,43 +67,17 @@
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
}
.pagedjs_pages {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
transform-origin: 0 0;
margin: 0 auto;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-top: 10mm;
margin-left: 10mm;
}
.pagedjs_pages>.section {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,14 +8,11 @@
Break before recto
</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;
}
<style>
@page {
size: 6in 8in;
margin: 20mm 20mm;
......@@ -49,15 +46,15 @@
break-before: recto;
}
/* style */
/* style and interface */
* {
font-family: Times New Roman, sans-serif;
}
* { font-family: Times New Roman, sans-serif; }
p {
line-height: 22px;
}
:root { font-size: 18px; }
section { break-before: page; }
p { line-height: 22px; }
h1 {
font-size: 24px;
......@@ -71,43 +68,17 @@
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
}
.pagedjs_pages {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
transform-origin: 0 0;
margin: 0 auto;
}
.pagedjs_pages>.section {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-top: 10mm;
margin-left: 10mm;
}
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>
......
......@@ -8,13 +8,11 @@
Break before right
</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;
}
@page {
size: 6in 8in;
......@@ -49,14 +47,15 @@
break-before: right;
}
/* style */
* {
font-family: Times New Roman, sans-serif;
}
/* style and interface */
:root { font-size: 18px; }
p { line-height: 22px; }
p {
line-height: 22px;
h1{
font-size: 24px;
margin-top: 0;
}
h1 {
......@@ -65,26 +64,20 @@
text-transform: uppercase;
}
h2,
h3 {
h2, h3 {
font-size: 20px;
margin-top: 0;
}
/* interface */
@media screen {
body {
background-color: whitesmoke;
}
body { background-color: whitesmoke; }
.pagedjs_page {
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
background-color: white;
box-shadow: 0 0 0 1px #bfbfbf;
margin-bottom: 10mm;
flex: none;
}
.pagedjs_pages {
......@@ -108,6 +101,7 @@
.pagedjs_first_page {
margin-left: 50%;
}
}
</style>