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