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