html, body {
	margin: 0; padding: 0;
	background: dimgray;
}
/* index.php */
.pagei { background-color: #243A52; width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 1cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); border-radius: 25px; }
.pagex { background-color: lightgray; width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 1cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); border-radius: 25px; position: relative; }
.blank_page { background-color: lightgray; width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 1cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); border-radius: 25px; position: relative; }
.outline_index, .xoutline_right, .xoutline_left { padding: 1.25cm; }

.page {
	background-image: url("../img/paper-texture-2x.jpg"); background-repeat: repeat; background-color: #E5E6E8;
	width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 1cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); border-radius: 25px;
	position: relative;
}
/* po dokončení extra článků sem přesunout selektory outlinex_right + outlinex_left */
.outline_right {
	padding-top: 1cm; padding-bottom: 1cm;
	padding-left: 1.5cm; padding-right: 1cm;
}
.outline_left {
	padding-top: 1cm; padding-bottom: 1cm;
	padding-left: 1cm; padding-right: 1.5cm;
}
/* extra články ještě nejsou hotové, a proto budou mít levé i pravé stránky prozatím stejné odsazení */
.outlinex_right, .outlinex_left {
	padding-top: 1cm; padding-bottom: 1cm;
	padding-left: 1.5cm; padding-right: 1cm;
}

.page::after { counter-increment: page; }
.page_right::after, .page_left::after { position: absolute; bottom: 5mm; width: 98%; display: inline-block; font-size: 1em; content: counter(page); }
.page_right::after { left: 0; text-align: right; }
.page_left::after { right: 0; text-align: left; }

.pagex::after { counter-increment: page; }
.pagex_right::after, .pagex_left::after { position: absolute; bottom: 5mm; width: 98%; display: inline-block; font-size: 1em; content: counter(page, lower-roman); }
.pagex_right::after { left: 0; text-align: right; }
.pagex_left::after { right: 0; text-align: left; }

@page{
	size: A4 portrait;
    margin: 0mm;
}
@media screen {
	.print { display: none; }
}
@media print {
	html, body, .page, .outline, .pagei, .pagex, .blank_page { margin: 0; box-shadow: 0; border-radius: 0; background-color: #ffffff; }
	.noprint { display: none !important; }
	.chapter_number::before { position: absolute; top: 2mm; left: 2mm; text-align: right; width: 98%; display: inline-block; font-size: 1em; content: attr(data-number); }
	.chapter_name::before { position: absolute; top: 2mm; left: 2mm; text-align: left; width: 98%; display: inline-block; font-size: 1em; content: attr(data-name); }
}
@print {
    @page :footer { display: none; }
    @page :header { display: none; }
}