|
|
@@ -1,104 +0,0 @@ |
|
|
|
/* CSS for Paged.js interface */ |
|
|
|
|
|
|
|
/* Change the look */ |
|
|
|
:root { |
|
|
|
--color-background: whitesmoke; |
|
|
|
--color-pageBox: #666; |
|
|
|
--color-paper: white; |
|
|
|
--color-marginBox: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
/* To define how the book look on the screen: */ |
|
|
|
@media screen { |
|
|
|
body { |
|
|
|
background-color: var(--color-background); |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_pages { |
|
|
|
display: flex; |
|
|
|
width: calc(var(--pagedjs-width) * 2); |
|
|
|
flex: 0; |
|
|
|
flex-wrap: wrap; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_page { |
|
|
|
background-color: var(--color-paper); |
|
|
|
box-shadow: 0 0 0 1px var(--color-pageBox); |
|
|
|
margin: 0; |
|
|
|
flex-shrink: 0; |
|
|
|
flex-grow: 0; |
|
|
|
margin-top: 10mm; |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_first_page { |
|
|
|
margin-left: var(--pagedjs-width); |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_page:last-of-type { |
|
|
|
margin-bottom: 10mm; |
|
|
|
} |
|
|
|
|
|
|
|
/* show the margin-box */ |
|
|
|
|
|
|
|
.pagedjs_margin-top-left-corner-holder, |
|
|
|
.pagedjs_margin-top, |
|
|
|
.pagedjs_margin-top-left, |
|
|
|
.pagedjs_margin-top-center, |
|
|
|
.pagedjs_margin-top-right, |
|
|
|
.pagedjs_margin-top-right-corner-holder, |
|
|
|
.pagedjs_margin-bottom-left-corner-holder, |
|
|
|
.pagedjs_margin-bottom, |
|
|
|
.pagedjs_margin-bottom-left, |
|
|
|
.pagedjs_margin-bottom-center, |
|
|
|
.pagedjs_margin-bottom-right, |
|
|
|
.pagedjs_margin-bottom-right-corner-holder, |
|
|
|
.pagedjs_margin-right, |
|
|
|
.pagedjs_margin-right-top, |
|
|
|
.pagedjs_margin-right-middle, |
|
|
|
.pagedjs_margin-right-bottom, |
|
|
|
.pagedjs_margin-left, |
|
|
|
.pagedjs_margin-left-top, |
|
|
|
.pagedjs_margin-left-middle, |
|
|
|
.pagedjs_margin-left-bottom { |
|
|
|
box-shadow: 0 0 0 1px inset var(--color-marginBox); |
|
|
|
} |
|
|
|
|
|
|
|
/* uncomment this part for recto/verso book : ------------------------------------ */ |
|
|
|
|
|
|
|
|
|
|
|
.pagedjs_pages { |
|
|
|
flex-direction: column; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_first_page { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.pagedjs_page { |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: 10mm; |
|
|
|
} |
|
|
|
|
|
|
|
/*--------------------------------------------------------------------------------------*/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* uncomment this par to see the baseline : -------------------------------------------*/ |
|
|
|
|
|
|
|
/* |
|
|
|
.pagedjs_pagebox { |
|
|
|
--pagedjs-baseline: 11px; |
|
|
|
--pagedjs-baseline-position: -4px; |
|
|
|
--pagedjs-baseline-color: cyan; |
|
|
|
background: linear-gradient(var(--color-paper) 0%, var(--color-paper) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent; |
|
|
|
background-size: 100% var(--pagedjs-baseline); |
|
|
|
background-repeat: repeat-y; |
|
|
|
background-position-y: var(--pagedjs-baseline-position); |
|
|
|
} |
|
|
|
*/ |
|
|
|
|
|
|
|
/*--------------------------------------------------------------------------------------*/ |
|
|
|
} |
|
|
|
|