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