1/* =Task Plugin
2----------------------------------------------- */
3
4.dokuwiki{
5  div.vcalendar {
6    fieldset.vtodo {
7      padding: 0px;
8      border: 0px;
9
10      legend {
11        background: @ini_background_alt;
12        width: 100%;
13        padding: 10px;
14        font-weight: bold;
15      }
16      abbr {
17        border-bottom: 0px;
18
19        form {
20          div.no {
21            display: flex;
22            align-items: center;
23
24            select,input {
25              border: 5px solid @ini_border;
26              border-bottom-right-radius: 0px;
27              border-bottom-left-radius: 20px;
28              border-top-right-radius: 0px;
29              border-top-left-radius: 20px;
30              background: @ini_background;
31              width: 100%;
32              max-width: 200px;
33              height: 40px;
34              padding: 5px 10px;
35              color: @ini_text;
36            }
37            button {
38              border-bottom-left-radius: 0px;
39              border-top-left-radius: 0px;
40            }
41          }
42        }
43      }
44    }
45    fieldset.vtodo.priority3 {
46      legend, table, th {
47        background-color: rgba(220, 53, 69, 0.25);
48      }
49    }
50    fieldset.vtodo.priority2 {
51      legend, table, th {
52        background-color: rgba(255, 193, 7, 0.25);
53      }
54    }
55    fieldset.vtodo.priority1 {
56      legend, table, th {
57        background-color: rgba(13, 202, 240, 0.25);
58      }
59    }
60  }
61  div.table {
62    .priority3 {
63      background-color: rgba(220, 53, 69, 0.25);
64    }
65    .priority2 {
66      background-color: rgba(255, 193, 7, 0.25);
67    }
68    .priority1 {
69      background-color: rgba(13, 202, 240, 0.25);
70    }
71  }
72  div.task_viewmenu {
73    margin-bottom: 20px;
74
75    form {
76      label.simple {
77        margin-bottom: 10px;
78
79        input[type="checkbox"] {
80          margin-left: 10px;
81          width: 16px;
82          height: 16px;
83          align-self: center;
84        }
85      }
86      label.simple:has(input[type="checkbox"]) {
87        display: flex;
88
89        input[type="checkbox"] {
90          margin-left: 10px;
91          width: 16px;
92          height: 16px;
93          align-self: center;
94        }
95      }
96    }
97  }
98}
99