| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | <html> | 
					
						
							|  |  |  | <head> | 
					
						
							|  |  |  | 	<style> | 
					
						
							|  |  |  | 		body { | 
					
						
							|  |  |  | 			{{ print_options.grayscale }}; | 
					
						
							|  |  |  | 			padding: 0; | 
					
						
							|  |  |  | 			margin: 0; | 
					
						
							|  |  |  | 			font-size: {{ template_options.font_size }}vw; | 
					
						
							|  |  |  | 			line-height: {{ template_options.line_spacing }}; | 
					
						
							|  |  |  | 			font-family: {{ template_options.font }}; | 
					
						
							|  |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 		h1 { | 
					
						
							|  |  |  | 			float: left; | 
					
						
							|  |  |  | 			font-size: {{ template_options.font_size }}vw; | 
					
						
							|  |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 		th { | 
					
						
							|  |  |  | 			font-size: {{ template_options.font_size }}vw; | 
					
						
							|  |  |  | 			page-break-inside: avoid; | 
					
						
							|  |  |  | 			-webkit-column-break-inside: avoid; | 
					
						
							|  |  |  | 			padding-top: 1vh; | 
					
						
							|  |  |  | 			padding-bottom: 1vh; | 
					
						
							| 
									
										
										
										
											2015-08-10 20:06:43 +02:00
										 |  |  | 			-webkit-box-sizing: border-box; | 
					
						
							|  |  |  | 			box-sizing: border-box; | 
					
						
							| 
									
										
										
										
											2015-08-11 23:02:00 +02:00
										 |  |  | 			border-width: {{ template_options.borderwidth }}px; | 
					
						
							| 
									
										
										
										
											2015-08-10 20:06:43 +02:00
										 |  |  | 			border-style:solid; | 
					
						
							|  |  |  | 			border-color: {{ template_options.color6 }}; | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 		#body_div { | 
					
						
							|  |  |  | 			background-color: {{ template_options.color1 }}; | 
					
						
							|  |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 		.mainContainer { | 
					
						
							| 
									
										
										
										
											2015-08-08 01:39:46 +02:00
										 |  |  | 			width: 99%; | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 			height: 100%; | 
					
						
							| 
									
										
										
										
											2015-08-08 01:39:46 +02:00
										 |  |  | 			margin-left: 0.5%; | 
					
						
							|  |  |  | 			margin-right: 0.5%; | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 			margin-top: 0%; | 
					
						
							|  |  |  | 			margin-bottom: 0%; | 
					
						
							|  |  |  | 			overflow: hidden; | 
					
						
							|  |  |  | 			border-width: 0; | 
					
						
							|  |  |  | 			page-break-inside: avoid; | 
					
						
							|  |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 		.table_class { | 
					
						
							|  |  |  | 			overflow: hidden; | 
					
						
							| 
									
										
										
										
											2015-08-08 01:39:46 +02:00
										 |  |  | 			width: 100%; | 
					
						
							|  |  |  | 			margin: 0%; | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 		} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 	</style> | 
					
						
							|  |  |  | </head> | 
					
						
							|  |  |  | <body data-numberofdives = 0> | 
					
						
							|  |  |  | <div id="body_div"> | 
					
						
							|  |  |  | <table class="table_class"> | 
					
						
							| 
									
										
										
										
											2015-08-07 09:53:34 +02:00
										 |  |  | 	<tr style="background-color: {{ template_options.color2 }}; color: {{ template_options.color4 }}"> | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 		<th>Dive #</th> | 
					
						
							|  |  |  | 		<th>Date</th> | 
					
						
							|  |  |  | 		<th>Time</th> | 
					
						
							|  |  |  | 		<th>Depth</th> | 
					
						
							|  |  |  | 		<th>Duration</th> | 
					
						
							|  |  |  | 		<th>Master</th> | 
					
						
							|  |  |  | 		<th>Location</th> | 
					
						
							|  |  |  | 	</tr> | 
					
						
							|  |  |  | {% block main_rows %} | 
					
						
							|  |  |  | 	{% for dive in dives %} | 
					
						
							| 
									
										
										
										
											2015-08-13 23:23:33 +02:00
										 |  |  | 		<tr class="dontbreak" style="background-color: {{ template_options.color3 }}; color: {{ template_options.color5 }};"> | 
					
						
							| 
									
										
										
										
											2015-07-23 15:19:53 +02:00
										 |  |  | 			<th>{{ dive.number }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.date }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.time }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.depth }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.duration }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.divemaster }}</th> | 
					
						
							|  |  |  | 			<th>{{ dive.location }}</th> | 
					
						
							|  |  |  | 		</tr> | 
					
						
							|  |  |  | 	{% endfor %} | 
					
						
							|  |  |  | {% endblock %} | 
					
						
							|  |  |  | </table> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | </body> | 
					
						
							|  |  |  | </html> |