1/** 2 * This file provides styles for the edit view (?do=edit), preview 3 * and section edit buttons. 4 */ 5 6/* edit view 7********************************************************************/ 8 9.dokuwiki div.editBox { 10} 11 12/*____________ toolbar ____________*/ 13 14.dokuwiki div.toolbar { 15 margin-bottom: .5em; 16} 17#draft__status { 18 float: right; 19 color: var(--text_alt, #999); 20 background-color: inherit; 21} 22[dir=rtl] #draft__status { 23 float: left; 24} 25#tool__bar { 26 float: left; 27} 28[dir=rtl] #tool__bar { 29 float: right; 30} 31 32/* buttons inside of toolbar */ 33.dokuwiki div.toolbar button.toolbutton { 34 background-color: #eee; 35} 36/* picker popups (outside of .dokuwiki) */ 37div.picker { 38 width: 300px; 39 border: 1px solid var(--border, #ccc); 40 background-color: #eee; 41 color: inherit; 42} 43/* picker for headlines */ 44div.picker.pk_hl { 45 width: auto; 46} 47 48/* buttons inside of picker */ 49div.picker button.pickerbutton, 50div.picker button.toolbutton { 51 padding: .1em .35em; 52 border-width: 0; 53 background-color: #eee; 54 color: black; 55} 56 57/*____________ edit textarea ____________*/ 58 59.dokuwiki textarea.edit { 60 width: 100%; 61 margin-bottom: .5em; 62} 63 64/*____________ below the textarea ____________*/ 65 66.dokuwiki div.editBar { 67 overflow: hidden; 68 margin-bottom: .5em; 69} 70 71/* size and wrap controls */ 72#size__ctl { 73 float: right; 74} 75[dir=rtl] #size__ctl { 76 float: left; 77} 78#size__ctl img { 79 cursor: pointer; 80} 81 82/* edit buttons */ 83.dokuwiki .editBar .editButtons { 84 display: inline; 85 margin-right: 1em; 86} 87[dir=rtl] .dokuwiki .editBar .editButtons { 88 margin-right: 0; 89 margin-left: 1em; 90} 91.dokuwiki .editBar .editButtons button { 92} 93 94/* summary input and minor changes checkbox */ 95.dokuwiki .editBar .summary { 96 display: inline; 97} 98.dokuwiki .editBar .summary label { 99 vertical-align: middle; 100 white-space: nowrap; 101} 102.dokuwiki .editBar .summary label span { 103 vertical-align: middle; 104} 105.dokuwiki .editBar .summary input { 106} 107/* change background colour if summary is missing */ 108.dokuwiki .editBar .summary input.missing { 109 color: var(--text, #333); 110 background-color: #ffcccc; 111} 112 113/* preview 114********************************************************************/ 115 116.dokuwiki div.preview { 117 border: dotted var(--border, #ccc); 118 border-width: .2em 0; 119 padding: 1.4em 0; 120 margin-bottom: 1.4em; 121} 122 123/* section edit buttons 124********************************************************************/ 125 126.dokuwiki .secedit { 127 float: right; 128 margin-top: -1.4em; 129} 130[dir=rtl] .dokuwiki .secedit { 131 float: left; 132} 133.dokuwiki .secedit button { 134 font-size: 75%; 135 margin-top: 1.3em; 136} 137 138/* style for section highlighting */ 139.dokuwiki div.section_highlight { 140 margin: 0 -1em; /* negative side margin = side padding + side border */ 141 padding: 0 .5em; 142 border: solid var(--background_neu, #ddd); 143 border-width: 0 .5em; 144} 145