RPGs3_card_insanity/templates/all.html.j2

<style>

@page
{
	size: auto;
	margin: 0.5cm;
}

body {
    background-color: white;
    margin: 0;
    padding: 0;
    -webkit-print-color-adjust: exact;
}

.card_wrapper {
    width: 2.5in;
    height: 3.5in;
	float: left;
    border: 1px solid transparent;
	page-break-inside: avoid;
	position: relative;
}

.card_cover,
iframe {
	position: absolute;
	top:0;
	left:0;
	width:2.5in;
	height:3.5in;
	margin:  none;
	padding: none;
	border:  none;
}
.card_cover {
	cursor: pointer;
}

</style>

<div>
{% for cardname in cards %}
	<div class="card_wrapper">
		<iframe src="{{ cardname }}" scrolling=no></iframe>
		<div class="card_cover" onclick='window.location = {{cardname|tojson}}'></div>
	</div>
{% endfor %}
</div>