1/**
2 * This file provides the styles for printing.
3 */
4
5/* + + + + +  variables  + + + + + */
6@color-print: #000;
7@background-print: transparent;
8@border-color-print: #ccc;
9@border-dark-print: #777;
10
11/*  + + + + + print styles  + + + + + */
12html,
13body {
14    background: @background-print;
15}
16
17a:link,
18a:visited {
19    background: @background-print !important;
20    color: @color-print !important;
21    text-decoration: underline;
22}
23
24/* lightbox is shown: */ #dokuwiki__top[style="overflow: hidden;"] .page-wrapper,
25#spr__direct,
26.top-header,
27.main-footer,
28.menu-togglelink,
29.main-title.desktop-only,
30#spr__meta-box,
31.content .row > .col-xs-12 #dokuwiki__content::before,
32.page-wrapper > .tools,
33.breadcrumbs,
34.wikilink1[href*="id=pagefooter"],
35.structaggregation > a.export,
36#dokuwiki__content .structaggregation > a,
37#dokuwiki__content a.folder {
38    display: none !important;
39}
40
41.content .row > .col-xs-12 {
42    box-shadow: none;
43}
44
45.dokuwiki div.page,
46.main-sidebar.claim,
47.page-footer {
48    padding: 20pt 20pt 0;
49}
50
51#dokuwiki__header .logo img {
52    height: 4rem;
53    width: auto;
54}
55
56
57/* + + + + + + + + + + + + + + */
58/* + + + + +  admin  + + + + + */
59
60/* + + +  acl_manager  + + + */
61#acl__tree {
62    display: none;
63}
64
65#acl__detail {
66    .aclpage {
67        display: block;
68        font-size: 110%;
69        margin-top: 13pt;
70        padding-bottom: 13pt;
71    }
72}
73
74/* + + +  Extension Manager  + + + */
75#extension__manager {
76    form.search {
77        display: inline-block;
78        margin-bottom: 20pt;
79    }
80    form.install {
81        display: none;
82    }
83    ul.tabs {
84        li.active {
85            a {
86                font-weight: bold;
87                text-decoration: none;
88            }
89        }
90    }
91}
92
93#extension__list {
94    .extensionList {
95        border-bottom: 1pt solid @border-color-print;
96        padding: 0;
97
98        li {
99            list-style-type: none;
100            border-top: 1pt solid @border-color-print;
101            margin-left: 0;
102
103            &::after {
104                content: '';
105                clear: both;
106                display: table;
107                height: 10pt;
108            }
109
110            a.info,
111            .actions.col {
112                display: none;
113            }
114
115            .screenshot {
116                float: left;
117                border: 1pt solid @border-color-print;
118                margin: 0 10pt 5pt 0;
119            }
120
121            h2, h2 * {
122                font-size: 100%;
123            }
124        }
125    }
126}
127
128#user__manager {
129    table input,
130    .import_users input{
131        display: none !important;
132    }
133}
134#acl__detail #acl__user {
135    display: none;
136}
137
138.do-admin #dokuwiki__content {
139
140    #confmanager {
141        .popup,
142        .confmanager_singleLine#local,
143        button,
144        .button.saveButton {
145            display: none !important;
146        }
147
148        .confmanager_singleLine {
149            div.defaultValue {
150                word-break: break-all;
151            }
152        }
153
154    }
155
156    > form > fieldset {
157
158        border-color: @border-color-print;
159
160        > textarea.edit[readonly] {
161            border: 0 none;
162            min-height: 2250pt;
163            overflow:visible;
164            display: block;
165            page-break-inside: auto;
166
167            + br + label[for="autosubmit"] {
168                margin-top: 20pt;
169
170                input {
171                    margin-right: 5pt;
172                }
173            }
174        }
175    }
176
177    #magicmatcher__repoadmin {
178
179        button {
180            display: none;
181        }
182        .service-wrapper {
183            padding-top: 1rem;
184        }
185    }
186
187    .plugin_move_form {
188        legend {
189            display: none;
190        }
191    }
192
193    #plugin__qc_admin {
194        table .centeralign {
195            .qc_icon svg + span {
196                vertical-align: top;
197            }
198        }
199    }
200
201    .doku_form.struct_newschema {
202        button {
203            display: none;
204        }
205    }
206    form.plugin_tagging {
207        display: none;
208    }
209
210    #plugin__upgrade_meter {
211        ol li .stage {
212            padding-left: .4em;
213        }
214    }
215
216    #plugin__upgrade {
217        code {
218            word-break: break-all;
219            font-size: .82rem;
220        }
221    }
222}
223
224/* + + +  Configuration Settings  + + + */
225#dokuwiki__content #config__manager {
226    fieldset {
227        padding: 0;
228
229        legend {
230            padding: 0 .5em;
231            text-align: center;
232            background-color: #fff;
233        }
234         > .table > table {
235             border: 0 solid @border-color-print;
236             width: 100%;
237             tr {
238                 border-top: 1pt solid @border-color-print;
239
240                 &:first-child {
241                     border-top-width: 0;
242                 }
243                 td {
244                     border-width: 0;
245                 }
246             }
247         }
248    }
249    td.value,
250    td.label {
251        font-size: 100%;
252        padding: .6em 0 .8em 1em;
253    }
254    td.label {
255        width: 35%;
256        span.outkey, span.outkey * {
257            font-size: 100%;
258        }
259        label {
260            display: block;
261        }
262        span.outkey, label {
263            padding-left: .2rem;
264        }
265    }
266
267    td.value {
268        input[type="text"] {
269            border: 0 none;
270        }
271
272        select {
273            max-width: 80%;
274            box-sizing: border-box;
275            border: 1px solid transparent;
276            background: transparent;
277        }
278        .selectiondefault {
279            position: relative;
280
281            input.checkbox {
282                position: absolute;
283                top:0;
284                left: 0;
285            }
286
287            label, input[type="text"] {
288                position: relative;
289                top:0;
290                left: 0;
291                margin-left: 20pt;
292                margin-top: .5em;
293                padding-left: 0;
294                background-color: transparent;
295            }
296        }
297    }
298
299}
300
301.do-admin div.ui-admin ul.admin_tasks,
302.do-admin div.ui-admin ul.admin_plugins {
303    li {
304        list-style-type: none;
305        min-height: 2em;
306
307        a {
308            span.icon {
309                float: left;
310                clear: left;
311                display: inline-block;
312                width: 22pt;
313                height: 22pt;
314                border: 1pt solid @border-color-print;
315                margin: 0 10pt 0 0;
316
317                &:empty {
318                    &::before {
319                        content: "?";
320                        display: inline-block;
321                        padding-top: 1pt;
322                    }
323                }
324
325                svg {
326                    width: 20pt;
327                    height: 20pt;
328
329                    path {
330                        fill: @color-print;
331                    }
332                }
333            }
334
335            span.prompt {
336                min-height: 26pt;
337                display: inline-block;
338                margin: 0;
339                padding-top: 4pt;
340            }
341        }
342    }
343}
344
345/* + + + + + + + + + + + + + + + + + + + + + + + */
346/* + + + + +  Template Style Settings  + + + + + */
347.page-footer {
348    border-top: 1pt solid @border-color-print;
349    margin-top: 13pt;
350}
351
352#dokuwiki__content #plugin__styling {
353
354    button {
355        display: none !important;
356    }
357
358    .styling input[type="text"] {
359        border: 0 none;
360    }
361}
362
363/* + + +  data plugin  + + + */
364.dataplugin_entry dl {
365    border: 1pt solid @border-color-print;
366    padding: 7pt;
367    margin: 7pt 0;
368
369    dt {
370        clear: left;
371        float: left;
372        width: 22%;
373        font-weight: bold;
374        text-align: right;
375        margin-right: 5pt;
376    }
377}
378
379#dokuwiki__detail {
380    div.img_detail dl {
381        dt {
382            display: inline-block;
383            width: 20%;
384            background-color: transparent;
385        }
386        dd {
387            display: inline-block;
388            width: 75%;
389        }
390    }
391}
392
393/* + + +  tabbox  + + + */
394div#dwpl-ti-container .dwpl-ti,
395.dwpl-ti-permalink-header,
396.dwpl-ti-permalink-footer {
397    display: none !important;
398}
399
400div#dwpl-ti-container div.dwpl-ti-content-box {
401    box-shadow: none;
402    border: 0 none;
403}
404
405/* + + +  media nmanager  + + + */
406#mediamanager__page {
407    .namespaces,
408    .filelist .tabs,
409    .panelHeader form {
410        display: none;
411    }
412
413    ul.rows {
414        width: auto;
415        padding: 0;
416    }
417
418    .filelist li {
419        clear: both;
420        list-style-type: none;
421        margin: 7pt 0 0;
422
423        dl {
424            position: relative;
425            display: table;
426            border-top: solid 1pt @border-color-print;
427            padding-top: 2rem;
428        }
429
430        dt {
431            display: table-cell;
432            width: 10%;
433            height: 40px;
434
435            .size,
436            .filesize {
437                width: 15%;
438            }
439
440            .date {
441                width: 20%;
442            }
443        }
444
445        dd {
446            display: table-cell;
447
448            &.name {
449                position: absolute;
450                top: .5rem;
451                left: 0;
452                display: block;
453                font-weight: bold;
454                margin: 0;
455            }
456        }
457    }
458}
459
460/* + + +  forms  + + + */
461form {
462    button {
463        &[type="submit"],
464        &[type="reset"] {
465            display: none;
466        }
467    }
468
469    fieldset {
470        label,
471        label.block {
472            display: block;
473            text-align: left;
474        }
475
476        br + br {
477            display: none;
478        }
479
480        label {
481            clear: both;
482
483            > input {
484                &:first-child {
485                    float: left;
486                }
487
488                + span {
489                    float: left;
490                    display: inline-block;
491                    padding-left: 7pt;
492                    padding-bottom: 13pt;
493                }
494            }
495        }
496
497        label.block {
498            display: block;
499            text-align: left;
500
501            > span {
502                float: none;
503                padding-bottom: 0;
504
505                &:first-child {
506                    display: block;
507                }
508            }
509        }
510    }
511
512    input,
513    textarea,
514    select {
515        border: 1pt solid @border-dark-print;
516    }
517}
518