popsu_html2print/src/css/print.css

@font-face {
	font-family: 'Cormorant';
	src: url('../fonts/Cormorant-Light.ttf');
	font-weight: 200;
}
@font-face {
	font-family: 'TextaAlt';
	src: url('../fonts/TextaAlt-Bold.otf');
	font-weight: 800;
}
@font-face {
	font-family: 'Texta';
	src: url('../fonts/Texta-Black.otf');
	font-weight: 800;
}
@font-face {
	font-family: 'Duke POPSU';
	src: url('../fonts/Duke-POPSU.ttf');
}
@font-face {
	font-family: "SGI-TextAlt";
	src: url("../fonts/SGI-TextAlt.otf") format("opentype");
}
.pagedjs_page_content>div {
	height: 100%;
}
.layout {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.grow{
	flex:1;
}
.no-folio{
	page: nofolio;
}
.blank-page{
	page-break-after: always;
}
.column {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.justify-end {
	justify-content: flex-end;
}
.capital {
	text-transform: uppercase;
	font-size: 12pt;
}
body {
	font-size: 10pt;
}
@media print {
  @page {
		size: 148mm 210mm;
		margin: 2cm;
	}
	@page :left {
		@bottom-left {
			content: counter(page);
			font-weight: 12pt;
			font-family: 'Duke POPSU';
			transform: translateX(-1cm);
		}
	}
	@page :right {
		@bottom-right {
			content: counter(page);
			font-weight: 12pt;
			font-family: 'Duke POPSU';
			transform: translateX(1cm);
		}
	}
  @page imagecover {
    size: 148mm 210mm;
		margin: 0cm;
	}

	@page nofolio :left {
		@bottom-left {
			content: unset;
		}
	}
	@page nofolio :right {
		@bottom-right {
			content: unset;
		}
	}

	.table-of-content a {
		text-decoration: none;
		color: inherit;
	}
	.table-of-content a::after {
		font-size: 9pt;
		margin-left: 10pt;
		content: target-counter(attr(href), page);
		font-family: "SGI-TextAlt";
	}
}
.table-of-content {
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 25pt;
	line-height: 33pt;
	margin: 0;
}
.chapter-title {
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 34pt;
	line-height: 34pt;
	text-align: right;
}
.canbreak{
	page-break-before: always;
}
.chapter-title:after {
	content: "++++";
	display: block;
	font-family: inherit;
	font-weight: 200;
	font-size: 10pt;
	letter-spacing: 4pt;
}
.chapter-content {
	text-align: justify;
	-webkit-hyphens : auto;
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 10pt;
	line-height: 18pt;
}
.section-title {
	font-family: "TextaAlt";
	font-weight: 800;
	font-size: 12pt;
}
.section-content {
	text-align: justify;
	hyphens: auto;
	font-family: "SGI-TextAlt";
	font-size:9.5pt;
	font-weight: 200;
	line-height: 18pt;
}
.image-cover {
	page: imagecover;
	background-size: cover;
	background-position: center;
	background-color: lightgray;
	background-repeat: no-repeat;
}
.cover-left{
	background-position:0% 50%;
}
.cover-right{
	background-position:-148mm 50%;
}
.pre-title{
	font-family: "Duke POPSU";
	font-size: 45pt;
	line-height: 33pt;
}
.pre-sub-title{
	font-family: "Texa";
	font-weight: 800;
	font-size: 10pt;
	line-height: 13pt;
}

.main-title{
	font-family: "Duke POPSU";
	font-size: 60pt;
	line-height: 48pt;
	margin: 0;
}
.main-sub-title{
	font-family: "Texa";
	font-weight: 800;
	font-size: 12pt;
	line-height: 15pt;
}
.bold {
	font-family: "TextaAlt";
	font-weight: 800;
	font-size: 12pt;
	text-transform: uppercase;
}
.center{
	text-align: center;
}

.green{
	background-blend-mode:screen;
	background-color: green;
}
.v-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}