1/**
2 * This file provides styles for do-task plugin
3 */
4
5/* + + + + +  global  + + + + + */
6ul.page-attributes {
7    .plugin_do_pagetasks {
8        position: relative;
9        border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
10
11        strong {
12            overflow: hidden;
13            background-color: @ini_background_site;
14            border-color: @noopentasks-border;
15            color: @ini_text_webframe;
16        }
17
18        &.do_none {
19            .num {
20                background-color: @noopentasks-border; // fix
21                color: @noopentasks-color; // fix
22            }
23        }
24    }
25}
26
27/* + + + + +  usertool icon in header  + + + + + */
28#dokuwiki__usertools.nav-usertools {
29    ul {
30        li {
31            &.user-task {
32                .btn-usertools-wrapper();
33                .btn-usertools-num();
34
35                position: relative;
36
37                .plugin__do_usertasks {
38                    width: 100%;
39                    min-width: (@toggle-size + .25);
40                    min-height: @toggle-size;
41                    border-radius: @ini_default_border_radius;
42                    border: 1px solid @wikiicons-border;
43                    padding: .14rem 0 0 0;
44
45                    &::before {
46                        content: ''; // remove when fontello is removed from usertools
47                    }
48
49                    &:hover,
50                    &:focus,
51                    &:active {
52                        background-color: @ini_nav_menu_hover_color;
53                        border: none;
54
55                        svg path {
56                            fill: @ini_nav_menu_hover_bg;
57                        }
58                    }
59                }
60
61                button {
62                    background-color: @ini_nav_menu_hover_bg;
63                }
64
65                svg {
66                    width: 1.2rem;
67                    height: 1.2rem; // for IE 11
68                    margin-bottom: 2px;
69
70                    path {
71                        fill: @ini_nav_menu_hover_color;
72                    }
73                }
74
75                .noopentasks {
76                    span {
77                        background-color: @ini_background_site;
78                        border-color: @noopentasks-border;
79                        color: @ini_text_webframe;
80                    }
81
82                    svg path {
83                        fill: @ini_text_webframe;
84                    }
85
86                    .num {
87                        background-color: @noopentasks-border; // fix
88                        color: @noopentasks-color; // fix
89                        margin-top: 1px;
90                    }
91                }
92
93                @media @screen_max-xs {
94                    display: none;
95                }
96            } // user-task
97        } // li
98    } // ul
99}
100
101.plugin__do_usertasks_list {
102    background-color: transparent;
103
104    @media @screen_max-sm {
105        right: 1.25rem !important;
106        left: 1.25rem !important;
107    }
108
109    table.inline {
110        background-color: #FFF;
111        margin-top: .5rem;
112
113        @media @screen_max-sm {
114            width: 100%;
115        }
116    }
117}
118