source: subsurface/printing_templates/Flowlayout.html @ 869a7fc

Last change on this file since 869a7fc was 869a7fc, checked in by Dirk Hohndel <dirk@…>, 8 months ago

dive master > divemaster

  • Property mode set to 100644
File size: 4.2 KB
Line 
1<html>
2<head>
3        <style>
4                body {
5                        {{ print_options.grayscale }};
6                        padding: 0;
7                        margin: 0;
8                        font-size: {{ template_options.font_size }}vw;
9                        line-height: {{ template_options.line_spacing }};
10                        font-family: {{ template_options.font }};
11                }
12
13                h1 {
14                        float: left;
15                        font-size: {{ template_options.font_size }}vw;
16                }
17
18                p {
19                        float: left;
20                        font-size: {{ template_options.font_size }}vw;
21                }
22
23                table {
24                        -webkit-box-sizing: border-box;
25                        box-sizing: border-box;
26                        border-width: {{ template_options.borderwidth }}px;
27                        border-style:solid;
28                        border-color: {{ template_options.color6 }};
29                }
30
31                td {
32                        padding-left: 0.5vw;
33                        padding-right: 0.5vw;
34                }
35
36                #body_div {
37                        background-color: {{ template_options.color1 }};
38                }
39
40                .mainContainer {
41                        width: 100%;
42                        margin-left: 0%;
43                        margin-right: 0%;
44                        margin-top: 0%;
45                        margin-bottom: 2%;
46                        overflow: hidden;
47                        border-width: 0;
48                        page-break-inside: avoid;
49                }
50
51                .innerContainer {
52                        width: 100%;
53                        padding: 0%;
54                        overflow: hidden;
55                }
56
57                .diveDetails {
58                        width: 100%;
59                        float: left;
60                }
61
62                .dataSection {
63                        width: 100%;
64                }
65
66                .fieldTitle {
67                        background-color: {{ template_options.color2 }};
68                        overflow: hidden;
69                        color: {{ template_options.color4 }};
70                }
71
72                .fieldData {
73                        color: {{ template_options.color5 }};
74                        background-color: {{ template_options.color3 }};
75                }
76
77                .table_class {
78                        float: left;
79                        width: 49.25%;
80                        margin: 0.5%;
81                }
82
83                .notes_table_class {
84                        overflow: hidden;
85                        width: 99%;
86                        margin: 0.5%;
87                }
88
89                .textArea {
90                        line-height: {{ template_options.line_spacing }};
91                        max-height: 19vh;
92                        overflow: hidden;
93                        color: {{ template_options.color4 }};
94                }
95        </style>
96</head>
97<body data-numberofdives = 0>
98<div id="body_div">
99{% block main_rows %}
100        {% for dive in dives %}
101                <div class="mainContainer dontbreak">
102                        <div class="innerContainer">
103                                <div class="diveDetails">
104                                        <div class="dataSection">
105                                                <table class="table_class">
106                                                        <tbody><tr>
107                                                                <td class="fieldTitle">
108                                                                        <h1> Dive No. </h1>
109                                                                </td>
110                                                                <td class="fieldData">
111                                                                        <p> {{ dive.number }} </p>
112                                                                </td>
113                                                        </tr>
114                                                        <tr>
115                                                                <td class="fieldTitle">
116                                                                        <h1> Date </h1>
117                                                                </td>
118                                                                <td class="fieldData">
119                                                                        <p> {{ dive.date }} </p>
120                                                                </td>
121                                                        </tr>
122                                                        <tr>
123                                                                <td class="fieldTitle">
124                                                                        <h1> Location </h1>
125                                                                </td>
126                                                                <td class="fieldData">
127                                                                        <p> {{ dive.location }} </p>
128                                                                </td>
129                                                        </tr>
130                                                        <tr>
131                                                                <td class="fieldTitle">
132                                                                        <h1> Max depth </h1>
133                                                                </td>
134                                                                <td class="fieldData">
135                                                                        <p> {{ dive.depth }} </p>
136                                                                </td>
137                                                        </tr>
138                                                        <tr>
139                                                                <td class="fieldTitle">
140                                                                        <h1> Duration </h1>
141                                                                </td>
142                                                                <td class="fieldData">
143                                                                        <p> {{ dive.duration }} </p>
144                                                                </td>
145                                                        </tr>
146                                                </tbody></table>
147                                                <table class="table_class">
148                                                        <tbody><tr>
149                                                                <td class="fieldTitle">
150                                                                        <h1> Time. </h1>
151                                                                </td>
152                                                                <td class="fieldData">
153                                                                        <p> {{ dive.time }} </p>
154                                                                </td>
155                                                        </tr>
156                                                        <tr>
157                                                                <td class="fieldTitle">
158                                                                        <h1> Air Temp. </h1>
159                                                                </td>
160                                                                <td class="fieldData">
161                                                                        <p> {{ dive.airTemp }} </p>
162                                                                </td>
163                                                        </tr>
164                                                        <tr>
165                                                                <td class="fieldTitle">
166                                                                        <h1> Water Temp. </h1>
167                                                                </td>
168                                                                <td class="fieldData">
169                                                                        <p> {{ dive.waterTemp }} </p>
170                                                                </td>
171                                                        </tr>
172                                                        <tr>
173                                                                <td class="fieldTitle">
174                                                                        <h1> Buddy </h1>
175                                                                </td>
176                                                                <td class="fieldData">
177                                                                        <p> {{ dive.buddy }} </p>
178                                                                </td>
179                                                        </tr>
180                                                        <tr>
181                                                                <td class="fieldTitle">
182                                                                        <h1> Divemaster </h1>
183                                                                </td>
184                                                                <td class="fieldData">
185                                                                        <p> {{ dive.divemaster }} </p>
186                                                                </td>
187                                                        </tr>
188                                                        </tbody>
189                                                </table>
190                                                <table class="notes_table_class">
191                                                        <tbody>
192                                                        <tr>
193                                                                <td class="fieldTitle">
194                                                                        <h1> Notes </h1>
195                                                                </td>
196                                                        </tr>
197                                                        <tr>
198                                                                <td class="fieldData">
199                                                                        <div class="textArea">
200                                                                                <p> {{ dive.notes|safe }} </p>
201                                                                        </div>
202                                                                </td>
203                                                        </tr>
204                                                        </tbody>
205                                                </table>
206                                        </div>
207                                </div>
208                        </div>
209                </div>
210        {% endfor %}
211{% endblock %}
212</div>
213</body>
214</html>
Note: See TracBrowser for help on using the repository browser.