diff options
Diffstat (limited to 'printing_templates/one_dive.html')
| -rw-r--r-- | printing_templates/one_dive.html | 44 |
1 files changed, 25 insertions, 19 deletions
diff --git a/printing_templates/one_dive.html b/printing_templates/one_dive.html index d7ae8d477..9f4d30a61 100644 --- a/printing_templates/one_dive.html +++ b/printing_templates/one_dive.html @@ -2,7 +2,7 @@ <head> <style> body { - background-color: white; + {{ print_options.grayscale }}; padding: 0; margin: 0; font-size: {{ template_options.font_size }}vw; @@ -16,13 +16,21 @@ } table { - -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ - -moz-box-sizing: border-box; /* Firefox, other Gecko */ + -webkit-box-sizing: border-box; box-sizing: border-box; border:max(1px, 0.1vw); border-style:solid; } + td { + padding-left: 0.5vw; + padding-right: 0.5vw; + } + + #body_div { + background-color: {{ template_options.color1 }}; + } + .mainContainer { width: 96%; height: 100%; @@ -45,8 +53,7 @@ .diveDetails { width: 98%; height: 98%; - -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ - -moz-box-sizing: border-box; /* Firefox, other Gecko */ + -webkit-box-sizing: border-box; box-sizing: border-box; border:max(1px, 0.1vw); border-style:solid; @@ -54,45 +61,43 @@ } .diveProfile { - width: 97%; + width: 96%; height: 40%; - margin: 1.5%; - -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ - -moz-box-sizing: border-box; /* Firefox, other Gecko */ - box-sizing: border-box; - border:max(1px, 0.1vw); - border-style:solid; + margin: 2%; } .dataSection { - width: 97%; + width: 98%; height: 40%; - margin: 1.5%; + margin: 1%; } .fieldTitle { - background-color: #CfC7C5; + background-color: {{ template_options.color2 }}; overflow: hidden; } .table_class { float: left; - margin: 1.5%; + margin: 1%; + width: 48%; } .notes_table_class { overflow: hidden; - width: 97%; - margin: 1.5%; - float: left; + width: 98%; + margin: 1%; } .textArea { line-height: {{ template_options.line_spacing }}; + max-height: 19vh; + overflow: hidden; } </style> </head> <body data-numberofdives = 1> +<div id="body_div"> {% block main_rows %} {% for dive in dives %} <div class="mainContainer"> @@ -206,5 +211,6 @@ </div> {% endfor %} {% endblock %} +</div> </body> </html> |