1/** 2 * This styles the section editing buttons and highlighting 3 */ 4 5 6#dokuwiki__content.main-content { 7 div.section_highlight { 8 clear: right; 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 border-color: @ini_background_page_header; 17 } 18 19 .secedit button { 20 clear: both; 21 font-size: 100%; 22 margin-top: -1em; 23 margin-bottom: @small-spacing; 24 } 25 26 .editbutton_section { 27 position: relative; 28 z-index: 2; 29 top: 0; 30 float: right; 31 margin-top: 0; 32 33 button { 34 background-color: transparent; 35 color: transparent; 36 border-color: transparent; 37 38 &::after { 39 content: ''; 40 display: inline-block; 41 background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; 42 height: 1em; 43 width: 1em; 44 background-size: contain; 45 margin-left: @small-spacing; 46 } 47 48 &:hover, 49 &:active, 50 &:focus { 51 background-color: @ini_button_color; 52 color: @ini_button_background; 53 border-color: @ini_button_background; 54 55 &::after { 56 background-image: url("svg.php?svg=pencil.svg&f=button_background"); 57 } 58 } 59 } 60 } 61} 62
