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