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>
This commit is contained in:
Gehad elrobey 2015-07-16 22:04:58 +02:00 committed by Lubomir I. Ivanov
parent cea79b4e0a
commit d2bc70a570
2 changed files with 14 additions and 2 deletions

View file

@ -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>

View file

@ -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>