1#dokuwiki__usertools {
2    position: absolute;
3    top: .5em;
4    right: 40px; // pagetool width
5    text-align: right;
6    width: 100%;
7
8    ul {
9        margin: 0 auto;
10        padding: 0;
11        max-width: @ini_site_width;
12    }
13
14    li.action a {
15        display: inline-flex;
16        flex-direction: row-reverse;
17        flex-wrap: nowrap;
18
19        svg {
20            height: 1.4em;
21            width: 1.4em;
22            vertical-align: middle;
23            fill: var(--border, #ccc);
24            margin-right: 0.2em;
25        }
26    }
27
28    li.action a:hover,
29    li.action a:active {
30        svg {
31            fill: var(--link, #2b73b7);
32        }
33    }
34
35}
36
37[dir=rtl] #dokuwiki__usertools {
38    text-align: left;
39    left: 40px; // pagetool width
40    right: auto;
41
42
43    li.action a {
44
45        svg {
46            margin-right: 0;
47            margin-left: 0.2em;
48        }
49    }
50}
51