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 @highlight-odd-ini_text, 12 @highlight-odd-ini_text 10px, 13 @highlight-even-ini_text 10px, 14 @highlight-even-ini_text 20px, 15 ); 16 } 17 18 .secedit button { 19 clear: both; 20 font-size: 100%; 21 margin-top: -1em; 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 37 &::after { 38 content: ''; 39 display: inline-block; 40 background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; 41 height: 1em; 42 width: 1em; 43 background-size: contain; 44 margin-left: @button-margin; 45 } 46 47 &:hover, 48 &:active, 49 &:focus { 50 background-color: @ini_button_color; 51 color: @ini_button_background; 52 border-color: @ini_button_background; 53 54 &::after { 55 background-image: url("svg.php?svg=pencil.svg&f=button_background"); 56 } 57 } 58 } 59 } 60} 61
