1/**
2 * This styles the "section editing button" (if not added by data-plugin)
3 */
4
5#dokuwiki__content.main-content {
6    .secedit:not([class*="plugin"]):not([class*="table"]) {
7        position: relative;
8        top: 0;
9        float: right;
10        margin-top: 0; // for best position of edit-tab beneath table
11
12        form div.no {
13            button {
14                margin-top: -.4rem;
15                padding-right: 0;
16            }
17        }
18
19        // "section editing button"
20        button {
21            background-color: transparent;
22            color: transparent;
23            border-color: transparent;
24
25            &::after {
26                content: '';
27                float: right;
28                display: inline-block;
29                background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
30                height: 1em;
31                width: 1em;
32                background-size: contain;
33                border: solid 2px transparent;
34                border-radius: @ini_default_border_radius;
35                margin-left: @small-spacing;
36                margin-top: -1px;
37            }
38
39            &:hover,
40            &:active,
41            &:focus {
42                //background-color: @ini_existing;
43                color: @ini_existing;
44                //border-color: @ini_existing;
45
46                &::after {
47                    background-color: @ini_existing;
48                    background-image: url("svg.php?svg=pencil.svg&f=background");
49                    border-color: @ini_existing;
50                }
51            }
52        }
53    }
54}
55