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 .editbutton_section { 20 position: relative; 21 z-index: 2; 22 top: 0; 23 float: right; 24 25 form div.no { 26 button { 27 padding-right: 0; 28 } 29 } 30 31 button { 32 background-color: transparent; 33 color: transparent; 34 border-color: transparent; 35 36 &::after { 37 content: ''; 38 float: right; 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 border: solid 2px transparent; 45 border-radius: @ini_default_border_radius; 46 margin-left: @small-spacing; 47 margin-top: -1px; 48 } 49 50 &:hover, 51 &:active, 52 &:focus { 53 //background-color: @ini_existing; 54 color: @ini_existing; 55 //border-color: @ini_existing; 56 57 &::after { 58 background-color: @ini_existing; 59 background-image: url("svg.php?svg=pencil.svg&f=background_content"); 60 border-color: @ini_existing; 61 } 62 } 63 } 64 } 65} 66
