diff options
Diffstat (limited to 'printing_templates')
-rw-r--r-- | printing_templates/one_dive.html | 44 | ||||
-rw-r--r-- | printing_templates/two_dives.html | 10 |
2 files changed, 33 insertions, 21 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> diff --git a/printing_templates/two_dives.html b/printing_templates/two_dives.html index 62502272b..0c8eec14c 100644 --- a/printing_templates/two_dives.html +++ b/printing_templates/two_dives.html @@ -2,7 +2,7 @@ <head> <style> body { - background-color: white; + {{ print_options.grayscale }}; padding: 0px; margin: 0px; font-size: {{ template_options.font_size }}vw; @@ -15,6 +15,10 @@ float: left; } + #body_div { + background-color: {{ template_options.color1 }}; + } + .mainContainer { width: 96%; height: 50%; @@ -63,7 +67,7 @@ } .fieldTitle { - background-color: #CfC7C5; + background-color: {{ template_options.color2 }}; overflow: hidden; padding:0; } @@ -103,6 +107,7 @@ </style> </head> <body data-numberofdives = 2> +<div id="body_div"> {% block main_rows %} {% for dive in dives %} <div class="mainContainer"> @@ -217,5 +222,6 @@ {% endblock %} <div id="footer"> <div> +</div> </body> </html> |