Commit e360f19d authored by Julie Blanc's avatar Julie Blanc

better styling

parent a4584914
......@@ -10,21 +10,13 @@
--color-paper: white;
/* color used for the baseline */
--color-baseline: transparent;
--pagedjs-baseline-color: cyan;
/* height of the baseline*/
--pagedjs-baseline: 8px;
/* fonts for the book */
/* colors */
/* typographic related variables */
--font-size: 12px;
--font-lineHeight: 16px;
}
......@@ -50,6 +42,7 @@
}
.pagedjs_first_page {
margin-left: var(--width);
}
......@@ -69,4 +62,15 @@
margin: 0 auto;
margin-top: 10mm;
} */
/* uncomment for baseline
--------------------------------------------------- */
/* .pagedjs_page {
background: linear-gradient( white 0%, white 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: 0;
} */
}
\ No newline at end of file
......@@ -34,7 +34,7 @@ body {
vertical-align:super;
}
.pagedjs_callnote::before{ content: counter(pagedjsCallNote); }
.pagedjs_callnote::after{ content: counter(pagedjsCallNote); }
.pagedjs_note::before{ content: counter(pagedjsMarkerNote) ". ";}
......
.pagedjs_left_page .pagedjs_area-notes {
position: relative;
left: -35mm;
margin-right: -35mm;
/* box-shadow: 0 0 0 1px #e6e6e6; */
padding-right: 6mm;
padding-left: 6mm;
/* border: 1px solid black; */
box-sizing: content-box!important;
}
.pagedjs_right_page .pagedjs_area-notes {
width: 150px;
position: relative;
right: -35mm;
margin-left: -35mm;
padding-left: 12mm;
/* border: 1px solid black; */
box-sizing: content-box!important;
}
......@@ -9,28 +31,29 @@
}
/* *{ box-sizing: border-box; } */
@page {
size: 160mm 210mm;
margin: 15mm 15mm;
}
@page:left{
margin-top:15mm;
margin-bottom:15mm;
margin-left:50mm;
margin-right: 15mm;
margin-top: 83px;
margin-bottom: 86px;
margin-left: 50mm;
margin-right: 20mm;
}
@page:right{
margin-top:15mm;
margin-bottom:15mm;
margin-right:50mm;
margin-left: 15mm;
margin-top: 83px;
margin-bottom: 86px;
margin-right: 50mm;
margin-left: 20mm
}
#cover-page{
......@@ -54,59 +77,57 @@
font-weight: bold;
font-size: 14px;
line-height: 16px;
margin-bottom: 16px;
margin-top: 16px;
}
/* .pagedjs_note + .pagedjs_note{ margin-top: 16px; } */
.pagedjs_left_page .pagedjs_area-notes {
position: relative;
left: -35mm;
margin-right: -35mm;
/* box-shadow: 0 0 0 1px #e6e6e6; */
padding-right: 6mm;
padding-left: 6mm;
}
.pagedjs_right_page .pagedjs_area-notes {
width: 150px;
position: relative;
right: -35mm;
margin-left: -35mm;
/* box-shadow: 0 0 0 1px #e6e6e6; */
padding-left: 12mm;
}
.pagedjs_callnote, .pagedjs_note::before{
.pagedjs_callnote::after, .pagedjs_note::before{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
vertical-align: baseline;
font-size: 8px;
line-height: 9px;
background-color: black;
background-color: #333;
color: white;
padding: 2px 6px;
}
.pagedjs_note::before{
vertical-align: baseline;
width: 20px;
height: 15px;
display: inline-flex;
align-items: center;
justify-self: center;
text-align: center;
}
.pagedjs_callnote{
display: inline-block;
position: relative;
top: -3px;
margin-left: 3px;
vertical-align: top;
margin-left: 2px;
}
.pagedjs_callnote::after{
padding: 3px 8px 2px 8px;
vertical-align: top;
/* display: inline-block;
position: relative;
left: -6px;
min-width: 20px; */
}
.pagedjs_note::before{
content: counter(pagedjsMarkerNote);
display: inline-block;
position : absolute;
left: -6mm;
left: -8mm;
}
.pagedjs_area-notes::before{
......@@ -178,3 +199,9 @@
text-align: center;
font-size: 16px;
}
.afnanch{ display: none; }
hr{
border: none;
}
\ No newline at end of file
......@@ -21,7 +21,7 @@
<script>
window.PagedConfig = {
before: function () {
inlinenotes();
inlinenotes('afnanch');
createNoteElements('sidenote');
registerHandlerNote();
}
......@@ -211,7 +211,7 @@
and even he, with the aid of modern tools to cut up his wooden cubes, can only
show four widely spaced lines. Wetter<a class="afnanch" href="#fn10" id="fnanch10">10</a>
shows a page printed from perforated
and threaded wooden types<a class="afnanch" href="#fn11" id="fnanch11">11</a>; but these, though of large
and threaded wooden types<!--a class="afnanch" href="#fn11" id="fnanch11">11</a>-->; but these, though of large
size, only prove by their <span class="xxpn" id="p006">{6}</span>
“naughty caprioles” the absurdity of supposing that the “unleaded” <i>Speculum</i>,
a quarternion of which would require 40,000 distinct letters, could have been
......@@ -1170,7 +1170,7 @@
ii.</li>
<!--
<li><a class="afnlabel" href="#fnanch11" id="fn11">11</a>
The history of these “fatal, unhistorical wooden types”
is worth recording for the warning of the over-credulous typographical
......@@ -1215,26 +1215,24 @@
appear in Wetter’s specimen. It is due to the present authorities of
the Bodleian to say that they preserve these precious “relics,” without
prejudice, as curiosities merely, with no insistence on their historic
pretensions.</li>
pretensions.</li> -->
<!--
<li><a class="afnlabel" href="#fnanch12" id="fn12">12</a>
Van der Linde, <i>Haarlem Legend</i>. Lond., p. 72.</li>
Van der Linde, <i>Haarlem Legend</i>. Lond., p. 72.</li> -->
<li><a class="afnlabel" href="#fnanch13" id="fn13">13</a>
Skeen, in his <i>Early Typography</i>, Colombo, 1872, takes
up the challenge thrown down by Dr. Van der Linde on the strength
of Enschedé’s opinion, and shows a specimen of three letters cut in
boxwood, pica size, one of which he exhibits again at the close of
the book after 1,500 impressions. But the value of Skeen’s arguments
<li><a class="afnlabel" href="#fnanch12" id="fn12">12</a>
Skeen, in his <i>Early Typography</i>, Colombo, 1872, takes up the challenge thrown down by Dr. Van der Linde on the strength of Enschedé’s opinion, and shows a specimen of three letters cut in boxwood, pica size, one of which he exhibits again at the close of the book after 1,500 impressions.
<!-- But the value of Skeen’s arguments
and experiments is destroyed when he sums up with this absurd dictum:
“Three letters are as good as 3,000 or 30,000 or 300,000 to demonstrate
the fact that words are and can be, and that therefore pages and whole
books may be (and therefore also that they may have been) printed from
such separable wooden types.”—P. 424.</li>
such separable wooden types.”—P. 424. -->
</li>
......
......@@ -122,7 +122,7 @@ function makeNoteArea(config){
const page = pages[p];
let pageContentTrue = page.getElementsByClassName('pagedjs_page_content')[0]
console.log(page.getElementsByClassName('pagedjs_page_content')[0]);
//console.log(page.getElementsByClassName('pagedjs_page_content')[0]);
if(pageContentTrue.lenght != '0') {
/* don't work */
......@@ -165,7 +165,7 @@ function makeNoteArea(config){
){
areaBottomHack.style.height = '0px';
}else{
areaBottomHack.style.height = contentPage.offsetHeight - area.offsetHeight + 'px';
areaBottomHack.style.height = contentPage.offsetHeight - area.offsetHeight - 1 + 'px';
// need redo chunker
}
......@@ -179,7 +179,7 @@ function makeNoteArea(config){
){
areaBottomHack.style.height = '0px';
}else{
areaBottomHack.style.height = contentPage.offsetHeight - area.offsetHeight + 'px';
areaBottomHack.style.height = contentPage.offsetHeight - area.offsetHeight - 1 + 'px';
// need redo chunker
}
}
......
function inlinenotes(){
let notesCall = document.getElementsByClassName('afnanch');
function inlinenotes(elem){
let notesCall = document.getElementsByClassName(elem);
for(let i = 0; i < notesCall.length; ++i){
console.log(notesCall);
let noteCall = notesCall[i];
// console.log(noteCall);
let idNote = noteCall.href.split("#")[1];
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment