diff --git a/css/pagedjs_interface.css b/css/pagedjs_interface.css index 2bdf9f2..7d2cfd6 100644 --- a/css/pagedjs_interface.css +++ b/css/pagedjs_interface.css @@ -93,7 +93,7 @@ /* uncomment this part for recto/verso book : ------------------------------------ */ - +/* .pagedjs_pages { flex-direction: column; width: 100%; @@ -125,7 +125,7 @@ } - + */ /*--------------------------------------------------------------------------------------*/ diff --git a/css/style.css b/css/style.css index 60e99c0..ef083e4 100644 --- a/css/style.css +++ b/css/style.css @@ -7,7 +7,8 @@ body{ width: 100%; margin: 0; box-sizing: border-box; - font-family:Verdana, Geneva, Tahoma, sans-serif + font-family:Verdana, Geneva, Tahoma, sans-serif; + counter-reset: page; } /*//////// hmtl tag ////////*/ @@ -57,11 +58,6 @@ button:hover{ /* ///////// class elem /////////// */ -.cover, .thesis{ - width: 60%; - margin: 0 auto; - height: 100vh; -} .cover h1{ font-size: 60pt; } @@ -70,6 +66,7 @@ button:hover{ } .thesis p{ + width: 70%; font-size: 16pt; } .chapter{ @@ -81,19 +78,29 @@ button:hover{ +/* /////////// IMAGES ////////////// */ +img{ + width: 60%; +} + /* /////////// PRINT ////////////// */ -@media print{ +@media screen, print{ @page{ - margin-top: 5mm; - margin-bottom: 5mm; + margin-top: 15mm; + margin-bottom: 15mm; + margin-left: 10mm; + margin-right: 10mm; + + @bottom-center { + content: counter(page); + } + } - .cover, .thesis{ - width: 70%; - margin: 0 10mm; - } + + h1{ font-size: 20px; diff --git a/home.html b/home.html index d01f779..7801c58 100644 --- a/home.html +++ b/home.html @@ -4,8 +4,21 @@