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