xref: /template/sprintdoc/css/area_main-content-secedit.less (revision eeaa70e6b80d9581b3bcd21d73cf402c5b554ddb)
1/**
2 * This styles the section editing buttons and highlighting
3 */
4
5
6#dokuwiki__content.main-content {
7    div.section_highlight {
8        clear: right;
9        background: repeating-linear-gradient(
10            -45deg,
11            @highlight-odd-ini_text,
12            @highlight-odd-ini_text 10px,
13            @highlight-even-ini_text 10px,
14            @highlight-even-ini_text 20px,
15        );
16        border-color: @ini_background_page_header;
17    }
18
19    .secedit button {
20        clear: both;
21        font-size: 100%;
22        margin-top: -1em;
23        margin-bottom: @small-spacing;
24    }
25
26    .editbutton_section {
27        position: relative;
28        z-index: 2;
29        top: 0;
30        float: right;
31        margin-top: 0;
32
33        button {
34            background-color: transparent;
35            color: transparent;
36            border-color: transparent;
37
38            &::after {
39                content: '';
40                display: inline-block;
41                background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
42                height: 1em;
43                width: 1em;
44                background-size: contain;
45                margin-left: @small-spacing;
46            }
47
48            &:hover,
49            &:active,
50            &:focus {
51                background-color: @ini_button_color;
52                color: @ini_button_background;
53                border-color: @ini_button_background;
54
55                &::after {
56                    background-image: url("svg.php?svg=pencil.svg&f=button_background");
57                }
58            }
59        }
60    }
61}
62