<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; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: {{ template_options.borderwidth }}px; border-style:solid; border-color: {{ template_options.color6 }}; } #body_div { background-color: {{ template_options.color1 }}; } .mainContainer { width: 99%; height: 100%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0%; margin-bottom: 0%; overflow: hidden; border-width: 0; page-break-inside: avoid; } .table_class { overflow: hidden; width: 100%; margin: 0%; } </style> </head> <body data-numberofdives = 0> <div id="body_div"> <table class="table_class"> <tr style="background-color: {{ template_options.color2 }}; color: {{ template_options.color4 }}"> <th>Dive #</th> <th>Date</th> <th>Time</th> <th>Depth</th> <th>Duration</th> <th>Guide</th> <th>Location</th> </tr> {% block main_rows %} {% for dive in dives %} <tr class="dontbreak" style="background-color: {{ template_options.color3 }}; color: {{ template_options.color5 }};"> <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>