xref: /template/writr/css/pdf.less (revision 005babf026447974ced7f40235a7aedf1fdbe8b2) 
1/* =PDF Stylesheet for Writr
2----------------------------------------------- */
3
4
5// Montserrat Font
6@import 'css/montserrat.less';
7
8// GenericIcons Font
9@import 'css/genericons.less';
10
11// Bootstrap Icons Font
12@import 'css/bootstrap-icons.less';
13
14// DW2PDF plugin
15page,
16body {
17    margin: 0px;
18    padding: 0px;
19    background: #fff;
20    color: #656565;
21    font-family: Montserrat, sans-serif;
22}
23body:after,
24body:before,
25page:before,
26#writr__sidebar-toggle,
27#writr__sidebar-toggle:before,
28#writr__sidebar-toggle:after,
29.search-form,
30.main-navigation,
31.widget-area,
32.dokuwiki .breadcrumbs,
33#dw__toc,
34.page-footer {
35    display: none;
36}
37
38.site-logo {
39    float: left;
40    margin-right: 20px;
41}
42.site-title {
43    margin: 0;
44    padding: 0;
45    a {
46        text-decoration: none;
47        color: @ini_theme_color;
48    }
49}
50
51div.footnotes {
52    clear: both;
53    border-top: 1pt solid #000;
54    margin-top: 10pt;
55}
56
57pre {
58    font-family: monospace;
59}
60dl.code dt,
61dl.file dt {
62    font-weight: bold;
63}
64
65img {
66    border-width: 0;
67    vertical-align: middle;
68}
69
70// Links
71a {
72    color: @ini_theme_color;
73}
74a:hover,
75a:focus,
76a:active {
77    color: @ini_theme_color_alt;
78}
79
80// Headings
81h1,h2,h3,h4,h5,h6 {
82    clear: left;
83    margin: 0 0 20px;
84    color: #303030 !important;
85}
86h1,h2,h3 {
87    text-transform: uppercase !important;
88    background-color: @ini_border !important;
89    width: 100% !important;
90    font-weight: bold !important;
91
92    /* Force browser to print background colors */
93    -webkit-print-color-adjust: exact;
94    print-color-adjust: exact;
95}
96h1 {
97    padding: 20px !important;
98}
99h2 {
100    padding: 16px !important;
101}
102h3 {
103    padding: 12px !important;
104}
105
106// Preformatted text
107pre {
108    overflow: auto;
109    padding: 20px;
110    margin-bottom: 20px;
111    max-width: 100%;
112    background: @ini_background_alt;
113    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
114    direction: ltr;
115    unicode-bidi: bidi-override;
116    text-align: left;
117}
118
119// Code elements
120code,
121kbd,
122tt,
123var {
124    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
125    color: #c7254e;
126}
127
128// Tables
129table,
130table th,
131table td,
132table[border],
133table[border] th,
134table[border] td {
135    border: none !important;
136}
137
138table,
139table[border] {
140    margin: 0 0 20px !important;
141    width: 100% !important;
142
143    border-collapse: collapse !important;
144    border-spacing: 0 !important;
145
146    background-color: @ini_background_alt !important;
147    -webkit-print-color-adjust: exact;
148    print-color-adjust: exact;
149
150    page-break-inside: auto;
151
152    tr,
153    tr[border] {
154        page-break-inside: avoid !important;
155        &:last-of-type td {
156            border-bottom: 1px solid @ini_background_alt !important;
157        }
158    }
159
160    th,
161    th[border] {
162        border-top: 1px solid @ini_background_neu !important;
163        border-bottom: 1px solid @ini_background_neu !important;
164        border-left: 1px solid @ini_background_neu !important;
165        border-right: 1px solid @ini_background_neu !important;
166
167        background-color: @ini_background_neu !important;
168        font-weight: bold !important;
169        color: #303030 !important;
170    }
171
172    td,
173    td[border] {
174        border-top: 1px solid @ini_background_alt !important;
175        border-bottom: 1px solid @ini_background_neu !important;
176        border-left: 1px solid @ini_background_alt !important;
177        border-right: 1px solid @ini_background_alt !important;
178        &:last-of-type {
179            border-right: 1px solid @ini_background_alt !important;
180        }
181    }
182
183    th,
184    td {
185        padding: 10px !important;
186    }
187}
188
189// Icons plugin
190@import 'plugins/icons.less';
191
192// Keyboard plugin
193@import 'plugins/keyboard.less';
194
195// Wrap plugin
196@import 'plugins/wrap.less';
197// .wrap_info,
198// div.wrap_info,
199// span.wrap_info,
200// .wrap_tip,
201// div.wrap_tip,
202// span.wrap_tip,
203// .wrap_important,
204// div.wrap_important,
205// span.wrap_important,
206// .wrap_alert,
207// div.wrap_alert,
208// span.wrap_alert,
209// .wrap_help,
210// div.wrap_help,
211// span.wrap_help,
212// .wrap_download,
213// div.wrap_download,
214// span.wrap_download,
215// .wrap_todo,
216// div.wrap_todo,
217// span.wrap_todo {
218//     background: none !important;
219//     background-image: none !important;
220
221//     &::before {
222//         font-family: 'bootstrap-icons';
223//     }
224// }
225// div.wrap_info,
226// div.wrap_tip,
227// div.wrap_important,
228// div.wrap_alert,
229// div.wrap_help,
230// div.wrap_download,
231// div.wrap_todo{
232//     padding: 1em 1em .5em 70px;
233//     margin-bottom: 1.5em;
234//     min-height: 68px;
235//     background-position: 10px 50%;
236//     background-repeat: no-repeat;
237//     color: inherit;
238//     overflow: hidden;
239//     &::before {
240//         font-size: 48px !important;
241//         position: absolute !important;
242
243//         margin-left: -56px !important;
244//         margin-top: -16px !important;
245//     }
246// }
247// span.wrap_info,
248// span.wrap_tip,
249// span.wrap_important,
250// span.wrap_alert,
251// span.wrap_help,
252// span.wrap_download,
253// span.wrap_todo{
254//     padding: 0 2px 0 20px;
255//     min-height: 20px;
256//     background-position: 2px 50%;
257//     background-repeat: no-repeat;
258//     color: inherit;
259//     &::before {
260//         font-size: 16px !important;
261//         position: relative !important;
262
263//         margin-left: 16px !important;
264//     }
265// }
266
267// .wrap_info,
268// div.wrap_info,
269// span.wrap_info {
270//     border-color: #0dcaf0 !important;
271//     background-color: #c9f2fb !important;
272//     &::before {
273//         color: #0dcaf0 !important;
274//     }
275// }
276
277// .wrap_tip,
278// div.wrap_tip,
279// span.wrap_tip {
280//     border-color: #ffc107 !important;
281//     background-color: #fff3cd !important;
282//     &::before {
283//         color: #ffc107 !important;
284//     }
285// }
286
287// .wrap_important,
288// div.wrap_important,
289// span.wrap_important {
290//     border-color: #fd7e14 !important;
291//     background-color: #ffe5d0 !important;
292//     &::before {
293//         color: #fd7e14 !important;
294//     }
295// }
296
297// .wrap_alert,
298// div.wrap_alert,
299// span.wrap_alert {
300//     border-color: #dc3545 !important;
301//     background-color: #f8d7da !important;
302//     &::before {
303//         color: #dc3545 !important;
304//     }
305// }
306
307// .wrap_help,
308// div.wrap_help,
309// span.wrap_help {
310//     border-color: #6f42c1 !important;
311//     background-color: #e2d9f3 !important;
312//     &::before {
313//         color: #6f42c1 !important;
314//     }
315// }
316
317// .wrap_download,
318// div.wrap_download,
319// span.wrap_download {
320//     border-color: #198754 !important;
321//     background-color: #d1e7dd !important;
322//     &::before {
323//         color: #198754 !important;
324//     }
325// }
326
327// .wrap_todo,
328// div.wrap_todo,
329// span.wrap_todo {
330//     border-color: #20c997 !important;
331//     background-color: #d1e7dd !important;
332//     &::before {
333//         color: #20c997 !important;
334//     }
335// }
336