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