PublishingCSS:HD Bulletin 1: Difference between revisions

From H&D Publishing Wiki
No edit summary
No edit summary
Line 8: Line 8:
*/
*/


/* Pagedjs/paged media specific styles */
 
/*
*** PAGEDJS ***
 
Pagedjs/paged media specific styles  
*/


@page {
@page {
Line 16: Line 21:
   background-color: white;
   background-color: white;
}
}


@page:left {
@page:left {
  margin-right: 15mm;
  margin-left: 10mm;
   @top-center {  
   @top-center {  
     content: string(chapterTitle);
     content: string(pubTitle);
   }
   }
}
}
Line 29: Line 31:
   @top-center {
   @top-center {
     content: string(articleTitle);
     content: string(articleTitle);
  }
}
@page:first {
  @top-left {
    content: "";
  }
  @bottom-right-corner {
    content: "";
   }
   }
}
}
Line 43: Line 36:
/* Setting variables */
/* Setting variables */


h1,
h1 {
.chapter-title {
  string-set: pubTitle content(text);
string-set: chapterTitle content(text);
}
}


h2 {
h2 {
Line 54: Line 45:
   counter-set: footnote-marker 0 footnote 0;
   counter-set: footnote-marker 0 footnote 0;
   string-set: author "";
   string-set: author "";
}
span.author {
  string-set: author content(text);
}
}


Line 64: Line 51:
   float: footnote;
   float: footnote;
}
}


/* Setting variables */
/* Setting variables */


/*
*** PAGEDJS ***
*/





Revision as of 12:43, 6 June 2023

/* 

- Pagedjs
- Fonts
- Layouts
- General styling

*/


/*
*** PAGEDJS ***

Pagedjs/paged media specific styles 
*/

@page {
  size: 105mm 297mm;
  margin: 15mm 10mm 25mm 10mm;
  bleed: 0;
  background-color: white;
}

@page:left {
  @top-center { 
    content: string(pubTitle);
  }
}

@page:right {
  @top-center {
    content: string(articleTitle);
  }
}

/* Setting variables */

h1 {
  string-set: pubTitle content(text);
}

h2 {
  counter-increment: countChapter;
  string-set: articleTitle content(text);
  counter-set: footnote-marker 0 footnote 0;
  string-set: author "";
}

/* Move the footnotes to the footer */
span.footnote {
  float: footnote;
}

/* Setting variables */



/*
*** FONTS ***
*/

.font-authentic {
	font-family: Authentic, sans-serif;
	font-weight: 400;
}

.font-le-murmure {
	font-family: le-murmure, sans-serif;
}

.font-notcouriersans {
	font-family: Authentic, sans-serif;
	font-weight: 400;
}

.font-solide-mirage-etroit {
	font-family: SolideMirageEtroit, sans-serif
}

.font-solide-mirage-mono {
	font-family: SolideMirageMono, sans-serif
}

.font-louise-regular {
	font-family: Louise-Regular, sans-serif
}

.font-sligoil-micro {
	font-family: Sligoil-Micro, sans-serif
}

.font-notoserif {
	font-family: NotoSerifItalic-Micro, serif
}

/*
*** LAYOUTS ***
*/



/* General styling */