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