diff options
| author |  Gehad elrobey <gehadelrobey@gmail.com> | 2015-07-16 22:04:58 +0200 |
|---|---|---|
| committer |  Lubomir I. Ivanov <neolit123@gmail.com> | 2015-07-20 15:28:59 +0300 |
| commit | d2bc70a570dbed5182f9ff110b8ff948d6b7bfd1 (patch) | |
| tree | d50e77ac969af3312524d7730b53d8cdd5c9d037 | |
| parent | cea79b4e0a3780c688319ff7278024b9b69b1946 (diff) | |
| download | subsurface-d2bc70a570dbed5182f9ff110b8ff948d6b7bfd1.tar.gz | |
Printing: add css filter to templates
Filter HTML body with grayscale value, add background-color to div
inside body so filter can be applied to it.
Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com>
Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>
| -rw-r--r-- | printing_templates/one_dive.html | 8 | ||||
| -rw-r--r-- | printing_templates/two_dives.html | 8 |
2 files changed, 14 insertions, 2 deletions
diff --git a/printing_templates/one_dive.html b/printing_templates/one_dive.html index ce58b3847..9f4d30a61 100644 --- a/printing_templates/one_dive.html +++ b/printing_templates/one_dive.html @@ -2,7 +2,7 @@ <head> <style> body { - background-color: {{ template_options.color1 }}; + {{ print_options.grayscale }}; padding: 0; margin: 0; font-size: {{ template_options.font_size }}vw; @@ -27,6 +27,10 @@ padding-right: 0.5vw; } + #body_div { + background-color: {{ template_options.color1 }}; + } + .mainContainer { width: 96%; height: 100%; @@ -93,6 +97,7 @@ </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 8a9df0094..0c8eec14c 100644 --- a/printing_templates/two_dives.html +++ b/printing_templates/two_dives.html @@ -2,7 +2,7 @@ <head> <style> body { - background-color: {{ template_options.color1 }}; + {{ 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%; @@ -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> |