1/**
2 * Styles for the QC plugin
3 */
4
5/* + + + + +  slideout output  + + + + + */
6.qc-output {
7    position: relative;
8    min-width: 100%;
9    width: auto;
10    background-color: @ini_background !important;
11    font-size: 90%;
12    box-shadow: @box-shadow-bottom;
13    border-bottom: solid 1px @ini_border_light;
14    margin-bottom: 0;
15    padding-top: 0 !important; // for JS overwrite
16
17    @media @screen_min-xxs {
18        margin-right: -(@margin-default);
19        margin-left: -(@margin-default);
20        padding-left: @margin-default;
21        padding-right: @margin-default;
22    }
23
24    @media @screen_min-md {
25        top: -(@margin-small);
26    }
27
28    @media @screen_max-md {
29        top: 0;
30        margin-top: -(@page_padding-top + 2);
31        margin-right: -(@margin-default * 1.6);
32        margin-left: -(@margin-default);
33        padding-top: @margin-default;
34    }
35
36    @media @screen_max-xxs {
37        margin-left: -(@margin-small);
38        padding-left: @margin-small;
39        padding-right: @margin-default;
40    }
41
42    h1 {
43        @media @screen_min-md {
44            padding-top: 0;
45        }
46    }
47
48    h2 {
49        font-size: 1.3rem;
50    }
51
52    h3 {
53         font-size: 1.1rem;
54    }
55
56    h4,
57    h5,
58    h6 {
59        font-size: 1rem;
60    }
61
62    div,
63    p {
64        margin-left: 0;
65    }
66
67    dl {
68        dt,
69        dd {
70            padding-bottom: @small-spacing;
71
72            @media @screen_max-xxs {
73                float: none;
74                display: inline-block;
75                width: 49%;
76                max-width: 10em;
77                vertical-align: top;
78                margin-left: 0;
79            }
80        }
81    }
82
83    .qc_icon {
84        background-color: #fff;
85        border-radius: @fix_border-radius;
86        vertical-align: top;
87        padding: .1rem;
88    }
89}
90
91/* + + + + +  admin settings  + + + + + */
92.do-admin #dokuwiki__content {
93    #plugin__qc_admin {
94        table .centeralign {
95            .qc_icon svg + span {
96                min-width: 2em;
97                padding-left: .2em;
98                text-align: left;
99                display: inline-block;
100            }
101        }
102    }
103}
104