1/** 2 * This styles the section editing buttons and highlighting 3 */ 4#dokuwiki__content.main-content { 5 @button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this? 6 7 div.section_highlight { 8 clear: right; // FIXME why? 9 background: repeating-linear-gradient( 10 -45deg, 11 transparent, 12 transparent 10px, 13 @ini_background_alt 10px, 14 @ini_background_alt 20px, 15 ); 16 } 17 18 .secedit button { 19 clear: both; 20 font-size: 100%; 21 margin-top: @button-margin; 22 margin-bottom: @button-margin; 23 } 24 25 .editbutton_section { 26 position: relative; 27 z-index: 2; 28 top: 0; 29 float: right; 30 margin-top: 0; 31 32 button { 33 background-color: transparent; 34 color: transparent; 35 border-color: transparent; 36 margin-top: -1em; 37 38 &::after { 39 content: ''; 40 display: inline-block; 41 background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat; 42 height: 1em; 43 width: 1em; 44 background-size: contain; 45 margin-left: @button-margin; 46 } 47 48 &:hover, 49 &:active, 50 &:focus { 51 background-color: @button_color; 52 color: @button_background; 53 border-color: @button_background; 54 } 55 } 56 } 57} 58
